var currentVideoIndex = 0;

$(document).ready(function() {
	$('ul.sf-menu').superfish({
		delay:       600,
		speed:       'fast'
	}); 

	var images = $("#images").scrollable({
		clickable: false,
		size: 1,
		api:true,
		onSeek: function() {
			resetGM(this.getIndex())
		}
	});

	$("div.scrollable").scrollable({
		size: 8,
		easing: "easeOutExpo",
		speed: 1000,
		clickable: false
	}).find(".mask").each(function(index) { 
        	$(this).overlay({ 
			absolute: true,
			/*expose: {maskId: 'mask'},*/
			target: '#box',
			onLoad: function() {
				currentVideoIndex = index;
				images.seekTo(index, 0);
				window.scroll(0,0);
				resetGM(index);
			}
        	})
        });

	if ($(".inpVertelOverVideo").length > 0) {
		$(".inpVertelOverVideo").inputlimiter({ 
			limit: 200, 
			remText: "Aantal tekens: %n (max. 200)", 
			remFullText: 'Maximum aantal tekens bereikt',
			limitText: ''
		});
	}
	
	$("div#box div.close").click(function() {
		resetVideoPlayer(currentVideoIndex);
	});
});

function resetVideoPlayer(index)
{
	if (a_videolist)
	{
		var divbox = $("#box #images .layer").eq(index);

		if (divbox.length == 1)
		{
			var vidframe = divbox.find(".layer_youtube iframe").eq(0);

			if (vidframe.length == 1)
				vidframe[0].src = "/Pages/VideoPlayer.aspx?v=" + a_videolist[index] + "&w=398&h=248";
		}
	}
}

function resetGM(index)
{
	if (a_videolist)
	{
		var divbox = $("#box #images .layer").eq(index);

		if (divbox.length == 1)
		{
			var gmframe = divbox.find(".layer_content .layer_googlemaps iframe");

			if (gmframe.length == 1)
				gmframe[0].src = "/Pages/VideoInGoogleMaps.aspx?v=" + a_videolist[index] + "&z=6&w=305&h=295&nmh=true&mt=G_NORMAL_MAP";
		}
	}
}