var sw;
 var sh;
function getViewPortW(){
	 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
	 if (typeof window.innerWidth != 'undefined')
	 {
		  sw = window.innerWidth,
		  sh = window.innerHeight
	 }
	 
	// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
	
	 else if (typeof document.documentElement != 'undefined'
		 && typeof document.documentElement.clientWidth !=
		 'undefined' && document.documentElement.clientWidth != 0)
	 {
		   sw = document.documentElement.clientWidth,
		   sh = document.documentElement.clientHeight
	 }
	 
	 // older versions of IE
	 
	 else
	 {
		   sw = document.getElementsByTagName('body')[0].clientWidth,
		   sh = document.getElementsByTagName('body')[0].clientHeight
	 }
	return sw;
}
function getViewPortH(){
	 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
	 if (typeof window.innerWidth != 'undefined')
	 {
		  sw = window.innerWidth,
		  sh = window.innerHeight
	 }
	 
	// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
	
	 else if (typeof document.documentElement != 'undefined'
		 && typeof document.documentElement.clientWidth !=
		 'undefined' && document.documentElement.clientWidth != 0)
	 {
		   sw = document.documentElement.clientWidth,
		   sh = document.documentElement.clientHeight
	 }
	 
	 // older versions of IE
	 
	 else
	 {
		   sw = document.getElementsByTagName('body')[0].clientWidth,
		   sh = document.getElementsByTagName('body')[0].clientHeight
	 }
	return sh;
}
function updateViewPort(){
	sw = getViewPortW();
	sh = getViewPortH();
	
	hoogte = $('.content').height();
	hoogte = hoogte-33;
	$('.content_left').css('height', hoogte);
	
	minh = $('.container').height();
	hoogteFooter = sh-minh;
	//$('.footer').height(hoogteFooter);
	
}

window.onresize = function (){
	updateViewPort();
}

$(document).ready(function() {	
	updateViewPort();
	$('.header .menu li').hover(function() {
		$(this).find('.button_left').css('background-image', 'url("/_webblocks/images/menubutton_left_active.png")');
		$(this).find('.menu_mid').css('background-image', 'url("/_webblocks/images/menubutton_bg_active.png")');
		$(this).find('.menu_mid a').css('color', '#607811');
		$(this).find('.button_right').css('background-image', 'url("/_webblocks/images/menubutton_right_active.png")');
	}, function() {
		$(this).find('.button_left').css('background-image', 'url("/_webblocks/images/menubutton_left.png")');
		$(this).find('.menu_mid').css('background-image', 'url("/_webblocks/images/menubutton_bg.png")');
		$(this).find('.menu_mid a').css('color', '#718d14');
		$(this).find('.button_right').css('background-image', 'url("/_webblocks/images/menubutton_right.png")');	
	});
  
});