/**
 * Ajax functions to reload page content, whenever the dateslider
 * sets a new arrival or departure date.
 *
 * Makes use of the flashvars object as date memory, which is loaded
 * in the header and modified by all date setting widgets.
 * The two interesting properties are called
 * flashvars.from and flashvars.to
 */
var loader = $("<img>").attr("src", "/Content/images/ajaxloading1.gif");

function ajaxReload(url, container) {
	
	$(container).each(function() {
		var l = showLoader(this);
		$(this).load(url, null, function () {
			l.remove();
		})
	});
}

function showLoader(container) {
	
	var w = $(container).width();
	var h = $(container).height();
	var l = loader.clone().css("display", "block");
	$(container).wrapInner($("<div>").addClass("grayed"))
	.prepend(
		$("<div>").attr("style", "position:absolute; width:" + w + "px; height:" + h + "px; padding-top:" + (h/2 - 33) + "px; padding-left:" + (w/2 - 33) + "px").append(l)
	).children("div.grayed").fadeTo("normal", 0.2);

	return l;
}

function makeAjaxCalls() {
	$('a.ajaxlink').trigger("click");
}

$(document).ready (function() {
	$('body').append(loader.css("display", "none"));
	$("a.instantload").trigger("click");
});