// Top-Diensten JS

//Menu begin
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{	closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('#jsddm > li').bind('mouseover', jsddm_open);
	$('#jsddm > li').bind('mouseout',  jsddm_timer);});

document.onclick = jsddm_close;
//Menu end

$(document).ready(function(){
	$(".menuSub").css("visibility", "hidden");
	$(".slideMain").animate({opacity: "0"},0);
	//.css("opacity", "0");
	//$(".menuSub").hide();
	
	$("#imgShadow").fancybox({
		'overlayShow'	: true,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic'
	});
	
	setTimeout(function(){
		$(".slideMain").animate({opacity: "100"},0);
	},800);
	$('.slideMain').html('<div align="center"><br />Laden...<br /><br /><img src="images/ajax-loader.gif" width="32" height="32" /></div>');
	$('.slideMain').load("getSlide.php");
	

});

function showSub(ID){
	//Verberg eerst andere menu's
	$(".menuSub").css("visibility", "hidden");
	//.animate({opacity: "0"}, 100);
	$(".menuSubOverlay").css("visibility", "hidden");
	//.animate({opacity: "0"},0); //klik overlay
	
	//Bepaal positie van hoofd categorie link
	var p = $("#link"+ID);
	var position = p.position();
	var LEFT = position.left;
	
	//Geef submenu met overlay de positie van de categorie link
	$("#sub"+ID).css("left", LEFT);
	$("#subOver"+ID).css("left", LEFT); //klik overlay
	
	
	//maak klik overlay evengroot als sub menu
	subH = $("#sub"+ID).height();
	subW = $("#sub"+ID).width();
	$("#subOver"+ID).css("height", subH); //klik overlay
	$("#subOver"+ID).css("width", subW); //klik overlay
	
	
	//Laat submenu met overlay zien
	//$("#sub"+ID).show(10);
	$("#sub"+ID).css("visibility", "visible");
	//.animate({opacity: "1"},100);
	$("#subOver"+ID).css("visibility", "visible");
	//.animate({opacity: "1"},0); //klik overlay
}

function hideSub(ID){
	
	$("#sub"+ID).css("visibility", "hidden");
	//.animate({opacity: "0"},300);
	//$("#sub"+ID).hide(300);
	$("#subOver"+ID).css("visibility", "hidden");
	//.animate({opacity: "0"},0); //klik overlay
}