var ov = null;
var slayer = null;
var ulayer = null;

function closePaymentDialog() {
	document.body.removeChild(ov);
	document.body.removeChild(ulayer);
	document.body.removeChild(slayer);
}

function showPaymentDialog() {
	ov = createOverlay();
	var size = getSize();

	slayer = document.createElement("div");
	slayer.style.backgroundColor = "#333";
	slayer.style.width = 700 + "px";
	slayer.style.height = 500 +  "px";
	slayer.style.left = ((size.width / 2) - 350) + "px";
	slayer.style.top  = (size.height / 5) + "px";
	if( !Browser.Engine.trident )
	  	slayer.setOpacity(0.5);
	else {
		slayer.style.filter = "Alpha(opacity=50, finishopacity=0, style=0)";
	}
	slayer.style.position = "absolute";
	slayer.style.zIndex = nextlevel;
	nextlevel += 1000;

	document.body.appendChild(slayer);

	ulayer = document.createElement("div");
	ulayer.style.backgroundColor = "#B8C9D7";
	ulayer.style.border = "1px solid #333";
	ulayer.style.width = "700px";
	ulayer.style.height = "500px";
	ulayer.style.position = "absolute";
	ulayer.style.left = (parseInt(slayer.style.left) - 4) + "px";
	ulayer.style.top = (parseInt(slayer.style.top) - 4) + "px";
	ulayer.style.zIndex = nextlevel;
	nextlevel += 1000;

	document.body.appendChild(ulayer);
	if( !Browser.Engine.trident ) {
	  ulayer.setOpacity(0);
	  ulayer.fade(1);
	}
	
	var buttonbar  = document.createElement("div");
	var buttonbarR = document.createElement("div");
	buttonbarR.innerHTML = '<input type="button" value="abbrechen" onclick="closePaymentDialog();" />';
	buttonbarR.style.textAlign = "right";
	buttonbarR.style.position = "absolute";
	buttonbarR.style.right = "10px";
	buttonbarR.style.bottom = "10px";
	
	buttonbar.appendChild(buttonbarR);
	ulayer.appendChild(buttonbar);
}

function submitOrder() {
	// TODO:
	// Implement payment system here
	showPaymentDialog()
	
	//$("orderform").submit();
}