//===============================================
// split the pid

    function getIds(){

        var temp = pid.split("-");
        var ids = new Array();
        
        for(var i=0; i<temp.length; i++){
            ids.push(parseInt(temp[i]));
        }

        return ids;
    }

//===============================================
// handle main menu actions

    function onMainOver(id){

        var parts = id.split("_");
        
        var bkg = document.getElementById("mmb_" + id);
        var txt = document.getElementById("mmt_" + id);
        var rule = document.getElementById("mmr_" + id);          

        if(parts[0] == "main"){   

            bkg.className   = "mbo";
            txt.className   = "mtb";
            rule.className  = "mro";

            id = parseInt(parts[1]);
            var ids = getIds();
            var indx = (parts[0] == "main")? 0 : 1;

            if(id != 0){ //first button has no previous button
                if((id - 1) != ids[indx]){ //don't change it if it is selected
                    var prule = document.getElementById("mmr_" + parts[0] + "_" + (id - 1));
                    prule.className = "mrb";
                }
            }
            
        } else {
            txt.className = "mtb";
        }
    }
    
    function onMainOut(id){
    
        var parts = id.split("_");    

        var bkg = document.getElementById("mmb_" + id);
        var txt = document.getElementById("mmt_" + id);
        var rule = document.getElementById("mmr_" + id);
        
        if(parts[0] == "main"){
        
            bkg.className   = "mbb";
            txt.className   = "mtw";
            //rule.className  = "mrw";

            id = parseInt(parts[1]);
            var ids = getIds();
            var indx = (parts[0] == "main")? 0 : 1;        

            if(id != 0){ //first button has no previous
                if((id - 1) != ids[indx]){ //don't change it if it is selected
                    var prule = document.getElementById("mmr_" + parts[0] + "_" + (id - 1));
                    prule.className = "mrw";
                }
            }

            var menu_count = (parts[0] == "main")? mm : sm; //defined in header.asp

            if((id + 1) == menu_count){ //last items rule is always blue
                rule.className = "mrb";
            } else {
                if((id + 1) == ids[indx]){//if next button is selected make it blue
                    rule.className = "mrb";
                } else {
                    rule.className = "mrw";
                }
            }
        } else {
            txt.className = "mtg";
        }
    }