document.write('<link href="css/script.css" rel="stylesheet" type="text/css">');

$(document).ready(
	function () {
		var mainMenu = new MainMenu();
		var search = new Search();
		setFooter();
		var scrivoTable = new ScrivoTable();
	}
);

$(window).resize(
	function () {
		setFooter();
	}
);

var MainMenu = function () {
	var subMenuWidth = $(".menu.main .outer").outerWidth();	
	$(".menu.main .has-sub-menu").each(
		function () {
			$(".outer", $(this)).css("left", ("-" + (subMenuWidth - $(this).outerWidth()) / 2) + "px");
		}
	);
	
	$(".menu.main .has-sub-menu a").each(
		function () {
			$(this).blur(function () {
				$(this).closest(".has-sub-menu").removeClass("focus");
			});
			$(this).focus(function () {
				$(this).closest(".has-sub-menu").addClass("focus");
			});
		}
	)
}

var Search = function () {
	var query = $("#zoekterm");
	var searchbutton = $("#searchbutton");
	
	function queryBlur() {
		if (query.val() === "") {
			query.val(query.attr("title"));
		}
	}
	
	function queryFocus() {
		if (query.val() === query.attr("title")) {
			query.val("");
		}		
	}
	
	query.blur(queryBlur);
	query.focus(queryFocus);
	queryBlur();
	
	searchbutton.mouseout(
		function () {
			$(this).attr("src", $(this).attr("src").replace("_active.png", ".png"));
		}
	);
	
	searchbutton.mouseover(
		function () {
			$(this).attr("src", $(this).attr("src").replace(".png", "_active.png"));
		}
	);
};

function setFooter() {
	var height = $(window).height() - $(".wrap-outer").outerHeight();
	if (height > 0) {
		$(".content").css("height", ($(".content").height() + height) + "px");
	}
}

var ScrivoTable = function () {
	$(".scrivotable_standaard tr:nth-child(odd)").css("background", "#f2e9d6");
};