/* © Klaas Sangers 2007 */

var browser='';
var version=0;
var offsetLeftSpecial=0;

if (navigator.appVersion.indexOf("MSIE")!=-1){
	temp=navigator.appVersion.split("MSIE");
	version=parseFloat(temp[1]);
	browser="IE";
}

if(navigator.userAgent.indexOf("Firefox")!=-1){
	var versionindex=navigator.userAgent.indexOf("Firefox")+8;
	version = parseFloat(navigator.userAgent.charAt(versionindex));
	browser="FF";
}

if (browser == 'IE')
{
	if (version > 0 && version < 7)
		offsetLeftSpecial=3;
}

if (browser == 'FF')
{
	if (version > 0 && version < 2)
		offsetLeftSpecial=0;
}

var menuTimer = null;
var subMenuTimer = null;
var offsetTop = 113;
var selectedMenuElement = null;
var selectedSubMenuElement = null;
var pageLoaded = null;

function showMenuWithId( menuId, menuElement )
{
	if (pageLoaded > 0) {
	
	hideAllMenus();
	e = document.getElementById(menuId);
	selectedMenuElement = menuElement;
	var offsetModifier = 0;
	
	if ( menuId == 'main-menu-mijnpagina' ) {
		offsetModifier = 49;
	} else if ( menuId == 'main-menu-groepen' ) {
		offsetModifier = 149;
	} else if ( menuId == 'main-menu-berichten' ) {
		offsetModifier = 279;
	}
	
	var menuOffsetLeft = document.getElementById('snet-header').offsetLeft;
	var offsetLeft = menuOffsetLeft + offsetModifier + offsetLeftSpecial;
	
	e.style.left = offsetLeft + 'px';
	e.style.top = offsetTop + 'px';
	e.style.display = 'block';
	selectedMenuElement.style.backgroundColor = '#fff';
	selectedMenuElement.getElementsByTagName('a')[0].style.color = '#c06';
	
	clearTimeMenus();
	}
}

function timeMenus()
{
	menuTimer = window.setTimeout('hideAllMenus()',50);
}

function clearTimeMenus()
{
	window.clearTimeout(menuTimer);
}

function hideAllMenus()
{
	if ( selectedMenuElement != null ) {
		selectedMenuElement.style.backgroundColor = '#c06';
		selectedMenuElement.getElementsByTagName('a')[0].style.color = '#fff';
	}
	divs = document.getElementsByTagName('div');
	for (var i = 0; i < divs.length; i++)
	{
		if (divs[i].className == 'main-menu-dropdown')
			divs[i].style.display = 'none';
	}
}

/**
 * Submenu code
 **/
function showSubMenuWithId( menuId, menuElement )
{
	hideAllSubMenus();
	
	eSub = document.getElementById(menuId);
	selectedSubMenuElement = menuElement;
	var offsetModifierLeft = 0;
	var offsetModifierTop = 0;
	
	if ( menuId == 'main-menu-subbekijk' ) {
		offsetModifierLeft = 220;
	} else if ( menuId == 'main-menu-subbeheer' ) {
		offsetModifierLeft = 220;
	} else if ( menuId == 'main-menu-subtoevoegen' ) {
		offsetModifierLeft = 220;
	} else if ( menuId == 'main-menu-subprofiel' ) {
		offsetModifierLeft = 220;
	} else if ( menuId == 'main-menu-subinstellingen' ) {
		offsetModifierLeft = 220;
	} else {
		offsetModifierLeft = 320;
	}
	
	var menuOffsetLeft = document.getElementById('snet-header').offsetLeft;
	var offsetLeft = menuOffsetLeft + offsetModifierLeft + offsetLeftSpecial;
	var offsetTopSub = offsetModifierTop + offsetTop + selectedSubMenuElement.offsetTop;
	eSub.style.left = offsetLeft + 'px';
	eSub.style.top = offsetTopSub + 'px';
	eSub.style.display = 'block';
	
	clearTimeSubMenus();
}

function timeSubMenus()
{
	subMenuTimer = window.setTimeout('hideAllSubMenus()',50);
}

function clearTimeSubMenus()
{
	window.clearTimeout(subMenuTimer);
}

function hideAllSubMenus()
{
	divs = document.getElementsByTagName('div');
	for (var i = 0; i < divs.length; i++)
	{
		if (divs[i].className == 'main-menu-subdropdown')
			divs[i].style.display = 'none';
	}
}