Event.observe(window, "load", function() {
	$("artikel_in_bag_overlay").observe("click", hideAfteraddingtoBagMessage);
	Event.observe(window, "scroll", positionBagMessage);
	Event.observe(document, "scroll", positionBagMessage);
});

function showAfteraddingtoBagMessage() {
	var windowDimensions = document.viewport.getDimensions();
	var windowOffset = document.viewport.getScrollOffsets();
	
	
	var overlayHeight = (document.body.clientHeight < windowDimensions.height) ? windowDimensions.height : document.body.clientHeight;
	
	var windowLeft = windowOffset.left + (windowDimensions.width - 500) / 2
	var windowTop = windowOffset.top + (windowDimensions.height - 250) / 2
	
	
	//$("artikel_in_bag_overlay").setStyle({ width: document.body.clientWidth + "px", height: document.body.clientHeight + "px" });
	
	
	$("artikel_in_bag_overlay").setStyle({ height: overlayHeight + "px" });
	$("artikel_in_bag_window").setStyle({ left: windowLeft + "px", top: windowTop + "px" });	
		
	// $("artikel_in_bag_overlay").appear({ to: 0.25, duration: 1.0 });
	// $("artikel_in_bag_window").appear({ duration: 1.0 });			
	$("artikel_in_bag_overlay").show();
	$("artikel_in_bag_window").show();	
}


function showIntraMessage() {
	var windowDimensions = document.viewport.getDimensions();
	var windowOffset = document.viewport.getScrollOffsets();
	
	
	var overlayHeight = (document.body.clientHeight < windowDimensions.height) ? windowDimensions.height : document.body.clientHeight;
	
	var windowLeft = windowOffset.left + (windowDimensions.width - 500) / 2
	var windowTop = windowOffset.top + (windowDimensions.height - 250) / 2
	
	
	//$("artikel_in_bag_overlay").setStyle({ width: document.body.clientWidth + "px", height: document.body.clientHeight + "px" });
	
	
	$("intra_overlay").setStyle({ height: overlayHeight + "px" });
	$("intra_window").setStyle({ left: windowLeft + "px", top: windowTop + "px" });	
		
	// $("artikel_in_bag_overlay").appear({ to: 0.25, duration: 1.0 });
	// $("artikel_in_bag_window").appear({ duration: 1.0 });			
	$("intra_overlay").show();
	$("intra_window").show();	
}


function positionBagMessage() {
	var windowDimensions = document.viewport.getDimensions();
	var windowOffset = document.viewport.getScrollOffsets();
	
	
	var windowLeft = windowOffset.left + (windowDimensions.width - 500) / 2
	var windowTop = windowOffset.top + (windowDimensions.height - 250) / 2

	$("artikel_in_bag_window").setStyle({ left: windowLeft + "px", top: windowTop + "px" });	
}

function hideAfteraddingtoBagMessage() {
	// $("artikel_in_bag_overlay").fade({ duration: 0.25 });
	// $("artikel_in_bag_window").fade({ duration: 0.25 });
	
	updateWinkelwagenTop();
	$("artikel_in_bag_overlay").hide();
	$("artikel_in_bag_window").hide();

}

function addArtikelToBag(formId) {
	$("artikel_" + formId + "_fields").hide();
	$("artikel_" + formId + "_busy").show();
		
	new Ajax.Request("/cat/front/item_to_bag.asp", {
		parameters: $("artikel_" + formId).serialize(),		
		onSuccess: function(response) {
			updateBagResponse(response.responseText);
			showAfteraddingtoBagMessage();
		},
		onFailure: function(response) {
			alert("De machine kan niet in de winkelwagen gezet worden.\nProbeer het later nogmaals");
		},				
		onComplete: function() {
			$("artikel_" + formId + "_busy").hide();		
			$("artikel_" + formId + "_fields").show();
		}
	});

}

function updateBagResponse(inMessage) {
	$("artikel_in_bag_artikelinfo").update(inMessage);
}

function updateWinkelwagenTop () {
	new Ajax.Request("/pam/front/objecten/winkelwagen-ajax.asp", {	
		onSuccess: function(response) {
			jQuery(".winkelwagen-top").html(response.responseText);			
		}
	});
}

function showPrintPopup() {
	document.getElementById('printPopup').style.display = 'block';
}

function closePrintPopup() {
	document.getElementById('printPopup').style.display = 'none';
}