$().ready(function() 
{
	// Toevoegen loading divs voor de bezig met.. msg overlay
	$("body").append("<div id='loading'></div><div id='load-box'></div>");
	// Tekst in load-box plaatsen
	var loadHtml=
		"<div class=\"loader-box\">\n"+
			"<img src=\""+tlxLang._WEBROOT_+"/images/loading.gif\" alt=\"\" id=\"loaderGif\"/>\n"+
			"<p id=\"loaderTxt\"><label></label><br /><br/>"+
			//"<a href=\"http://www.bookinn.nl\" target=\"_blank\"><img src=\"./images/bookinn_logo.png\" alt=\"Bookinn Software BV\"/></a>\n" +
			"</p>\n"+
		"</div>\n";
	$("#load-box").html(loadHtml);
	
	// automatisch hoogte van de zoekbox aanpassen.
	$('#boxZoekSel .box').height($('.boxSlider').height()-25);
			
	$(".updbkcald").change(function() {
		showLoading(tlxLang.TL_TXT_MSGBIJWERKENBKCAL);
		$("#vakantieForm").submit();
		hideLoading();
	});
	
	$("form#sortzoekresForm select#sort").change(function()
	{
		showLoading("Bezig met sorteren van de resultaten");
		$("#sortzoekresForm").submit();
		hideLoading();
	});
	
	$("a.price-pick").click(function()
	{
		var id= $(this).attr("id").split("_")[1];		
		showLoading(tlxLang.TL_TXT_MSGADDING2CART);
		$("form#bkForm_"+id).submit();
		hideLoading();
	});
});

function showHideDiv(id) 
{
	$("#"+id).slideToggle();
}

function showLoading(msg)
{
	$("#load-box p#loaderTxt label").html(msg);
	$("#loading").show(5, function()
	{
		var winH = $(window).height();   
		var winW = $(window).width(); 
		$("#load-box").css('top',  winH/2-$("#load-box").outerHeight()/2);   
		$("#load-box").css('left', winW/2-$("#load-box").outerWidth()/2);   
		$("#loading").css("filter", "alpha(opacity=50)"); // Dit moet voor ie
		$("#load-box").show();				
	});
}

function hideLoading()
{
	$("#load-box").hide();
	$("#loading").hide();
}

function showLoadSmall(msg, selector) 
{
	$(selector).before("<div id='loading-wait'></div>")
	$("#loading-wait").html(msg).show();
}

function hideLoadSmall() 
{
	$("#loading-wait").fadeOut("normal", function() {
		$(this).remove();	
	});
}

/**
* Functie voor het veranderen van de grote afbeelding
* 
* @param imgsrc
* @param container [div waar de grote afbeelding in getoond moet worden]
* @return
*/
function showImage(imgsrc, container)
{
	$("#"+container).fadeOut("slow", function()
	{
		$("#"+container).attr("src", imgsrc).fadeIn("slow");
	});
}