$(document).ready(function(){
	
	$(".order").click(function(){
		var id = $(this).attr('id');
		$.ajax({
			url: rooturl+"/Cart/add/"+id,
			success: function() {
				$("#cart").load(
					rooturl+'/Cart/view',
					popup(id)
				);
			}
		});
		return false;
	});	
	
	$("#show_alternative").click(function(){
		$("#alternative").toggle();
	});
	
	$("#popupClose").click(function(){
		disablePopup();
	});

	$("#backgroundPopup").click(function(){
		disablePopup();
	});

	$(document).keypress(function(e){
		if(e.keyCode==27){
			disablePopup();
		}
	});	
	
});

function popup(id) {
	$.ajax({
		url: rooturl+"/Product/load/"+id,
		dataType: 'json',
		success: function(data) {
			$("#product_title").html(data.title);
			$("#product_price").html(data.price);
			$("#productCount").html(data.productCount);
			loadPopup();
		}
	});
}

function loadPopup(){
	$("#uploadContent").hide();
	centerPopup();
	$("#backgroundPopup").css({
		"opacity": "0.7"
	});
	$("#backgroundPopup").fadeIn("slow");
	$("#popup").fadeIn("slow");
}

function disablePopup(){
	$("#backgroundPopup").fadeOut("slow");
	$("#popup").fadeOut("slow", function(){$("#uploadContent").show();});
}

function getScrollXY() { 
	var scrOfX = 0, scrOfY = 0; 
	if( typeof( window.pageYOffset ) == 'number' ) { 
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { 
		//DOM compliant
		scrOfY = document.body.scrollTop; 
		scrOfX = document.body.scrollLeft; 
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { 
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop; 
		scrOfX = document.documentElement.scrollLeft; 
	} 
	return {X:scrOfX, Y:scrOfY}; 
}

function getWindowSize() { 
	 var myWidth = 0, myHeight = 0; 
	 if( typeof( window.innerWidth ) == 'number' ) { 
	   //Non-IE 
	   myWidth = window.innerWidth; 
	   myHeight = window.innerHeight; 
	 } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { 
	   //IE 6+ in 'standards compliant mode' 
	   myWidth = document.documentElement.clientWidth; 
	   myHeight = document.documentElement.clientHeight; 
	 } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { 
	   //IE 4 compatible 
	   myWidth = document.body.clientWidth; 
	   myHeight = document.body.clientHeight; 
	 } 
	 return{X:myWidth, Y:myHeight}
}

function centerPopup(id){
	if (typeof(id) == "undefined") {
		var id = 'popup';
	}
	//request data for centering 
	var windowDim = getWindowSize(); 
	var popupHeight = $("#"+id).height(); 
	var popupWidth = $("#"+id).width(); 
	var scroll = getScrollXY();
	//centering
	$("#"+id).css({ 
		"position": "absolute", 
		"top": windowDim.Y/2-popupHeight/2 + scroll.Y-15, 
		"left": windowDim.X/2-popupWidth/2 + scroll.X-15 
	}); 
	//only need force for IE6 

	$("#background"+id).css({ 
		"height": windowDim.Y 
	}); 
	//window.alert("\npopup.Height="+popupHeight+"\nInner Height="+windowDim.Y); 
}