var popupStatus = 0;

function loadContactPage() {
    $.ajax({
        url:"contact-popup.html",
        success: function(x) {
            
            var i=x.indexOf("<div id=\"formcontent\">");
            var j=x.indexOf("</center>", i);
            
            var s=x.substring(i,j) + "</center></div>";
            
            $("#result").html(s);
        }
    });    
    //$("#result").load("http://www.crabapplekids.com/contact-popup.html #formcontent");
};

function loadPopup(){
	if(popupStatus==0){
		$("#backgroundPopup").css({
		"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
	$("#popupContact input[name=Product]").val(popname);
	$("#popupContact #formcontent h1 span").html(popname);
	$("#popupContact input[name=ProductId]").val(popid);
	$("#popupContact input[name=thankyou-url]").val("http://www.crabapplekids.com/" + popid + ".html");
	$("#popupContact input[name=Product]").attr("disabled","disabled");
	$("#popupContact input[name=ProductId]").attr("disabled","disabled");
	$("#popupContact tr.pricematch").hide();
	$("#popupContact tr.sizerequest").hide();
	$("#popupContact input[name=CompetitorPrice]").attr("disabled","disabled");
	$("#popupContact input[name=CompetitorURL]").attr("disabled","disabled");
	$("#popupContact input[name=SizeRequested]").attr("disabled","disabled");
	$("#popupContact input[name=ContactType]").each(function() {
		$(this).click(function() {
			$("#popupContact tr.pricematch").hide();
			$("#popupContact tr.sizerequest").hide();
			$("#popupContact input[name=CompetitorPrice]").attr("disabled","disabled");
			$("#popupContact input[name=CompetitorURL]").attr("disabled","disabled");
			$("#popupContact input[name=SizeRequested]").attr("disabled","disabled");
			if ($(this).val() == "Price Match") {
				$("#popupContact input[name=CompetitorPrice]").removeAttr("disabled");
				$("#popupContact input[name=CompetitorURL]").removeAttr("disabled");
				$("#popupContact tr.pricematch").show();
			}
			if ($(this).val() == "Size Request") {
				$("#popupContact input[name=SizeRequested]").removeAttr("disabled");
				$("#popupContact tr.sizerequest").show();
			}
		});
	});
	$("#popupContact input#c-submit").click(function(){
		if ($("#popupContact input[name=Name]").val() == "" || $("#popupContact input[name=Email Address]").val() == "") {
			alert("Please make sure you enter your Name and Email before submitting! Thank you!");
			return false;
		}
		else {
			$("#popupContact input[name=Product]").removeAttr("disabled");
			$("#popupContact input[name=ProductId]").removeAttr("disabled");
			return true;	
		}
	});
}

function disablePopup(){
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}

function centerPopup(){
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $(document).scrollTop();
	var popupWidth = $("#popupContact").width();
	$("#popupContact").css({
		"position": "absolute",
		"top": popupHeight + 50,
		"left": windowWidth/2-popupWidth/2
	});
	$("#backgroundPopup").css({
		"height": windowHeight
	});
}

$(document).ready(function(){
	$("#button").click(function(){
		centerPopup();
		loadPopup();
	});
	
	$("#popupContactClose").click(function(){
		disablePopup();
	});
	$("#formcontent form").submit(function(){
		disablePopup();
	});
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});