Cufon.replace(".banner .caption, .more-info h3, ul.features-list li h3, .teaser h4", {fontFamily: "GE Inspira Pitch", hover: true});

var contactDialog = false;
var validation = false;
var iframe = false;
var contactPane = false;
var thanksPane = false;

var formSuccess = function(){
	contactPane.hide();
	thanksPane.show();
};

var formFailure = function(){
	alert("Form submission failed. Please try again.");
};

/**
 * DOM Ready Event Handler
 */

$(document).ready(function(e){
	var active = $(".wattstation-gallery li:first").addClass("active");
	$(".wattstation-gallery li").click(function(e){
		active.removeClass("active");
		$(".wattstation-gallery .view img").fadeOut(200).attr("src", $(this).find("img").attr("src").replace("-small", "")).fadeOut(0).fadeIn(500);
		active = $(this).addClass("active");
		return false;
	});


	$("a.request-more-info").click(function(e){
		if(!contactDialog){
			$.ajax({
				url: "assets/partial/overlay-contact-form.html",
				success: function(html){
					contactDialog = $(html).dialog({width: 558, modal: true});
					iframe = contactDialog.find("iframe");
					contactPane = contactDialog.find(".contact-form");
					thanksPane = contactDialog.find(".thank-you");
					Cufon.replace(".ui-dialog h4", {fontFamily: "GE Inspira Pitch", hover: true});
					validation = $("form#contact-form").validate({
						rules: {
							FirstName: "required",
							LastName: "required",
							CompanyName: "required",
							Industry: "required",
							Address1: "required",
							Country: "required",
							City: "required",
							StateOrProvince: "required",
							PostalCode: "required",
							EmailAddress: {
								required: true,
								email: true
							}
						},
						messages: {
							FirstName: "Please enter your first name.",
							LastName: "Please enter your last name.",
							CompanyName: "Please enter a company name.",
							Industry: "Please select an industry.",
							Address1: "Please enter an address.",
							Country: "Please select a Country.",
							City: "Please enter a City.",
							StateOrProvince: "Please select a State or Province.",
							PostalCode: "Please enter a Postal Code.",
							EmailAddress: {
								required: "Please enter an email address.",
								email: "Please enter a valid email address."
							}
						},
						errorLabelContainer: "#contact-dialog div.errors",
						onkeyup: false,
						onfocusout: false,
						invalidHandler: function(form, validator){
							validator.currentElements.siblings().addClass("error");
							validator.validElements().siblings().removeClass("error");
							return false;
						},
						submitHandler: function(form){
							$(form).prepend("<input type='hidden' name='_redirect' value='assets/partal/form.success.html' />");
							form.submit();
							return false;
						}
					});
				}
			});
		} else {
			if(validation){
				$(validation.currentForm).find("fieldset label.error").removeClass("error");
				validation.resetForm();
			}
			thanksPane.hide();
			contactPane.show();
			contactDialog.dialog("open");
		}
		return false;
	});


	$("a[rel=window]").click(function(e){
		var location = $(this).attr("href");
		var dialogBrowser = $("<div class='external-site'><input class='address-bar' type='text' value='" + location + "' /><iframe width='500' height='700' border='0' frameborder='0' src='" + location + "'></iframe></div>").dialog({width: 558, modal: true});
		dialogBrowser.find(".address-bar").keydown(function(e){
			if(e.keyCode == 13) dialogBrowser.find("iframe").attr("src", dialogBrowser.find(".address-bar").val());
		});
		return false;
	});

	$("a[rel=external]").attr("target", "_blank");
});