/*
	Open the detailBox if necessary and load content from url
*/
function loadContent(url) 
{
	width = 374;
	height = 374;
	if (detailBoxOpen == false) {
		
		$("#detailBox").animate({
			width: width + "px",
			height: height + "px"
		}, 1500, "swing", function(event) {
			$("#detailBoxInner").load("referenz.php?id=" + url);
		});
		
		$("#detailBox2").animate({
			width: width + "px",
			height: height + "px"
		}, 1500, "swing", function(event) {
			$("#detailBoxInner2").load("referenzbild.php?id=" + url);
		});
		
		detailBoxOpen = true;
		rePosition();
		
	}
	else {
		
		// slide out
		$("#detailBoxInner").hide("slide", { direction: "left" }, 1000, function(){
			// load content
			$("#detailBoxInner").load("referenz.php?id=" + url, null, function(){
				// slide in
				$("#detailBoxInner").show("slide", { direction: "right" }, 1000);
			});
		});
		$("#detailBoxInner2").hide("slide", { direction: "left" }, 1000, function(){
			// load content
			$("#detailBoxInner2").load("referenzbild.php?id=" + url, null, function(){
				// slide in
				$("#detailBoxInner2").show("slide", { direction: "right" }, 1000);
			});
		});
		// reset reference image scroll position
		nowPosition = 0;
		
	}
	
	$.scrollTo("0px", 500);
}