$(function(){

	$("#signup-button").addClass("ui-button ui-state-default ui-corner-all")

	$("#signup-dialog input[type='text']").addClass("text ui-widget-content ui-corner-all");

	var firstname = $("#firstname");
	var lastname = $("#lastname");
	var company = $("#company");
	var email = $("#email");
	var energyfit = $("#products_energyfit");
	var ecomonitor= $("#products_ecomonitor");

	var url = "http://www.energyware.com/signup.asp";

	$("#signup-dialog").dialog({
		bgiframe: true,
		title: "EnergyWare Evaluation",
		autoOpen: false,
		resizable: false,
		modal: true,
		buttons: {
			"Cancel": function() {
				$(this).dialog("close");
			},
			"Submit": function() {
				if($("#signup-form").valid())
				{
					$.get(url, {
						firstname: firstname.val(),
						lastname: lastname.val(),
						company: company.val(),
						email: email.val(),
						energyfit: energyfit.is(":checked"),
						ecomonitor: ecomonitor.is(":checked")
					}, function(){}, "jsonp");

					$("button:contains('Submit')").hide();
					$("button:contains('Cancel')").text("Close");

					$("#signup-form").hide();

					$("#signup-message").show();
				}
			}
		},
		open: function() {
			firstname.val("");
			lastname.val("");
			company.val("");
			email.val("");
			energyfit.attr("checked", false);
			ecomonitor.attr("checked", false);

			$("#signup-form").valid();

			$("button:contains('Submit')").show();
			$("button:contains('Close')").text("Cancel");
		}
	});

	$("#signup-form").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			company: "required",
			email: {
				required: true,
				email: true
			},
			products: {
				required: true,
				minlength: 1
			}
		}
	});

	$("#signup-button")
		.hover(function(){
			$(this).addClass("ui-state-hover");
		}, function(){
			$(this).removeClass("ui-state-hover");
		})
		.click(function(){
			$("#signup-message").hide();

			$("#signup-form").show();

			$("#signup-dialog").dialog("open");
		});

});