var timeout	= 300;
var closetimer	= 0;
var sectionclosetimer = 0;
var ddmenuitem	= 0;
var tmp = 0;

var openedMenu = 0;
var openedSection = 0;

var currentSection = 0;


function showSection(id, parentId, parentLayout)
{
    cancelHideSection();
    hideMenuNow(true);

    if(parentId) $(parentId).className = parentLayout;
    
    if(currentSection) currentSection.className = 'menu menu-hidden';

    var intromenu = $('introMenu');
    if(intromenu) intromenu.className = 'menu-hidden';

    currentSection = $(id);
    currentSection.className = 'menu menu-visible';
    
    var t = $(parentLayout + 'Box');
    if(t) {
        if($('contentText')) $('contentText').style.display = 'none';
        if($('contentTitle')) $('contentTitle').style.display = 'none';
        
        t.style.display = 'block';
        if(parentLayout == 'akademia') {
            $('vapacBox').style.display = 'none';
            $('juniorBox').style.display = 'none';
        } else if (parentLayout == 'vapac'){
            $('akademiaBox').style.display = 'none';
            $('juniorBox').style.display = 'none';
        }
        else{
            $('akademiaBox').style.display = 'none';
            $('vapacBox').style.display = 'none';
        }
    }
}


function cancelHideSection()
{
	if(sectionclosetimer)
	{
		window.clearTimeout(sectionclosetimer);
		sectionclosetimer = null;
	}
}


function hideSectionNow()
{
    if(openedSection) {
        showSection(openedSection.id, openedSection.parentId, openedSection.parentLayout);
    }

    hideMenuNow(false);

}


function hideSection()
{


    if(currentSection==openedSection) {
        cancelHideSection();
        return;
    }
    sectionclosetimer = window.setTimeout('hideSectionNow()', timeout);




}



// open hidden layer
function showMenu(parentid, id, last)
{	
	var w = 0, i=0;
    if(ddmenuitem && id == ddmenuitem.id) {
        return;
    }
    

	// cancel close timer
	cancelHideMenu();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	
	if(parentid=='' || id =='' || last=='') {
	   ddmenuitem = 0;
	   return;
	}

    tmp = $(last)
	// get new layer and show it
	ddmenuitem = $(id);
	ddmenuitem.style.left = $(parentid).offsetLeft + 'px';	
	ddmenuitem.style.top = ($(parentid).offsetTop + 27) + 'px';
	ddmenuitem.style.visibility = 'visible';
	
    var items = $(id).getElementsByTagName('a');
	for(i=0; i<items.length; i++) {
        w += items[i].clientWidth + 4;
	}
	
	//ddmenuitem.style.width = (tmp.offsetLeft + tmp.clientWidth + 8) + 'px';
	ddmenuitem.style.width = (w+14) + 'px';
}
// close showed layer
function hideMenuNow(force){

	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	ddmenuitem = 0;

	if(openedMenu && !force) {
        showMenu(openedMenu.parent, openedMenu.id, openedMenu.last);
	}
}

// go close timer
function hideMenu()
{
    if(ddmenuitem==openedMenu) {
        cancelHideMenu();
        return;
    }
    closetimer = window.setTimeout('hideMenuNow(false)', timeout);
}

// go close timer
function hideMenuForce()
{
   closetimer = window.setTimeout('hideMenuNow(true)', timeout);
}

// cancel close timer
function cancelHideMenu()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = hideMenu;