// Usage 
// <li rel="myaccount" onmouseover="javascript:tab_on('hover1','0',0)" onmouseleave="javascript:snap_back()">
//  <a href="myaccount.aspx" id="hover1">Home</a></li>
//
    var mastertabvar = new Object()
    mastertabvar.baseopacity = 0
    mastertabvar.browserdetect = ""

    function showsubmenu(masterid, id) {
        if (typeof highlighting != "undefined")
            clearInterval(highlighting)
        submenuobject = document.getElementById(id);
        if(submenuobject !=null){
        mastertabvar.browserdetect = submenuobject.filters ? "ie" : typeof submenuobject.style.MozOpacity == "string" ? "mozilla" : ""
        hidesubmenus(mastertabvar[masterid])
        submenuobject.style.display = "block"
        instantset(mastertabvar.baseopacity)
        highlighting = setInterval("gradualfade(submenuobject)", 50)
        }
    }

    function hidesubmenus(submenuarray) {
        //for (var i = 0; i < submenuarray.length; i++){
        //alert(submenuarray[i]);
            //document.getElementById(submenuarray[i]).style.display = "none"
            //}
    }

    function instantset(degree) {
        if (mastertabvar.browserdetect == "mozilla")
            submenuobject.style.MozOpacity = degree / 100
        else if (mastertabvar.browserdetect == "ie")
            submenuobject.filters.alpha.opacity = degree
    }


    function gradualfade(cur2) {
        if (mastertabvar.browserdetect == "mozilla" && cur2.style.MozOpacity < 1)
            cur2.style.MozOpacity = Math.min(parseFloat(cur2.style.MozOpacity) + 0.1, 0.99)
        else if (mastertabvar.browserdetect == "ie" && cur2.filters.alpha.opacity < 100)
            cur2.filters.alpha.opacity += 10
        else if (typeof highlighting != "undefined") //fading animation over
            clearInterval(highlighting)
    }

    function initalizetab(tabid) {
        mastertabvar[tabid] = new Array()
        var menuitems = document.getElementById(tabid).getElementsByTagName("li")
        for (var i = 0; i < menuitems.length; i++) {
            if (menuitems[i].getAttribute("rel")) {
                menuitems[i].setAttribute("rev", tabid) //associate this submenu with main tab
                mastertabvar[tabid][mastertabvar[tabid].length] = menuitems[i].getAttribute("rel") //store ids of submenus of tab menu
                if (menuitems[i].className == "selected"){
                    showsubmenu(tabid, menuitems[i].getAttribute("rel"))
                    }
                //menuitems[i].getElementsByTagName("a")[0].onmouseover = function() {
                //showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel"))
                //}
                menuitems[i].getElementsByTagName("a")[0].onmouseover = function() {                    
                    if (this.style.color != "#000" && this.style.color != "#000000" &&
                        this.style.color != "rgb(0, 0, 0)") {
                        this.style.color = "#ffcc00";
                    }
                }
                menuitems[i].getElementsByTagName("a")[0].onmouseout = function() {
                    // Firefox denotes color in rgb
                    //alert("Color is : " + this.style.color);
                if (this.style.color == "#ffcc00" || this.style.color == "rgb(255, 204, 0)") {
                        this.style.color = "#ffffff";
                    }
                }
            }
        }
    }
    /*additional functions to handle Tab highlight event*/
    function tab_on(id1, id2, id3) {
        tab_off()      
        document.getElementById(id1).style.background = 'url(images/bg_' + id1 + '.jpg) no-repeat'
        document.getElementById(id1).style.color = '#000'
        if (id2 != '0' && id3 > 0) {            
            document.getElementById(id2).style.fontWeight = 'bold'
            document.getElementById(id2).style.color = '#000000'
            menuitems = document.getElementById("maintab").getElementsByTagName("li")
            //alert(menuitems[id3].getAttribute("rel"));
            showsubmenu("maintab", menuitems[id3].getAttribute("rel"))
        }
    }
    
    function tab_off() {
        document.getElementById('hover1').style.background = 'none'
        document.getElementById('hover1').style.color = '#fff'
        document.getElementById('hover2').style.background = 'none'
        document.getElementById('hover2').style.color = '#fff'
        document.getElementById('hover3').style.background = 'none'
        document.getElementById('hover3').style.color = '#fff'
        document.getElementById('hover4').style.background = 'none'
        document.getElementById('hover4').style.color = '#fff'
        document.getElementById('hover5').style.background = 'none'
        document.getElementById('hover5').style.color = '#fff'
        document.getElementById('hover6').style.background = 'none'
        document.getElementById('hover6').style.color = '#fff'

    }

    function settab() {
        tab_off()        
        filenameTmp = window.location.href.substring(window.location.href.lastIndexOf("/") + 1, window.location.href.length);
        if (filenameTmp.indexOf("?") > 0) {
            filename = filenameTmp.substring(0, filenameTmp.lastIndexOf("?"));
        }
        else {
            filename = filenameTmp;
        }         
        filename = filename.toLowerCase()
        var location = window.location + "";
        var query = '';
        if(location.lastIndexOf('=') > 0)
					query = location.substring(location.lastIndexOf('=') + 1,location.length);

        if (document.getElementById("submenu-items").getElementsByTagName("a")) {
            submenuitems = document.getElementById("submenu-items").getElementsByTagName("a")
            for (var i = 0; i < submenuitems.length; i++) {
                if (submenuitems[i].getAttribute("href")) {
                
                    filename2 = submenuitems[i].getAttribute("href").substring(submenuitems[i].getAttribute("href").lastIndexOf("/") + 1, submenuitems[i].getAttribute("href").length)
                    
                    if ((filename.toLowerCase() == filename2.toLowerCase()) ||
                        (filename2.toLowerCase() == "profile_edit_brochure.aspx" && filename == "profile_edit_basic.aspx") ||
                        (filename2.toLowerCase() == "profile_edit_brochure.aspx" && filename == "profile_edit_background.aspx") ||
                        (filename2.toLowerCase() == "profile_edit_brochure.aspx" && filename == "profile_edit_personal.aspx") ||
                        (filename2.toLowerCase() == "profile_edit_brochure.aspx" && filename == "profile_edit_photos.aspx") ||
                        (filename2.toLowerCase() == "profile_edit_brochure.aspx" && filename == "profile_edit_privacy.aspx") ||                        
                        (filename2.toLowerCase() == "blogs_directory.aspx" && filename == "blogs_categories.aspx") ||
                        (filename2.toLowerCase() == "blogs_directory.aspx" && filename == "blogs_browse.aspx") ||
                        (filename2.toLowerCase() == "blogs_directory.aspx" && filename == "blogs_management.aspx") ||
                        (filename2.toLowerCase() == "blogs_directory.aspx" && filename == "blogs_add.aspx") ||
                        (filename2.toLowerCase() == "blogs_directory.aspx" && filename == "blogs_edit.aspx") ||
                        (filename2.toLowerCase() == "blogs_directory.aspx" && filename == "blogs_statistics_blog.aspx") ||
                        (filename2.toLowerCase() == "blogs_directory.aspx" && filename == "blogs_statistics_rankings.aspx") ||
                        (filename2.toLowerCase() == "blogs_directory.aspx" && filename == "blogs_statistics_visitors.aspx") ||
                        (filename.toLowerCase().lastIndexOf("client_referral") >= 0) && (filename2.toLowerCase() == "crn.aspx") ||
                        (filename.toLowerCase().lastIndexOf("classified") >= 0) && (filename2.toLowerCase().lastIndexOf("classified") >= 0) ||
                        (filename2.toLowerCase() == "qa_myqaa.aspx" && filename == "qa_myqaq.aspx") ||
                        (filename2.toLowerCase() == "qa_myqaq.aspx" && filename == "qa_myqaa.aspx") ||
                        (filename2.toLowerCase() == "qa_home.aspx" && filename == "qa_allmyqaq.aspx") ||
                        (filename2.toLowerCase() == "qa_home.aspx" && filename == "qa_allmyqaa.aspx") ||
                        (filename2.toLowerCase() == "qa_ask.aspx" && filename == "qa_qproofread.aspx") ||
                        (filename2.toLowerCase() == "qa_ask.aspx" && filename == "qa_qposted.aspx") ||
                        (filename2.toLowerCase() == "qa_home.aspx" && filename == "qa_read.aspx") ||
                        (filename2.toLowerCase() == "qa_home.aspx" && filename == "qa_answerp.aspx") ||
                        (filename2.toLowerCase() == "qa_home.aspx" && filename == "qa_answer.aspx") ||
                        (filename2.toLowerCase() == "forummitforumhome.aspx" && filename.toLowerCase() == "forummitforumfetails.aspx") ||
                        (filename2.toLowerCase() == "forummitforumhome.aspx" && filename.toLowerCase() == "forummitforumtopic.aspx") ||
                        (filename2.toLowerCase() == "newsmitnewshome.aspx" && filename.toLowerCase() == "newsmitnewshome.aspx") ||
                        (filename2.toLowerCase() == "groups_directory_browse.aspx" && filename == "groups_overview.aspx") ||
                        (filename2.toLowerCase() == "groups_directory_browse.aspx" && filename == "groups_members.aspx") ||
                        (filename2.toLowerCase() == "groups_directory_browse.aspx" && filename == "group_forums.aspx") ||
                        (filename2.toLowerCase() == "groups_directory_browse.aspx" && filename == "groups_docs.aspx") ||
                        (filename2.toLowerCase() == "groups_directory_browse.aspx" && filename == "groups_messages.aspx") ||
                        (filename2.toLowerCase() == "groups_directory_browse.aspx" && filename == "group_photos_view.aspx")     ||                       
                        (filename2.toLowerCase() == "directory_attorney.aspx" && filename == "listings.aspx" && query == '') || 
                        (filename2.toLowerCase() == "directory_lawstudent.aspx" && filename == "listings.aspx" && query == 'stu') ||
                        (filename2.toLowerCase() == "directory_lawprofessional.aspx" && filename == "listings.aspx" && query == 'pro') ||
                        (filename2.toLowerCase() == "directory_experts.aspx" && filename == "listings.aspx" && query == 'exp') ||
                        (filename2.toLowerCase() == "directory_attorney.aspx" && filename == "directory_law_firms.aspx" && query == '')    ||
                        (filename2.toLowerCase() == "directory_attorney.aspx" && filename == "directory_categories.aspx" && query == '') || 
                        (filename2.toLowerCase() == "directory_attorney.aspx" && filename == "directory_browse.aspx" && query == '') ||
                        (filename2.toLowerCase() == "directory_lawstudent.aspx" && filename == "directory_law_firms.aspx" && query == 'stu')    ||
                        (filename2.toLowerCase() == "directory_lawstudent.aspx" && filename == "directory_categories.aspx" && query == 'stu') ||
                        (filename2.toLowerCase() == "directory_lawstudent.aspx" && filename == "directory_browse.aspx" && query == 'stu') ||
                        (filename2.toLowerCase() == "directory_experts.aspx" && filename == "directory_law_firms.aspx" && query == 'exp') ||
                        (filename2.toLowerCase() == "directory_experts.aspx" && filename == "directory_categories.aspx" && query == 'exp') ||
                        (filename2.toLowerCase() == "directory_experts.aspx" && filename == "directory_browse.aspx" && query == 'exp') ||
                        (filename2.toLowerCase() == "directory_lawprofessional.aspx" && filename == "directory_law_firms.aspx" && query == 'pro')    ||
                        (filename2.toLowerCase() == "directory_lawprofessional.aspx" && filename == "directory_categories.aspx" && query == 'pro') || 
                        (filename2.toLowerCase() == "directory_lawprofessional.aspx" && filename == "directory_browse.aspx" && query == 'pro')
                        ) {
                        //id1 = hover3
                        id1 = submenuitems[i].getAttribute("id").substring(0, submenuitems[i].getAttribute("id").lastIndexOf("_"))
                        //id2 = hover3_1
                        id2 = submenuitems[i].getAttribute("id")
                        // id3 = 3
                        id3 = id1.replace('hover', '')
                        tab_on(id1, id2, id3);
                        
                    }                        
                }
            }
        }
        setleftnav();
        setleftinbox();
    }

    function setleftnav() {
        var fileargs = "";
        filenameFull = window.location.href.substring(window.location.href.lastIndexOf("/") + 1, window.location.href.length);
        if (filenameFull.indexOf("?") > 0) {
            filename = filenameFull.substring(0, filenameFull.lastIndexOf("?"));
        }
        else {
            filename = filenameFull;
        }      
        if (document.getElementById("LeftNav").getElementsByTagName("a")) {
            submenuitems = document.getElementById("LeftNav").getElementsByTagName("a")
            if (document.getElementById("LeftNav").getElementsByTagName("div")) {
            submenudivs = document.getElementById("LeftNav").getElementsByTagName("div")
            for (var i = 0; i < submenuitems.length; i++) {
                if (submenuitems[i].getAttribute("href")) {
                    filename2full = submenuitems[i].getAttribute("href").substring(submenuitems[i].getAttribute("href").lastIndexOf("/") + 1, submenuitems[i].getAttribute("href").length)
                    if (filename2full.indexOf("?") > 0) {                        
                        filename2 = filename2full.substring(0, filename2full.lastIndexOf("?"));                        
                        fileargs = filename2full.substring(filename2full.lastIndexOf("?") + 1, filename2full.length);
                        //alert("Fileargs : "+fileargs);
                    }
                    else {
                        filename2 = filename2full;
                    }
                    //alert("filename2 : " + filename2full + "    " + "filename: " + filenameFull);
                    if (
                          ((filename.toLowerCase() == filename2.toLowerCase())&&(filename.toLowerCase() != "profile.aspx")) ||
                          (filename2.toLowerCase() == "profile_edit_basic.aspx" && filename == "profile_edit_brochure.aspx") ||
                          (filename2.toLowerCase() == "profile_edit_basic.aspx" && filename == "profile_edit_background.aspx") ||
                          (filename2.toLowerCase() == "profile_edit_basic.aspx" && filename == "profile_edit_personal.aspx") ||
                          (filename2.toLowerCase() == "profile_edit_basic.aspx" && filename == "profile_edit_photos.aspx") ||
                          (filename2.toLowerCase() == "profile_edit_basic.aspx" && filename == "profile_edit_privacy.aspx") ||
                          (filename2.toLowerCase() == "colleagues.aspx" && filename == "mynetwork.aspx") ||
                          (filename2.toLowerCase() == "colleagues.aspx" && filename == "myendorsements.aspx") ||
                          (filename2full.toLowerCase() == filenameFull.toLowerCase())
                        ) {
                        if (navigator.appName == "Microsoft Internet Explorer") {
                            var classtmp = submenudivs[i].getAttribute("className");                            
                            submenudivs[i].setAttribute('className', classtmp + "_selected");
                        }
                        else {
                            // FireFox
                            var classtmp = submenudivs[i].getAttribute("class");                            
                            submenudivs[i].setAttribute('class', classtmp + "_selected");
                        }
                    }                    
                }
            }
        }
        }
    }

    function setleftinbox() {
        filename = window.location.href.substring(window.location.href.lastIndexOf("/") + 1, window.location.href.length);
        if (document.getElementById("LeftInbox").getElementsByTagName("a")) {
            submenuitems = document.getElementById("LeftInbox").getElementsByTagName("a")
            if (document.getElementById("LeftInbox").getElementsByTagName("div")) {
                submenudivs = document.getElementById("LeftInbox").getElementsByTagName("div")
                for (var i = 0; i < submenuitems.length; i++) {
                    if (submenuitems[i].getAttribute("href")) {
                        filename2 = submenuitems[i].getAttribute("href").substring(submenuitems[i].getAttribute("href").lastIndexOf("/") + 1, submenuitems[i].getAttribute("href").length)
                        if (filename.toLowerCase() == filename2.toLowerCase()) {
                            if (navigator.appName == "Microsoft Internet Explorer") {
                                var classtmp = submenudivs[i + 2].getAttribute("className");                                
                                submenudivs[i+2].setAttribute('className', classtmp + "_selected");
                            }
                            else {
                                // FireFox
                                var classtmp = submenudivs[i+2].getAttribute("class");                                
                                submenudivs[i+2].setAttribute('class', classtmp + "_selected");
                            }                                                                             
                        }
                    }
                }
            }
        }
    }

    function snap_back() {
        //settab(); Commented since the snapback does not allow to click on the 
        // sub-menus that the user may be browsing.
    }

    function ChangeColor(id) {
        //alert("id is : " + id);
    }