/* uitklapnavigatie */
var j = jQuery.noConflict();

j(document).ready(function(){
	/*
		Deze timeout wordt gebruikt om alle uitklapnavigatie te verbergen als de muis het hoofdmenu of een uitklapmenu verlaat..
		Als de muis van een hoofdmenuitem naar een uitklapmenu gaat wordt deze timeout geannuleerd en blijft het uitklapmenu dus zichtbaar
	*/
	var timeout;
	var timeout2;

	/* Verberg alle subnavigaties en laat alleen de subnavigatie zien die bij het item hoort waar de gebruiker de muis op heeft.. */
	j('.hoofdnavigatiecontainer td a').mouseenter(function(e){
		
		/* verberg select winkels*/ 
		if( j.browser.msie && j.browser.version == 6 )
			j("#intWinkelID").hide();
		
		j('.uitklapnavigatie').slideUp(0);

		var id = j(this).attr('id');
		id = id.substr(id.indexOf('_') + 1, id.length);

		var left = Math.floor(j(this).position().left);
		var uitklapwidth = j('#uitklapnavigatie_' + id).outerWidth();
		var canvaswidth = j('#canvas').attr('offsetWidth');

		/*
			Het kan voorkomen dat de subnavigatie rechts uit de pagina loopt, dreigt dit te gebeuren, schuif het geheel dan op naar links
			(dit komt voor bij de meest rechtse items in de hoofdnavigatie)
		*/
		if( (left + uitklapwidth) >= canvaswidth ){
			left = left - ((left + uitklapwidth) - canvaswidth);
		}
		j('#uitklapnavigatie_' + id).css({'position':'absolute', 'left':left}).slideDown(350);
	});

	/* Verberg de subnavigaties */
	j('.hoofdnavigatiecontainer td a, .uitklapnavigatie').mouseleave(function(e){
		timeout = setTimeout("j('.uitklapnavigatie').slideUp(0)", 349)
		if( j.browser.msie && j.browser.version == 6 )
		timeout2 = setTimeout("j('#intWinkelID').show();", 349)
		
			
	});

	/* Annuleer het verbergen van een submenu (als een gebruiker van de hoofdnavigatie naar de subnavigatie gaat) */
	j('.hoofdnavigatiecontainer td a, .uitklapnavigatie').mouseenter(function(e){
		if(timeout != null) clearTimeout(timeout);
		if(timeout2 != null) clearTimeout(timeout2);
	});
});




/* naamplaats labels pagina winkels */

function laagzichtbaar(strLayer, strImage) {
	var varLayer = getLayer(strLayer);
	if (varLayer) {
		varLayer.visibility = 'visible';
	}
}

function laagnietzichtbaar(strLayer, strImage) {
	var varLayer = getLayer(strLayer);
	varLayer.visibility = 'hidden';
}

function getLayer(name) {
	if (document.getElementById) {
		if (document.getElementById(name)) {
			return document.getElementById(name).style;
		} else {
			return false;
		}
	} else if (document.all) {
		return document.all[name].style;
	} else if (document.layers) {
		return document.layers[name];
	}
}

/* overlay */
function showOverlay (){
	document.getElementById('overlay').style.visibility='visible';
}
function hideOverlay (){
	document.getElementById('overlay').style.visibility='hidden';
}



	var strSelectedMenuID = '';

	///////
	// Toon geselecteerde menu
	///////
	function showMenu(strMenuID)
	{
		var objMenu = document.getElementById(strMenuID);
		if (objMenu)
		{
			// Sluit huidige menu
			var strParentID = objMenu.getAttribute('parentID');
			if((strSelectedMenuID!='') && (strParentID!=strSelectedMenuID))
			{
				var objSelectedMenu = document.getElementById(strSelectedMenuID)
				if(objSelectedMenu)
				{
					hideMenu(strSelectedMenuID)
				}
			}

			// Maak geselecteerde menu bold
			objMenu.className = 'ACTIVE';

			// Klap Menu uit
			var objSubMenu = document.getElementById('sub_' + strMenuID);
			if(objSubMenu)
			{
				objSubMenu.style.display = 'block';
			}

			// Repositioneer Folder
			RePositionFolder();

			// Bewaar geselecteerde menu
			strSelectedMenuID = strMenuID;
		}
	}


	///////
	// Hide geselecteerde menu
	///////
	function hideMenu(strMenuID)
	{
		var objMenu = document.getElementById(strMenuID);
		if (objMenu)
		{
			// Maak geselecteerde menu normal
			objMenu.className = '';

			// Klap menu in
			var objSubMenu = document.getElementById('sub_' + strMenuID);
			if(objSubMenu)
			{
				objSubMenu.style.display = 'none';
			}

			// Repositioneer Folder
			RePositionFolder()
		}
	}

	///////
	// Repositioneer folder aan de hand van de hoogte van het menu
	///////
	function RePositionFolder()
	{
		/*
		var objHoofdNav = document.getElementById('HoofdNav');
		var objLinkerKolom = document.getElementById('LinkerKolom');

		var newHeight = objHoofdNav.clientHeight + 250 + 15;

		if(newHeight<517) newHeight = 517;
		objLinkerKolom.style.height = newHeight + 'px';
		*/
	}