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.filters)
mastertabvar.browserdetect=submenuobject.filters? "ie" : typeof submenuobject.style.MozOpacity=="string"? "mozilla" : ""
hidesubmenus(mastertabvar[masterid],submenuobject)
//submenuobject.style.display="block"
instantset(mastertabvar.baseopacity)
highlighting=setInterval("gradualfade(submenuobject)",50)

}

function callhidesubmenu(masterid){
if (typeof highlighting!="undefined")
clearInterval(highlighting)
var submenuarray=mastertabvar[masterid]
if(submenuarray!=null)
{
     for (var i=0; i<submenuarray.length; i++)
     {
        document.getElementById(submenuarray[i]).style.display="none";
     }
 }
}

function callhideAllDiv(tabid){
   var divitems=document.getElementById(tabid).getElementsByTagName("div");
    if(divitems!=null && divitems.length>0)
    {
         for (var i=0; i<divitems.length; i++)
         {
            if (divitems[i].getAttribute("rel"))
            {
                 if(divitems[i].parentNode.getElementsByTagName("div")!=null)
                 {
                     if(divitems[i].parentNode.getElementsByTagName("div")[0]!=null)
                     {
                         divitems[i].parentNode.getElementsByTagName("div")[0].className="menu1_div4";
                     }
                     if(divitems[i].parentNode.getElementsByTagName("div")[1]!=null)
                     {
                         divitems[i].parentNode.getElementsByTagName("div")[1].className="menu1_div5";
                     }
                 }
             }
         }
    }
}


  function hidesubmenus(submenuarray,obj){
    if(submenuarray!=null)
    {
       for (var i=0; i<submenuarray.length; i++)
       {
           var _obj=document.getElementById(submenuarray[i]);
           if(obj!=_obj)
           {
                _obj.style.display="none";
           }
           else if(obj.style.display!="block")
           {
              obj.style.display="block";
           }
       }
    }
}

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()

        // Sang them
         var relSelect=document.getElementById("TopMenu1_hddRel").value
        // End Sang them
        
        var menuitems=document.getElementById(tabid).getElementsByTagName("div")

         if(menuitems!=null && menuitems.length>0)
         {
              var divCur1=null;
              var divCur2=null; 
                      
              for (var i=0; i<menuitems.length; i++)
              {
                  if (menuitems[i].getAttribute("rel"))
                  {
                    if (menuitems[i].className=="menu1_div2")
                    {
                        divCur1=menuitems[i].parentNode.getElementsByTagName("div")[0];
                        divCur2=menuitems[i].parentNode.getElementsByTagName("div")[1];
                        break;                        
                    }
                  }
              }
         
                var flag_homne=false;
                
                for (var i=0; i<menuitems.length; i++)
                {
                
                  if (menuitems[i].getAttribute("rel"))
                  {
                  
                    var flag_divCur=false;
                   
                  
                    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=="menu1_div2")
                    {
                       
                       flag_divCur=true;
                       
                       if(menuitems[i].getAttribute("home"))
                       {
                          flag_homne=true;
                          showsubmenu(tabid, menuitems[i].getAttribute("rel"))
                       }
                    }
                    
                    //   Gan thuoc tinh de kiem tra la item kich hoat
                    
                    document.getElementById(menuitems[i].getAttribute("rel")).setAttribute("flag_divCur", flag_divCur)

                      var masteridTemp=null;
                      var idTemp=null;
                      var div1=null;
                      var div2=null;  
                     
                     
                    menuitems[i].getElementsByTagName("a")[0].onmouseover=function()
                    {
                         callhideAllDiv(tabid);
                        
                         div1= this.parentNode.parentNode.getElementsByTagName("div")[0];
                         div1.className="menu1_div2";
                         div2=this.parentNode.parentNode.getElementsByTagName("div")[1];
                         div2.className="menu1_div3";
                                                
                         showsubmenu(this.parentNode.getAttribute("rev"),this.parentNode.getAttribute("rel"))
                    }
                                    
                     // Control phía trên menu              
                     if(document.getElementById("bannerTop")!=null)
                     document.getElementById("bannerTop").onmouseover=function()
                     {
                           
                           callhideAllDiv(tabid);
                           if(flag_homne)
                           {
                              showsubmenu(tabid, relSelect);
                           }
                           else 
                           {
                             
                             callhidesubmenu(tabid);
                           }
                           
                           divCur1.className="menu1_div2";
                           divCur2.className="menu1_div3";
                     }
                     
                     // Control bên dưới menu
                     if(document.getElementById("panelTDBottom")!=null)
                     document.getElementById("panelTDBottom").onmouseover=function()
                     {
                        
                           callhideAllDiv(tabid);
                           if(flag_homne)
                           {
                              showsubmenu(tabid, relSelect);
                           }
                           else 
                           {
                             
                             callhidesubmenu(tabid);
                           }
                           
                           divCur1.className="menu1_div2";
                           divCur2.className="menu1_div3";
                     }
                     
                     if(document.getElementById("tdLeft")!=null)
                     document.getElementById("tdLeft").onmouseover=function()
                     {
                           callhideAllDiv(tabid);
                            if(flag_homne)
                           {
                              showsubmenu(tabid, relSelect);
                           }
                           else 
                           {
                             
                             callhidesubmenu(tabid);
                           }
                           
                           divCur1.className="menu1_div2";
                           divCur2.className="menu1_div3";
                     }
                     
                     if(document.getElementById("tdRight")!=null)
                     document.getElementById("tdRight").onmouseover=function()
                     {
                            callhideAllDiv(tabid);
                            if(flag_homne)
                           {
                              showsubmenu(tabid, relSelect);
                           }
                           else 
                           {
                            
                             callhidesubmenu(tabid);
                           }
                           
                           divCur1.className="menu1_div2";
                           divCur2.className="menu1_div3";
                     }
                     
                     if(document.getElementById("panelSubMenuLeft")!=null)
                      document.getElementById("panelSubMenuLeft").onmouseover=function()
                     {
                           callhideAllDiv(tabid);
                            if(flag_homne)
                           {
                           
                              showsubmenu(tabid, relSelect);
                           }
                           else 
                           {
                             
                             callhidesubmenu(tabid);
                           }
                           
                           divCur1.className="menu1_div2";
                           divCur2.className="menu1_div3";
                     }
                     
                     if(document.getElementById("panelSubMenuCenter")!=null)
                      document.getElementById("panelSubMenuCenter").onmouseover=function()
                     {
                            callhideAllDiv(tabid);
                            if(flag_homne)
                           {
                             
                              showsubmenu(tabid, relSelect);
                           }
                           else 
                           {
                             callhidesubmenu(tabid);
                           }
                           
                           divCur1.className="menu1_div2";
                           divCur2.className="menu1_div3";
                     }
                     
                     if(document.getElementById("panelSubMenuBottom")!=null)
                      document.getElementById("panelSubMenuBottom").onmouseover=function()
                     {
                            callhideAllDiv(tabid);
                            if(flag_homne)
                           {
                             
                              showsubmenu(tabid, relSelect);
                           }
                           else 
                           {
                             callhidesubmenu(tabid);
                           }
                           
                           divCur1.className="menu1_div2";
                           divCur2.className="menu1_div3";
                     }
                     
                      
                        var othermenuitems=menuitems[i].getAttribute("rel");//document.getElementById("TopMenu1_panelSubMenu");//.getElementsByTagName("a")
                            document.getElementById(othermenuitems).onmouseover=function()
                            {
                                
                                if(this.getAttribute("flag_divCur")=="false" && divCur1.className!="menu1_div4")
                                {
                                        divCur1.className="menu1_div4";
                                        divCur2.className="menu1_div5";
                                }
                                else if(this.getAttribute("flag_divCur")=="true" && divCur1.className!="menu1_div2")
                                {
                                   divCur1.className="menu1_div2";
                                   divCur2.className="menu1_div3";
                                }
                                else if(div1!=null &&  div1.className!="menu1_div2")
                                {
                                        div1.className="menu1_div2";
                                        div2.className="menu1_div3";
                                 }
                             }

                 }
            }
            
       }
}