var timeout = 0;
var lefttimeout = 0;
var leftvisibleDiv = '';
var leftactiveLink = '';

var visibleDivs = new Array(2);
visibleDivs[0] = '';
visibleDivs[1] = '';

var activeLinks = new Array(2);
activeLinks[0] = '';
activeLinks[1] = '';

var activeLinkDivs = new Array(2);
activeLinkDivs[0] = '';
activeLinkDivs[1] = '';


function ShowMenu(linkname, submenuname, level, linkdiv)
{
    if(timeout) clearTimeout(timeout);    
    DeactiveUnusedDivs(linkname, submenuname, level, linkdiv);    
   
	var submenu = document.getElementById(submenuname);
	var link = document.getElementById(linkname);	
	if (link!=undefined)	
	{	    	    
		    
	    if (level==4)
	    {
	        link.style.color = '#fe0000';
	        //link.style.border = '5px solid #dbdbdb;';	        
	    }
	}
	var linkdiv = document.getElementById(linkdiv);	
	if(submenu != undefined)
	{
	    submenu.style.display = 'block';
	}
//	if(link != undefined && linkdiv != undefined)
//	{
//	    link.className = linkdiv.className + "Selected";
//	}
}

function Show(level)
{
    if(timeout) clearTimeout(timeout);
    
    if(level == 3)
    {       
	    Deactivate();
	    visibleDivs[0] = '';
	    visibleDivs[1] = '';
	    activeLinks[0] = '';
	    activeLinks[1] = '';
	    activeLinkDivs[0] = '';
	    activeLinkDivs[1] = '';
    }
    else if(level == 4)
    {
        DeactivateLink(activeLinks[1]);		
        activeLinks[1] = '';
        DeactivateDiv(visibleDivs[1]);       
        visibleDivs[1] = '';
        DeactivateLinkDiv(activeLinkDivs[1]);       
        activeLinkDivs[1] = '';
    }   
}

function Hide()
{
    timeout = setTimeout("Deactivate();",500);
}

function Deactivate()
{
    for(i = 0; i < activeLinks.length; i++)
    {
    	if(i>0)
		{	
            DeactivateLink(activeLinks[i]);
        }
    }
    
    for(i = visibleDivs.length -1; i >= 0; i--)
	{
		if(i>0)
		{
		    DeactivateDiv(visibleDivs[i]);
		}
	}

    for(i = 0; i < activeLinkDivs.length; i++)
    {
        DeactivateLinkDiv(activeLinkDivs[i]);
    }
	
	DeactivateLink(leftactiveLink);
	DeactivateDiv(leftvisibleDiv);
}

function DeactivateLink(linkname)
{
    if(linkname != '')
	{
	    var link = document.getElementById(linkname);
	    if(link != undefined)
	    {
	        link.style.color = '#888';		    
	         //link.style.background ='#000';
	        //link.className = '';	      
	        //link.style.background = '#fff'; 
	        //link.style.color = '#888';
	    }
    }
}




function DeactivateDiv(submenuname)
{
    if(submenuname != '')
	{
	    var div = document.getElementById(submenuname);
		if(div != undefined)
		{
			div.style.display = 'none';
		}
	}
}

function DeactivateLinkDiv(linkdiv)
{
//    if(linkdiv != '')
//	{
//	    var div = document.getElementById(linkdiv);
//		if(div != undefined)
//		{
//			if(div.className.indexOf("Selected") > 0)
//			{
//			    div.className = div.className.substring(0, div.className.indexOf("Selected"));
//			}
//		}
//	}
}

function DeactiveUnusedDivs(linkname, submenuname, level, linkdiv)
{
    if(level == 3)
    {       
        if(activeLinks[0] == linkname)
        {
            activeLinks[0] = '';
        }
        if(visibleDivs[0] == submenuname)
        {
            visibleDivs[0] = '';
        }
        if(activeLinkDivs[0] == linkdiv)
        {
            activeLinkDivs[0] = '';
        }
               
        Deactivate();
        
        activeLinks[0] = linkname;
        activeLinks[1] = '';
        visibleDivs[0] = submenuname;
        visibleDivs[1] = '';
        activeLinkDivs[0] = linkdiv;
        activeLinkDivs[1] = '';
                
        
    }
    else if(level == 4)
    {        
        var parentlink = activeLinks[0];
        activeLinks[0] = '';
        if(activeLinks[1] == linkname)
        {
            activeLinks[1] = '';
        }  
        var parentdiv = visibleDivs[0];
        visibleDivs[0] = '';
        if(visibleDivs[1] == submenuname)
        {
            visibleDivs[1] = '';
        }
        var parentlinkdiv = activeLinkDivs[0];
        activeLinkDivs[0] = '';
        if(activeLinkDivs[1] == linkdiv)
        {
            activeLinkDivs[1] = '';
        }
             
        Deactivate(); 
               
        activeLinks[0] = parentlink;
        activeLinks[1] = linkname;
        visibleDivs[0] = parentdiv;
        visibleDivs[1] = submenuname;
        activeLinkDivs[0] = parentlinkdiv;
        activeLinkDivs[1] = linkdiv;     
    }
}


function CalculateLeftPosition(e, submenu)
{
    if(submenu != undefined)
    {
        var posx = 0;
        if(e)
        {
            if (e.pageX)
            {
                posx = e.pageX;
            }
            else if (e.clientX)
            {
                posx = e.clientX;
            }
        }
        else
        {
            posx = window.event.x;
        }
        
        posx = document.body.clientWidth - posx;
        if(posx < 170)
        {
            submenu.style.left = -179; 
        }
        else
        {
           submenu.style.left = 176; 
        }
    }
}

function ShowLeftMenu(linkname, submenuname)
{
    if(lefttimeout) clearTimeout(lefttimeout); 
    if(leftvisibleDiv != submenuname)
    {   
        DeactivateDiv(leftvisibleDiv);
        leftvisibleDiv = submenuname;
    }
    if(leftactiveLink != linkname)
    {
        DeactivateLink(leftactiveLink);
        leftactiveLink = linkname;            
    }        
    
   
    var link = document.getElementById(linkname);	
	if(link != undefined /*&& link.className.indexOf('_active') == -1*/)
	{	    	
		//link.className = link.className + '_active';						
	}
	
	var submenu = document.getElementById(submenuname);
	if(submenu != undefined)
	{
	    submenu.style.display = 'block';
	}
}

function ShowLeft(level)
{
    if(lefttimeout) clearTimeout(lefttimeout);
    if(level == 4)
    {
        Deactivate();
    }
}

function HideLeft()
{
    lefttimeout = setTimeout("Deactivate();",500);
}