// HOOFDMENU & TALEN MENU

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open(){  
   jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('ul').css('display', 'block');

}

function jsddm_close(){  
	if(ddmenuitem) ddmenuitem.css('display', 'none');

}


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

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

$('.submenu ul').css('display', 'none');

function sluitTalen(){
//	console.log('sluiten vanuit sluitTalen');
	$('#popuptalen').slideUp(500);//.css('display','none')	
}
	
$(document).ready(function() {

	//Bij het 7e menu-item (of groter) voeg class 'last' toe
	$.each($('.menu > ul > li'), function(index, value) { 
	  if(index >= 6)  {$(this).addClass('last');}
	});
	
	// go to top
	$(".link_top").click(function() {
        $('html, body').animate({scrollTop:0}, 'slow');                      
    });
	
	// MENU BG
	/*var thisWidth;
	var totalWidth = 0;
	var previousWidth = 0;
	$('.menu > ul > li').each(function(index) {
		thisWidth = $(this).width()+30; // 30 = padding (15,15)
		
		var left = (totalWidth+previousWidth)-previousWidth;
//		console.log("this: "+ thisWidth + " left: " + left);
		$(this).find('ul').css("background", "#fff url(images/menu-bg.gif) -"+left+"px 0px no-repeat");
		totalWidth+= thisWidth;
		
		previousWidth = thisWidth;
//		console.log("total: "+ totalWidth + " prev: "+ previousWidth);
		
	});*/
	
	// MENU HOVER
	$('.menu > ul > li > .active').bind('mouseover', jsddm_open)
	$('.menu > ul > li').bind('mouseout',  jsddm_timer)
	
//	$('#talen > ul > li').bind('mouseover', jsddm_open)
//	$('#talen > ul > li').bind('mouseout',  jsddm_timer)
	
	var timer
	
	$('#talen > ul > li > .active').bind('mouseover', function(){
//		console.log('li:first mouseover');
		clearTimeout(timer);
		$(this).parent().find('ul').slideDown(500);
	});
	$('#talen > ul > li > .active').bind('mouseout', function(){
//		console.log('li:first mouseout!');
		timer = setTimeout(function(){
        	sluitTalen();
    	}, 	1000); // 1 second
	});
	$('#talen > ul > li > ul').bind('mouseover', function(){
//		console.log('li ul mouseover');
		clearTimeout(timer);
	});
	$('#talen > ul > li > ul').bind('mouseout', function(){
//		console.log('li ul mouseout!');
		timer = setTimeout(function(){
        	sluitTalen();
    	}, 	1000); // 1 second
	});


	var bijvolgendekliksluiten = false;
	$('#talen ul li .active').live('touchend',function(e){
		e.preventDefault();
		
		if (bijvolgendekliksluiten == false) {
			bijvolgendekliksluiten = true;	
			$(this).parent().find('ul').slideDown(500);//.css('display','block');	
		}else if (bijvolgendekliksluiten == true) {
			bijvolgendekliksluiten = false;
			$(this).parent().find('ul').slideUp(500);//.css('display','none');	
		}
	});
	

	
	
	// hide and show submenu sub ul's
	$('.submenu ul').css('display', 'none');
	
	$('.submenu > li > .actief').parent().find('ul:first').css({'display':'block', 'border-bottom' : '1px solid #AEBBD1'});
	
	$('.submenu .subsubmenu').parent().find('.actief').css('border-bottom-color', '#fff');
	//$('.submenu ul li ul').css('display', 'none');
	$('.submenu > li > ul > li > .actief').parent().find('ul:first').css({'display':'block', 'border-bottom':'none'});
	
	// SUBMENU ADD
	var i=0;
	$('#extraNavigatie a').each(function(){
		var nieuweLink = $(this).attr("href");
		var nieuweClass = $(this).attr("class");		
		var nieuweTitel = $(this).text();
		
		
		if ($('.submenu .actief').parent().find('ul').length > 0) {
			$('.submenu .actief').parent().find('ul').prepend('<li><a href="'+nieuweLink+'" title="'+nieuweTitel+'" class="'+nieuweClass+'">'+nieuweTitel+'</a></li>');
		}
		else {
			i++;
			if (i == 1) {$('.submenu .actief').parent().append('<ul class="subsubmenu"></ul>');}
			$('.submenu .actief').parent().find('ul').prepend('<li><a href="'+nieuweLink+'" title="'+nieuweTitel+'" class="'+nieuweClass+'">'+nieuweTitel+'</a></li>');
		}
		
		if (i == $(this).length){
			$('.submenu ul').css('display', 'none');
			$('.submenu .actief').parent().find('ul').css({'display':'block', 'border-bottom' : '1px solid #AEBBD1'});
			$('.submenu .subsubmenu').parent().find('.actief').css('border-bottom-color', '#fff');
		}
	});
	
	
});


document.onclick = jsddm_close;