function callback(hash){
	if(hash){
	
		$(".menuitem").removeClass("menuselected");
		$(".submenuitem").removeClass("menuselected");

		// alert(hash.search(/menu_/i));	
		
		if(hash.search(/_menu_/)==0){
			
			var id = hash.substr(6, hash.length-6);

			$("#menu_"+id).addClass("menuselected");
	
			$(".submenulist:visible:not(#sub_"+id+")").slideUp(200);
			if($("#sub_"+id).html()!="")$("#sub_"+id+":hidden").slideDown(200);
			
			$("#body").load("get_text.asp", {id:id}, function(){ update_divs(); });
		}
		
		if(hash.search(/_submenu_/)==0){
			var id = hash.substr(9, hash.length-9);
			if(id=="submenu_")return;
			
			$(".submenulist").hide();
			$("#submenu_"+id).parent().show();
			
			$("#submenu_"+id).addClass("menuselected");
			$("#body").load("get_text.asp", {id:id}, function(){ update_divs(); });
		}
		
		if(hash.search(/_calendar_/)==0){
			var id = hash.substr(10, hash.length - 10);
			if(id=="calendar_")return;
			
			// $(".submenulist").hide();

			update_calendar({current_date:id});
			$("#body").load("calendar_info.asp", {current_date:id});
		}
		
	} else {

		$(".menuitem").removeClass("menuselected");
		$(".submenuitem").removeClass("menuselected");
		
		$(".defaultmenu").addClass("menuselected");
		var id = $(".defaultmenu").attr("id").substr(5, $(".defaultmenu").attr("id").length-5);	// cut off menu_
		$("#body").load("get_text.asp", {id:id}, function(){ update_divs(); });	
	}
}

$(document).ready(function(){

	// $("#header_right").css("left", $("#header").css("left"));
	// alert($("#header").style.width);

	$.history.init(callback);
	
	$(".menuitem,.submenuitem").click(function(){
		if(!$(this).hasClass("menuselected")){
			var hash = "_"+ $(this).attr("id");
			$.history.load(hash);
		}
	});
	
	// Image box (reclame)
	var x = 0;
	$(".reclame_box").each(function(){
		var obj = this;
		x+= 100;
		// $(obj).show();
		// $(obj).css({position:"absolute",top:"10px",left:2*x+"px"});
		setTimeout(function(){ $(obj).innerfade({speed: 1000, timeout: 5000, type: 'sequence', containerheight: '64px'}).fadeIn(200); }, x);
	});
	
	update_calendar();
	
	// Lock bottom images to the bottom of the screen
	// $(window).scroll(function(){ bottom_images_position(); });
	// bottom_images_position();
	
	setInterval(function(){ bottom_images_position(); }, 10);
	
	// Open external pages
	$(".extern").click(function(){ window.open($(this).attr("id")); });	
});

function getScrollY() {
  var scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfY;
}

function bottom_images_position(){
	$("#bottom_images").css("left", 0.5 * ($("body").innerWidth() - $("#bottom_images").innerWidth()))
			    // .css("top", ($("body").innerHeight() - $("#bottom_images").innerHeight() + $("body").scrollHeight()));	
				.css("top", $("body").innerHeight() - $("#bottom_images").innerHeight() + getScrollY());
}

function update_calendar(param){
	$("#calendar").load("calendar.asp", param, function(){
		$(".calendar_set_month").click(function(){ update_calendar({current_date:$(this).attr("id")}); });
		$(".calendar_numeral_item").click(function(){

			var hash = "_calendar_"+ $(this).attr("id");
			$.history.load(hash);
		
			// $("#body").load("calendar_info.asp", {current_date:$(this).attr("id")});
		});
	});
}

function update_divs(){
	
	// Add contactformulier
	if($("#contactformulier").length){
		var lang = $("#contactformulier").attr("lang");
		$("#contactformulier").load("form_contact.asp", {lang:lang}, function(){
			$("#contactform_send").click(function(){
				$.get("form_contact_send.asp", {
					naam: $("#naam").val(),
					email:$("#email").val(),
					telefoon:$("#telefoon").val(),
					bericht: $("#bericht").val() }, function(result){
						if(result!="")alert(result);
						else $("#contactformulier").load("form_contact.asp");
					});
			});
		});
	}
	
	$("#agenda").each(function(){ $(this).load("agenda_info.asp", {kenmerk:$(this).attr("kenmerk"), resultaten:$(this).attr("resultaten")}); });
	$("#nieuws").each(function(){ $(this).load("nieuws_info.asp", {kenmerk:$(this).attr("kenmerk"), resultaten:$(this).attr("resultaten")}); });
		
	$("#nieuwssuggestie").each(function(){
	
		$(this).css("cursor", "pointer").html("Klik hier voor het plaatsen van een nieuwssuggestie").click(function(){
	
			var field = this;
			var kenmerk = $(this).attr("kenmerk");
	
			window.open("nieuwssuggestie.asp?kenmerk="+ kenmerk, "", "width=600, height=700, menubar=0, resizeable=0, status=0, toolbar=0, location=0, directories=0, scrollbars=1");

		});
	});
	
	if($("#gastenboek").length){
	
		$("#gastenboek").load("gastenboek.asp", function(){
			$("#gastenboek_nieuw_bericht").click(function(){ $("#gastenboek_form").slideToggle(200); });
			update_gastenboek(0);
			
			$("#gastenboek_form_send").click(function(){
				$.post("gastenboek_form_post.asp", {
					naam:$("#gastenboek_form_naam").val(),
					titel:$("#gastenboek_form_titel").val(),
					bericht:$("#gastenboek_form_bericht").val()
				}, function(result){
					if(result != "")alert(result);
					else { $("#gastenboek_form").slideUp(200); update_gastenboek(0); }
				});
			});
		});
	}
}

function update_gastenboek(skip){
	$("#gastenboek_berichten").load("gastenboek_berichten.asp", {aantal:$("#gastenboek").attr("paginagrootte"), skip:skip});
	$("#gastenboek_paginas").load("gastenboek_paginas.asp", function(){
		$("#gastenboek_begin").click(function(){ update_gastenboek(0); });
		$("#gastenboek_ouder").click(function(){ update_gastenboek(skip += parseInt($("#gastenboek").attr("paginagrootte"))); });
	});
}