var cssmenuids=["cssmenu1", "cssmenuFunctions"] //Enter id(s) of CSS Horizontal UL menus, separated by commas
var csssubmenuoffset=1 //Offset of submenus from main menu. Default is 0 pixels.
var currentOpenMenuNode=null;
var currentOpenMenuTitle=null;

function createcssmenu2()
{    
    for (var i=0; i<cssmenuids.length; i++)
    {
        if(document.getElementById(cssmenuids[i]) == null)
            continue;
            
        var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul");
        
        for (var t=0; t<ultags.length; t++)
        {        
		    ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoffset+"px";
		
		    // make all a tags the same width    
		    var atags=ultags[t].getElementsByTagName("a");
            var maxWidth = 0;
            for (var a=0; a<atags.length; a++)            
		        maxWidth = Math.max(maxWidth, atags[a].offsetWidth);
		    		    
		    for (var a=0; a<atags.length; a++)            
		        atags[a].style.width = maxWidth+"px";		    
		    
		    // create dropdown arrow
    	    //var spanref=document.createElement("span");
			//spanref.className="arrowdiv";
			//spanref.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;";	
			
			var titleLink = ultags[t].parentNode.getElementsByTagName("a")[0];
			titleLink.className="arrowdiv";
			//titleLink.appendChild(spanref);
    		
    		titleLink.onmouseover=function(e)
		    { 
		        if(this.className == "arrowdiv")
		            this.className = "arrowdivOver";
    	    }
    	    titleLink.onmouseout=function(e)
    	    { 
		        if(this.className == "arrowdivOver")
		            this.className = "arrowdiv";
    	    }
    	    titleLink.onclick=function(e)
    	    {    	     
    	        var m = this.parentNode.getElementsByTagName("ul")[0];
    	        var openMenu = false;
    	        var closeMenu = false;
        	    
    	        if(currentOpenMenuNode == null)     
    	            openMenu = true;
    	        else if(currentOpenMenuNode != null)
    	        {   
    	            closeMenu = true;    	            	        
    	            if(currentOpenMenuNode != m)    openMenu = true; // close other menu and open this
    	        }    
        	     
    	        if(closeMenu)
	            {
    	           HideCssMenu();    	            
    	        }    
	            if(openMenu)
	            {
	                currentOpenMenuNode = m;
	                currentOpenMenuTitle = this;
	                currentOpenMenuNode.style.visibility="visible";
	                currentOpenMenuNode.style.zIndex=0;
	                currentOpenMenuTitle.className = "arrowdivSel";
	            }
    	    }
    		
    		/*	
		    spanref.onmouseover=function(e)
		    { 
		        if(this.className == "arrowdiv")
		            this.className = "arrowdivOver";
    	    }
    	    spanref.onmouseout=function(e)
    	    { 
		        if(this.className == "arrowdivOver")
		            this.className = "arrowdiv";
    	    }
    	    spanref.onclick=function(e)
    	    {    	     
    	        var m = this.parentNode.parentNode.getElementsByTagName("ul")[0];
    	        var openMenu = false;
    	        var closeMenu = false;
        	    
    	        if(currentOpenMenuNode == null)     
    	            openMenu = true;
    	        else if(currentOpenMenuNode != null)
    	        {   
    	            closeMenu = true;    	            	        
    	            if(currentOpenMenuNode != m)    openMenu = true; // close other menu and open this
    	        }    
        	     
    	        if(closeMenu)
	            {
    	           HideCssMenu();    	            
    	        }    
	            if(openMenu)
	            {
	                currentOpenMenuNode = m;
	                currentOpenMenuTitle = this;
	                currentOpenMenuNode.style.visibility="visible";
	                currentOpenMenuNode.style.zIndex=0;
	                currentOpenMenuTitle.className = "arrowdivSel";
	            }
    	    } */   	
        }
        
    }
}

function HideCssMenu()
{
    currentOpenMenuNode.style.visibility="hidden";
    currentOpenMenuNode.style.zIndex=100;
    currentOpenMenuTitle.className = "arrowdiv";
    currentOpenMenuNode = null;
    currentOpenMenuTitle = null;
}

function documentClickHideCssMenu(e)
{
    if(currentOpenMenuNode == null)
        return;
        
    e = getEvent(e);
    var sender = getTarget(e);   
        
    var hide = true;    
        
    // if clicked the arrow button or the menu, don't hide    
    if(sender != null)
    {  
        var tmp = sender;
        while(tmp.parentNode != null)
        {            	            
            if(tmp == currentOpenMenuTitle || tmp == currentOpenMenuNode)   
            {
                hide = false;
                break;        
            }
                
           tmp = tmp.parentNode;
        }
    }
   
    if(hide)    
        HideCssMenu();    
}
function documentKeyEscapeHideCssMenu(e) 
{        
    e = getEvent(e);
    
    // Get the key code & the event sender
    var keystroke = getKeyCode(e);	            
    var sender = getTarget(e);        
              
    if(keystroke == 27) // Escape 
        HideCssMenu();      
    
    return true;
}

attachEventHandler(window, createcssmenu2, "onload", "LOAD");    
attachEventHandler(document, documentKeyEscapeHideCssMenu, "onkeydown", "KEYDOWN");    
attachEventHandler(document, documentClickHideCssMenu, "onclick", "CLICK");    


//========================== FUNCTIONS =================================
function loadcontent(page)
{

	var sSRC = "<iframe src='" + page + "' APPLICATION='yes' scrolling='auto' frameborder='no' height='97%' width='100%'></iframe>";
	document.getElementById('xxx').innerHTML = sSRC;

}

function unloadcontent()
{

	var sSRC = "<iframe src='' APPLICATION='yes' scrolling='auto' frameborder='no' height='97%' width='100%'></iframe>";
	document.getElementById('xxx').innerHTML = sSRC;

}