$(document).ready(function(){
	$("body").prepend(modal_html());
	
	
	$.preloadImages(
		"App_Themes/PanacheDesign/images/modal_box_bottom.png",
		"App_Themes/PanacheDesign/images/modal_box_top.png",
		"App_Themes/PanacheDesign/images/close.png",
		"App_Themes/PanacheDesign/images/sign_in_form.png",
		"App_Themes/PanacheDesign/images/cancel.png",
		"App_Themes/PanacheDesign/images/avatar.png",
		"App_Themes/PanacheDesign/images/smiley.png",
		"App_Themes/PanacheDesign/images/return_home.png",
		"App_Themes/PanacheDesign/images/get_notified_hover.png",
		"App_Themes/PanacheDesign/images/submit_survey_hover.png",
		"App_Themes/PanacheDesign/images/cancel_hover.png",
		"App_Themes/PanacheDesign/images/sign_in_form_hover.png",
		"App_Themes/PanacheDesign/images/return_home_hover.png"
	);
	
	$("#passemail").live("mousedown", function(){
        $('#sign_in').jqmShow(); 
    });
	
	$("#sign_in").jqm({
		trigger: '.rounded.pop',
		closeClass: 'close',
		overlay: 50 
	});
	
	$("#thank_you").jqm({
		closeClass: 'close_action',
		overlay: 50
	});
	
	$("#error").jqm({
		closeClass: 'close_action',
		overlay: 50
	});
	
	
	$(".cancel").hover(
		function() {
			this.src = this.src.replace("cancel.png","cancel_hover.png");
		},
		function() {
			this.src = this.src.replace("cancel_hover.png","cancel.png");
		}
	);
	$("#sign_in .sign_in").hover(
		function() {
			this.src = this.src.replace("sign_in_form.png","sign_in_form_hover.png");
		},
		function() {
			this.src = this.src.replace("sign_in_form_hover.png","sign_in_form.png");
		}
	);
	
	/* Newsletter signup */
	$(".newsletter_form").submit(function(){
	  var action = $(this).attr("action");
	  var email = $(this).find("input[name='email']");
	  $.post(action, {ajax:true, email: email.attr("value")}, function(response){
	    switch(response) {
	      case "SUCCESS":
	        $('#thank_you').jqmShow();
	      break;
	      case "EMAIL_EXISTS":
          modal_success("That email addresss already exists", "Thanks again for signing up! If you haven't already, you should receive a confirmation email shortly.");
	      break;
	      case "INVALID_EMAIL":
          modal_error("Invalid Email", "The email you entered is invalid, please try again.");
	      break;
	      default:
	        modal_error("Error", "An unknown error occurred.");
	      break;
	    }
	    email.attr("value", "");
	    $("input.email").labelify({ labelledClass: "dim" });
	  });
	  return false;
	});
	
	/* Sign in form */
	$("#sign_in form").submit(function(){
	  var email = $(this).find("input[name='cm-dhoki-dhoki']");
	  var name = $(this).find("input[name='cm-name']");
	  var url_prepend = "http://";
	  var url_append = "covalent.createsend.com/t/y/s/dhoki/";
	  if(email.attr("value") && name.attr("value") ) {
	    $(this).attr("action", url_prepend+url_append);
	    return true;
	  } else {
		$("label").removeClass("error")
	    if(!email.attr("value")) {
			email.addClass("error");
		}
		if(!name.attr("value")) {
			name.addClass("error");
		}
	    return false;
	  }
	});
	
});

function modal_error (heading, paragraph) {
	$("#error").find("h2").text(heading);
	$("#error").find("p").text(paragraph);
	$('#error').jqmShow();
}

function modal_success (heading, paragraph, h2_class) {
	$("#thank_you").find("h2").text(heading);
	$("#thank_you").find("p").text(paragraph);
	if(h2_class) {
		$("#thank_you").find("h2").addClass(h2_class);
	}
	$('#thank_you').jqmShow();
}

$.preloadImages = function() {
	for(var i = 0; i<arguments.length; i++) {
		$("<img>").attr("src", arguments[i]);
	}
}