function showShopLightBox() {
	document.getElementById("panel").style.display = 'block';
	document.getElementById("panel-content").style.display = 'block';
	window.scrollTo(0,0);
	if(document.getElementById("sizeSelect")) {
		document.getElementById("sizeSelect").style.display = "none";
	}

	for (var i=0; i < document.getElementsByTagName("select").length; i++)	{
		if(document.getElementsByTagName("select")[i]) {
			document.getElementsByTagName("select")[i].style.display = "none";
		}
	}

}

function setLightBoxSize() {
	if(document.getElementById("panel-inside").offsetHeight+70 > document.body.offsetHeight) {
		if(document.getElementById("body-holder").offsetHeight > document.getElementById("panel-inside").offsetHeight) {
			document.getElementById("panel-container").style.height = document.getElementById("body-holder").offsetHeight + "px";
		} else {
			document.getElementById("panel-container").style.height = document.getElementById("panel-inside").offsetHeight + 70 + "px";
		}
	} else {
		if(document.getElementById("body-holder").offsetHeight > document.body.offsetHeight) {
			document.getElementById("panel-container").style.height = document.getElementById("body-holder").offsetHeight + "px";
		} else {
			document.getElementById("panel-container").style.height = document.body.offsetHeight + "px";
		}
	}
}

function hidePanel() {
	document.getElementById("panel-content").style.display = 'none';
	document.getElementById("panel").style.display = 'none';
	if(document.getElementById("sizeSelect")) {
		document.getElementById("sizeSelect").style.display = "inline";
	}
	for (var i=0; i < document.getElementsByTagName("select").length; i++)	{
		if(document.getElementsByTagName("select")[i]) {
			document.getElementsByTagName("select")[i].style.display = "inline";
		}
	}
	$("#panel-inside").css("width", "600px");
}



function showPage(ajaxUrl) {
	document.getElementById("content-container").innerHTML = "<div style=\"text-align: center;\"><br/><br/><br/><br/><img src=\"/images/common/loading.gif\" alt=\"\"/><br/><br/><br/><br/></div>";
	ajaxParams = "rand=" + Math.floor(Math.random()*100000000);
	jQuery.ajax({
		type: "POST",
		url: ajaxUrl,
		data: ajaxParams,
		dataType: "html",
		success: function(msg){
			$("div#content-container").html(msg);
			$("#panel-inside").css("width", "740px");
			setLightBoxSize();
		}
	});
	
	showShopLightBox();
}

function showPasswordChange() {
	document.getElementById("content-container").innerHTML = "<div style=\"text-align: center;\"><br/><br/><br/><br/><img src=\"/images/common/loading.gif\" alt=\"\"/><br/><br/><br/><br/></div>";
	ajaxParams = "action=ShowPasswordReminder&rand=" + Math.floor(Math.random()*100000000);
	jQuery.ajax({
		type: "POST",
		url: "/app/order.do",
		data: ajaxParams,
		dataType: "html",
		success: function(msg){
			$("div#content-container").html(msg);
			setLightBoxSize();
		}
	});
	
	showShopLightBox();
}

function sendPasswordChange() {
	var ajaxParams = jQuery("#formPasswordReminder").serialize() + "&rand=" + Math.floor(Math.random()*100000000);
	document.getElementById("content-container").innerHTML = "<div style=\"text-align: center;\"><br/><br/><br/><br/><img src=\"/images/common/loading.gif\" alt=\"\"/><br/><br/><br/><br/></div>";
	jQuery.ajax({
		type: "POST",
		url: "/app/order.do",
		data: ajaxParams,
		dataType: "html",
		success: function(msg){
			$("div#content-container").html(msg);
			setLightBoxSize();
		}
	});
}

function showReviewForm(ajaxUrl, productId) {
	jQuery("div#reviewContainer").html("<img src=\"/images/common/loading.gif\" alt=\"\" style=\"margin: 0px auto; display: block;\" />");
	jQuery.ajax({
		type: "POST",
		cache: false,
		url: ajaxUrl,
		data: "action=CustomerReviewStart&productId=" + productId,
		dataType: "html",
		success: function(msg){
			jQuery("div#reviewContainer").html(msg);
		}
	});
	
}

function submitReviewForm() {
	var ajaxParams = jQuery("#reviewPostForm").serialize();
	jQuery("div#reviewContainer").html("<img src=\"/images/common/loading.gif\" alt=\"\" style=\"margin: 0px auto; display: block;\" />");
	jQuery.ajax({
		type: "POST",
		cache: false,
		url: "/app/customerreview.do",
		data: ajaxParams,
		dataType: "html",
		success: function(msg){
			jQuery("div#reviewContainer").html(msg);
		}
	});
}

function showReviews(productId, pageNumber, sortCode) {
	jQuery("div#reviewContainer2").html("<img src=\"/images/common/loading.gif\" alt=\"\" style=\"margin: 0px auto; display: block;\" />");
	jQuery.ajax({
		type: "POST",
		cache: false,
		url: "/app/customerreview.do",
		data: "action=CustomerReviewView&productId=" + productId + "&pageNumber=" + pageNumber + "&sortCode=" + sortCode,
		dataType: "html",
		success: function(msg){
			jQuery("div#reviewContainer2").html(msg);
		}
	});
	
}
