// JScript File

    var curMenu = new Array();
    var timerID;
    var nextImage = 5;
    var maxImage = 17;
    
    function Rect(top,left,width,height) {
        this.top = top;
        this.left = left;
        this.width = width;
        this.height = height;
    }
    
    
    
    function GetElementRect(obj) {
    
        var left = 0;
        var top = 0;
        for(pObj = obj; pObj != null; pObj = pObj.offsetParent) {
            left += pObj.offsetLeft;                
            top += pObj.offsetTop;
        }
        
        var width = obj.offsetWidth;
        var height = obj.offsetHeight;
        
        return new Rect(top,left,width,height);
    
    }
    
    
   function PopSubMenu(obj,subID,level) {
        
        var subMenuID = "L" + level + "_SM" + subID;
        var subMenu = document.getElementById(subMenuID);
       
        if(curMenu[level]) 
            if(curMenu[level] != subMenu)
                HideSubMenuNow(level);
            else {
                CancelHideSubMenu();
                HideSubMenuNow(level+1);
            }
            
       
        var r = GetElementRect(obj);
     
        
        subMenu.style["left"] = (r.left + r.width + 5) + "px";
        subMenu.style["top"] = r.top-1 + "px";
        ShowSubMenu(subMenu);
        
        
        curMenu[level] = subMenu;        
    }
    
    function ShowSubMenu(subMenu) {
    
        if(subMenu.style["display"] != "block") {
            subMenu.style["display"] = "block";
         }
       
    }
    
   
    /*
    function ShowSubMenu(subMenu) {
    
        if(subMenu.style["display"] != "block") {
         
            var targetWidth = subMenu.style["width"].split("e")[0];
        
            subMenu.targetWidth = targetWidth;
            subMenu.currentWidth = 0;
            subMenu.style["width"] = "1em"; 
            subMenu.style["overflow"] = "hidden";      
            subMenu.style["display"] = "block";
            //alert(subMenu.id);
            SlideMenu(subMenu.id);
        }
            
    }
    
    function SlideMenu(subMenuID) {
    
        
        var subMenu = document.getElementById(subMenuID);
        
        if(subMenu.currentWidth < subMenu.targetWidth)
            subMenu.currentWidth++;
                
        subMenu.style["width"] = subMenu.currentWidth + "em"; 
        
        if(subMenu.currentWidth < subMenu.targetWidth) {
            self.setTimeout("SlideMenu('" + subMenuID + "')", 5);
            
        }
        else 
            subMenu.style["width"] = subMenu.targetWidth + "em";             
    }
    
    */
    
    function SetHideTimer(level) {
        timerID = self.setTimeout("HideSubMenuNow(" + level + ")", 500);            
    }
    
    function HideSubMenu(level) {
        if(!timerID)
            SetHideTimer(level);
    }
    
    function HideSubMenuNow(level) {
    
   
        var i = level;
        while(curMenu[i]) {
            curMenu[i].style["display"] = "none";
            curMenu[i] = null;
            i++
        }  
        CancelHideSubMenu() 
    }
    
    function CancelHideSubMenu() {
    
    
        if(timerID)
            clearTimeout(timerID);
        timerID = null;
    }
   
    
    function InitImages() {
        var timeout;
        for(i = 1; i<=4; i++) {
            
          var img = document.getElementById("img" + i);
          img.swap = true;
        
          timeout = 1000 + (i-1)*4000;
          self.setTimeout("SwapImage(" + i + ")", timeout);
        }
    }
    
    function SwapImage(index) {
        
        var img = document.getElementById("img" + index);
        
        TransitionImage(img,"images/home" + nextImage + ".jpg");
        nextImage += 1;
        if(nextImage > maxImage) {
            nextImage = 1;
        }
        
        self.setTimeout("SwapImage(" + index + ")", 16000);
    }
    
    
    function TransitionImage(img, src) {
        
			try {
			    FadeImage(img.id,2,src);
			}
			catch(e) {
			    img.src = src;
			}    
    }