var isOpen = false;
var canClose = true;
$(function() {
	
	$('.dropdown .current').click(function() {
		var dropdown = $(this).parents('.dropdown');
		$('.dropdown .list').not(dropdown.find('.list')).slideUp("fast");
		$('.list', dropdown).slideToggle("fast");
	})
	
	$('.dropdown .list a').click(function() {
		var url = this.href;
		var text = this.innerHTML;
		var dropdown = $(this).parents('.dropdown');
		
		dropdown.find('a').removeClass('selected');
		$(this).addClass('selected')
		dropdown.find('.current span.name').html(text);
		dropdown.find('.btn-ok').attr("href", url);
		dropdown.find('.list').slideToggle("fast");
		
		return false;
	})
	
	
	
	// video
	preloadImages("img/movies/intro.jpg");
	
	var videoclip='';
	var player='';
	
	$("#video").hover(
		function(){
			videoclip=$(this).attr('href');
			$(this).attr({"href":"#video_box"});
		},
		function(){
			$(this).attr({"href":""+videoclip+""});
		}
	);
	
	var vid = $("#video");
	var vidUrl = vid.attr("href");
	
	vid.fancybox({
		'hideOnContentClick':false,
		'overlayOpacity' :.6,
		'zoomSpeedIn'    :400,
		'zoomSpeedOut'   :400,
		'callbackOnStart' :function(){
			$("#fancy_content").css("opacity", 0);
		},
		'callbackOnShow' :function(){
				player = $f("fancy_div","/includes/swf/flowplayer-3.1.0.swf",{
				play:{opacity:0},
				clip:{
					autoPlay:true,
					autoBuffering:true,
					url:vidUrl+'',
					onStart:function(clip){
						var wrap=jQuery(this.getParent());
						var clipwidth = clip.metaData.width;
						var clipheight= clip.metaData.height;
						var pos = $.fn.fancybox.getViewport();
						$("#fancy_outer").css({width:clipwidth,height:clipheight});
						$("#fancy_outer").css('left', ((clipwidth + 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - clipwidth	- 36)	/ 2)));
						$("#fancy_outer").css('top',  ((clipheight + 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - clipheight - 50)	/ 2)));
					},
					onFinish:function(){
						$('#fancy_close').trigger('click');
					}
				},
				plugins: {
					 controls: {
							tooltipTextColor: '#ffffff',
							volumeSliderGradient: 'none',
							sliderGradient: 'none',
							timeBgColor: '#d8dad4',
							bufferGradient: 'none',
							buttonOverColor: '#e70e34',
							durationColor: '#585b4d',
							progressGradient: 'none',
							backgroundGradient: 'none',
							backgroundColor: '#585b4d',
							borderRadius: '0',
							bufferColor: '#d8dad4',
							volumeSliderColor: '#d8dad4',
							progressColor: '#ed4a66',
							sliderColor: '#e70e34',
							tooltipColor: '#5F747C',
							timeColor: '#e70e34',
							buttonColor: '#e70e34',
							height: 20,
							opacity: 1.0
					 }
				}
			});
			player.load();
			$('#fancy_close').click(function(){
				$("#fancy_div_api").remove();
			});
		},
		'callbackOnClose':function(){
			$("#fancy_div_api").remove();
		}
	});
		
	// wereldkaart
	$('.continents li').mouseover(
		function() {
			$('#cont_' + this.id)
				.show()
				.mouseenter(function(){
					var el = $(this);
					if(isOpen){
						el.data("canClose",false);
					}
				})
				.mouseleave(function(){
					$(this).hide();
				});
			isOpen = true;
		}
	).mouseout(
		function() {
			$('#cont_'+this.id).data("canClose", true);
			timer = setTimeout("checkHidePopup('cont_"+this.id+"')", 100);
		}
	);
});
		
function preloadImages()
{
	for(var i = 0; i<arguments.length; i++)
	{
	$("<img>").attr("src", arguments[i]);
	}
}
	
function checkHidePopup(theId){
	var el = $("#"+theId);
	if(el.data("canClose")){
		el.hide();
		canClose=true;
	}
}