var image_width 	= 1077;
var image_height	= 739;

$(document).ready(function() {
	initMenu();
	initListeners();
	initLayout();
	return 0;
});

function initLayout() {
	var browser_width	= $(window).width();
	var browser_height	= ($(window).height());
	var document_width 	= $(document).width();
	var document_height = $(document).height();	
		
	if(document_width>image_width && browser_width>browser_height) {
		$(".page-background").width((document_width));
		$(".page-background").height("auto");
	} else {
		if(browser_height>image_height) {
			$(".page-background").height(browser_height);
			$(".page-background").width("auto");
		}
	}
	
	meisje(browser_height);
	
	if($(".console").size() > 0) {
		var html = "browser width: "+browser_width;
		html += "px<br />browser height: "+browser_height;
		html += "px<br />document width: "+document_width;
		html += "px<br />document height: "+document_height;
		html += "px<br />image width: "+image_width;
		html += "px<br />image height: "+image_height+"px";
		$(".console").html(html);
	}
}

function initMenu() {
	$(".menu .logo").click(function(){ menu("index") });
	$(".menu .uitgangspunten").click(function(){ menu("uitgangspunten") });
	$(".menu .diensten").click(function(){ menu("diensten") });
	$(".menu .portfolio").click(function(){ menu("portfolio") });
	$(".menu .netwerk").click(function(){ menu("netwerk") });
	$(".menu .over-werklust").click(function(){ menu("overwerklust") });
	$(".menu .contact").click(function(){ menu("contact") });
	$(".menu .levenslust").click(function(){ menu("levenslust") });
	return 0;
}

function initListeners() {
	$(window).resize(function(){ initLayout() });
	$("a.arrow").click(function(){ $(this).toggleClass("opened") });
	return 0;
}

function menu(page) {
	if(page=="contact")	location.href = page+".php";
	else if(page=="levenslust")	location.href = page;
	else			location.href = page+".html";
	return 0;
}

function toggle(id) {
	$(id).toggle();
	return 0;
}