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] = '';


function ShowMenu(linkname, submenuname, level)
{
    if(timeout) clearTimeout(timeout);    
    DeactiveUnusedDivs(linkname, submenuname, level);    
   
    var link = document.getElementById(linkname);	
	if(link != undefined && link.className.indexOf('_active') == -1)
	{
		link.className = link.className + 'selected-submenu';
	}
	
	var submenu = document.getElementById(submenuname);
	if(submenu != undefined)
	{
	    submenu.style.display = 'block';		
	}
}

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

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

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

function DeactivateLink(linkname)
{
    if(linkname != '')
	{
        var link = document.getElementById(linkname);	
        if(link != undefined)
        {
            if(link.className.indexOf('firstlevel') != -1)
            {
	            link.className = 'firstlevel';
	        }
	        else if(link.className.indexOf('secondlevelchildren') != -1)
            {
	            link.className = 'secondlevelchildren';
	        }
	        else if(link.className.indexOf('secondlevel') != -1)
            {
	            link.className = 'secondlevel';
	        }		
	        else if(link.className.indexOf('thirdlevel') != -1)
            {
	            link.className = 'thirdlevel';
	        }
	        else if(link.className.indexOf('leftnavigationlink') != -1)
	        {
	            link.className = 'leftnavigationlink';
	        }
	        else if(link.className.indexOf('leftthirdlevel') != -1)
	        {
	            link.className = 'leftthirdlevel';
	        }
        }	
    }
}

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

function DeactiveUnusedDivs(linkname, submenuname, level)
{
    if(level == 3)
    {
        if(activeLinks[0] == linkname)
        {
            activeLinks[0] = '';
        }
        if(visibleDivs[0] == submenuname)
        {
            visibleDivs[0] = '';
        } 
               
        Deactivate();
        
        activeLinks[0] = linkname;
        activeLinks[1] = '';
        visibleDivs[0] = submenuname;
        visibleDivs[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] = '';
        }     
             
        Deactivate(); 
               
        activeLinks[0] = parentlink;
        activeLinks[1] = linkname;
        visibleDivs[0] = parentdiv;
        visibleDivs[1] = submenuname;
    }    
}


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);
}