$(function(){
	$.ajax({
		url: '/site/ajax/youtube.php',
		cache: false,
		success: function(html){
			$('#youtube .loading').remove();
			$('.kop_youtube').after(html)
		},
		error: function(){
			$('.kop_youtube').after('<p>Youtube lijkt momenteel niet beschikbaar.</p>')
		}
	})
	$.ajax({
		url: '/site/ajax/youtube2.php',
		cache: false,
		success: function(html){
			$('#youtube').append(html)
		},
		error: function(){
			$('.kop_youtube').after('<p>Youtube lijkt momenteel niet beschikbaar.</p>')
		}
	})
	
	// dropdown
	// if ul has .internal it doesn't leave the page
	$('.dropdown').each(function(){
		var ulWidth = $(this).outerWidth();
		if(ulWidth <= 150){
			ulWidth = 160;
		}
		$(this).width(ulWidth).find('li:last').addClass('last')
	});
	$('.dropdown li a').each(function(){
		var imglink = $(this).find('img').attr('src')
		$(this).css({'background-image' : 'url('+imglink+')'})
	})
	$('.dropdown.internal li a').click(function(){
		$(this).parents('ul').next().text($(this).attr('href')).effect("highlight", {}, 2000);
		$(document).trigger('click');
		return false;
	})
	$(document).click(function(event) {
		var $target = $(event.target);
        if($target.parents('.dropdown').length){
			$('.dropdown').not($target.parents('.dropdown')).removeClass('open')
			$target.parents('.dropdown').toggleClass('open')
		} else if ($('.dropdown.open').length){
			$('.dropdown').removeClass('open')
		}              
    });

	// open video
	$('#video, .close_video').click(function(){
		$('#video_block').slideToggle();
	})
	
})