﻿// JScript File
///Menu 1--------------------------------------------------------------------------------------------------------------------------------
            function showMenu1(){            
                getElementReference('Menu').style.display = "block";
                positionMenu1();
            
            }
            
             function hideMenu1(){
            
                getElementReference('Menu').style.display = "none";
               
            }
            
             function positionMenu1()
            {		
            
               m = getDim2(document.getElementById("mi2"));
               document.getElementById('Menu').style.top = m.y + 35 + "px";
               m = getDim(document.getElementById("mi2"));
               document.getElementById('Menu').style.left = m.x - 20 + "px";	            
	          	
            }
            
             function getDim2(el)
             {
                for (var lx=0,ly=0;el!=null;
	            ly+=el.offsetTop,lx+=el.offsetLeft,el=el.offsetParent);
                
                return {y:ly}
                
               
             }
             
             function getDim(el)
             {
                for (var lx=0,ly=0;el!=null;
	            lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
                return {x:lx}
             }	
              
//---------------------------------------------------------------------------------------------------------------------------------------

///Menu 2--------------------------------------------------------------------------------------------------------------------------------

 
            function showMenu2(ID, Item)
            {
                 
                var ID2 = "divSubMenu" + ID
                 
//                Item.style.color = "#6b1a07";
//                Item.style.background = "#ac8177";
                 
                getElementReference('Menu').style.display = "block";
                getElementReference(ID2).style.display = "block"
                positionMenu2(ID2);
                
            
            }
            
             
            function hideMenu2(ID, Item){
             
                var ID2 = "divSubMenu" + ID
                
                document.getElementById(ID2).style.display = "none"
                 //alert(ID)               
            }
            
            
              function positionMenu2(ID)
            {		
            
               m = getDim2(document.getElementById("mi2"));
               document.getElementById(ID).style.top = m.y + 35 + "px";
               m = getDim(document.getElementById("mi2"));
               document.getElementById(ID).style.left = m.x + 186 + "px";	            
	          	
            }
            
             function positionMenu3(ID)
            {		
              
               m = getDim2(document.getElementById("mi2"));
               getElementReference(ID).style.top = m.y + 34  + "px";
               m = getDim(document.getElementById("mi2"));
               getElementReference(ID).style.left = m.x + 385 + "px";	
                //alert(m.x);  
                      
	          	
            }
            
            function MOMenu1(ID, Item){
              
              var Pic = 'Arr' + ID;
              var Elem = 'el' + ID;
              
              Item.style.color = "#671300";
              Item.style.background = "#ac8177";
              
              getElementReference(Elem).style.color = "#671300";
              getElementReference(Elem).style.background = "#ac8177";
              
              getElementReference(Pic).src = "images/menuArrowMO.gif"
              
            }	
            
             function MOuMenu1(ID, Item){
              
              var Pic = 'Arr' + ID;
              var Elem = 'el' + ID;
              
              Item.style.background = "#681300";
              Item.style.color = "#c38e82";
              
              
              getElementReference(Elem).style.color = "#c38e82";
              getElementReference(Elem).style.background = "#681300";
              
              
              getElementReference(Pic).src = "images/menuArrow.gif"
              
            }	

//---------------------------------------------------------------------------------------------------------------------------------------


///Menu 3--------------------------------------------------------------------------------------------------------------------------------
            function showMenu3b(ID, Item)
            {
                var IDChild = "tdSubAreaDesc" + ID;
                getElementReference(IDChild).style.display = "block";
                //alert(IDChild);
                Item.style.background = "#ac8177";
                Item.style.color = "#671300";
                positionMenu3(IDChild);
                //alert(Item.id) 
            }
            function hideMenu3b(ID, Item)
            {
                var IDChild = "tdSubAreaDesc" + ID;
                getElementReference(IDChild).style.display = "none";
                
                Item.style.background = "#681300";
                Item.style.color = "#c38e82";  
            }
  
            function showMenu3(ID, Parrent, Item)
            {
                
                var ID2 = "divSubMenu" + Parrent
                var ID3 = "divExpla" + ID
                //alert(Item.id)
                Item.style.color = "#6b1a07";
                Item.style.background = "#ac8177";
                getElementReference('Menu').style.display = "block";
                 //alert(ID2)
                getElementReference(ID2).style.display = "block";               
                getElementReference(ID3).style.display = "block";               
                positionMenu3(ID3);
            
            }
            
              
            function hideMenu3(ID, Parrent, Item)
            {
                              
                var ID3 = "divExpla" + ID
                Item.style.background = "#681300";
                Item.style.color = "#c38e82";
                document.getElementById(ID3).style.display = "none";               
                      
            }
            
              
//              function positionMenu3(ID)
//            {		
//            
//               m = getDim2(document.getElementById("mi2"));
//               document.getElementById(ID).style.top = m.y + -127 + "px";
//               m = getDim(document.getElementById("mi2"));
//               document.getElementById(ID).style.left = m.x + -152+ "px";	            
//	          	
//            }	
            
            function KeepOpen(Item, ID){
              
              getElementReference(Item).style.display = "block";
              var ID2 = "divSubMenu" + ID
              getElementReference(ID2).style.display = "block";
            }
            
            function CloseLast(Item){
              getElementReference(Item).style.display = "none";
            }
            
            

//---------------------------------------------------------------------------------------------------------------------------------------

