/*
    * Author: Alex Baskov, 2010
    * Updates: <YOUR_NAME>, 2010
    * home.js
    */
	var reg_validator = null;

    $(document).ready(function () {
        $("body").addClass("home");
        $("a.home").addClass("selected");
        
        // opening slide panel
        $("#btnNewsHomeShow").click(function() {
            showSlidePanel();
            $(this).hide();
            $("#btnNewsHomeHide").show();
            $("#btnShowreelHome").fadeOut("fast");
        });
        
        // closing slide panel
        $("#btnNewsHomeHide").click(function() {
            hideSlidePanel();
            $(this).hide();
            $("#btnNewsHomeShow").show();
        });
        
		//Clear input boxes on click
		$(".boxFormContent input").click(function(){
			if ($(this).val() == $(this).attr("title")) 	
				$(this).val('');
		}).blur(function(){
			if ($(this).val() == "") 
				$(this).val($(this).attr("title"));
		});
		
		$.validator.addMethod( 
			"customRequired", 
			function(value, element) { 
				if (element.value == element.title) 
					{ 
						return false; 
					} 
				else return true; 
			}, 
			"Please input something." 
		);
		$.validator.addMethod(
			'customEmail', function(value, element) {
				return this.optional(element) || /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(element.value);
			},"Enter a valid email"
		);
		reg_validator = $("#form_register").validate({
			focusInvalid: true,
			rules: {
				register_name: {
					required: true,
					customRequired: true,
					maxlength: 200
				},
				register_email: {
					required: true,
					customRequired: true,
					customEmail: true,
					email: true,
					maxlength: 200
				}
			},

			messages: {
				register_name: {
					customRequired: "Missing name. ",
					required: "Missing name. ",
					minlength: jQuery.format("Enter at least {0} characters. "),
					maxlength: jQuery.format("Enter less than {0} characters. ")
				},
				register_email: {
					customEmail: "Enter a valid email. ",
					email: "Enter a valid email. ",
					customRequired: "Missing email. ",
					required: "Missing email. ",
					maxlength: jQuery.format("Enter less than {0} characters. ")
				}
			},
			errorPlacement: function(error, element) {
				$(element).next().append(error);
			},
			success: function(label) {
				// set &nbsp; as text for IE
				label.html("&nbsp;").addClass("checked");
				label.remove();
			},
			highlight: function(element, errorClass) {
				$(element).next().show();
			},
			submitHandler: function() {
				//
			}
		});
		
		$("#form_register input").keypress(function(){
			reg_validator.element("#" + $(this).attr('id'));
		});
    });
        
		
    function sendRegistrationRequest() {
		if (!(reg_validator.form())) {
			return false;
		}
		
		$("#subscribe_errors").hide();
		$("#subscribe_success").hide();
		$("#subscribe_process").show();
		$(".boxFormContent").hide();

		var requestData = "subscribeURL=" + "http://at2.createsend.com/t/r/s/huktjl/"
				+ "&cm-name=" + escape($("#register_name").val())
				+ "&cm-huktjl-huktjl="+ escape($("#register_email").val());

		$.ajax({
			type: "POST",
			url: "/external/subscription",
			data: requestData,
			success: function(msg) {
				$("#subscribe_process").hide();
				if (msg.indexOf("success") != -1 || msg.indexOf("confirm your email address") != -1) {
					$("#subscribe_success").show().click(function() {
						$("#subscribe_success").hide();
						$(".boxFormContent").show();
					});;;
				}
				else if (msg.indexOf("error:") != -1) {
					var error = msg.substring(msg.indexOf("error:") + "error:".length);
					$("#subscribe_errors").text("Error: " + error + " Click to continue.").show().click(function() {
						$("#subscribe_errors").hide();
						$(".boxFormContent").show();
					});
				}
			}
		});

		return false;
	}   
    
    
    // shows slide panel on the homepage
    function showSlidePanel()
    {
        $("#slidingPanel").animate({ top: "305px" }, 800);
    }
    
    
    
    // hides slide panel on the homepage
    function hideSlidePanel()
    {
        $("#slidingPanel").animate({ top: "515px" }, 500, function() { $("#btnShowreelHome").fadeIn("fast"); });
    }