$(document).ready(function(){
	$("#hoofdmenu ul#rij li").hover(
		function(){ $("ul", this).css({ 'display': 'block'}); }, 
		function() { $("ul", this).css({ 'display': 'none'});} 
	);
	$("#hoofdmenu ul.level0 li").hover(
		function(){ $("ul", this).css({ 'display': 'block'}); }, 
		function() { $("ul", this).css({ 'display': 'none'});} 
	);
	
	$("#controls a.rechts").click(function (e)
	{
		verschuifKijkbuis("rechts", 400);
		resetKijkbuis();
	});

	$("#controls a.links").click(function (e)
	{
		verschuifKijkbuis("links", 400);
		resetKijkbuis();
	});
	
	zetPositieGereeschappen();

	/* UPDATE 9 maart 2011: genereer kijkbuis inhoud vanaf INI setup / name attribute */

	var afb_string = $("div#filmspoel").attr("name");
	var afb_arr = afb_string.split(",");
	var afb_html = "";

	for(var i = 0; i < afb_arr.length; i++)
	{
		afb_html += "<img src=\"/res/site1/upload/images/" + afb_arr[i] + "\" width=\"800\" height=\"250\" alt=\"beeldbuis\">";
	}

	$("div#filmspoel").html(afb_html);

	var Kijkbuis_afb = 1;
	var Kijkbuis_nr_afb = $("div#filmspoel img").length;
	var Kijkbuis_richting = "rechts";

	function verschuifKijkbuis(richting, snelheid){
		if(snelheid == ''){
			snelheid = 3000;}
		if(richting == ''){
			/* geen richting opgegeven: bepaal richting */
			if(Kijkbuis_afb == 1){ richting = "rechts";}
			else if(Kijkbuis_afb == Kijkbuis_nr_afb){ richting = "links";}
			else { richting = Kijkbuis_richting; }
			Kijkbuis_richting = richting;
		}
		//alert (Kijkbuis_richting);
		if(richting == "rechts"){
			if(Kijkbuis_afb < Kijkbuis_nr_afb){
				$("div#kader").scrollTo('+=800px', snelheid)
				Kijkbuis_afb++;}}
		if(richting == "links"){
			if(Kijkbuis_afb > 1){
				$("div#kader").scrollTo('-=800px', snelheid)
				Kijkbuis_afb--;}}
		}
		
	function resetKijkbuis(){
		$(document).stopTime("kb");
		$(document).everyTime(10000, "kb", function(){ verschuifKijkbuis('','');});
	}

	/* beeldbuis automatisch */
	$(document).everyTime(10000, "kb", function(){ verschuifKijkbuis('','');});

	function zetPositieGereeschappen(){
		/* positie van gereedschappen */
	
	var header_height = $("div#header").height();
	var gereedschappen_height = $("ul#gereedschappen").height();
	var window_height = $(window).height();
	var pagina_height = $("div#pagina").height();

	if(pagina_height < window_height)
		var gereedschappen_top = pagina_height - gereedschappen_height - 40;
	else {
		var gereedschappen_top = window_height - gereedschappen_height - 30;
		if(gereedschappen_top < header_height)
			gereedschappen_top = header_height;}

	$("ul#gereedschappen").css({ 'top': gereedschappen_top + "px"});}

	/* updaten positie gereeschappen */
	$(window).resize(function() { 
		zetPositieGereeschappen();});
});