$(document).ready(function() {
    
    // global form focus listener
    $('.clearText').focus(function() {
        if(this.value == this.defaultValue) {
            this.value = '';
        }
    }).blur(function() {
        if(!this.value.length) {
            this.value = this.defaultValue;
        }
    });	
	
    //var height = document.body.clientHeight;
    //$(".coloumn").height(height-80);
    //$(".block").height(height-50);
    $(".block").equalHeights();	
	
    var validator = $('#researchForm').validate({
        // rules
        rules: {
            email: {
                required: true,
                email: true
            },
            zip: {
                required: true
            }
        },
    
        // messages
        messages: {
            email: {
                required: 'email field cannot be left blank',
                email: 'please enter a valid email address'
            },
            zip: 'zip field cannot be left blank'
        },
        
        event: 'submit',
        
        submitHandler: function(form) {
            var email  = $("#researchPanelEmail").val();
            var zip = $("#researchPanelZip").val();
            var type = $("#researchPanelType").val();
            var listid = $("#researchPanelListId").val();           


            var obj = {
                url: '/model/dspSubmitNewsLetter.cfm',
                post: { email: email, zip: zip, type: type, listid: listid }
            };
            
            $.get(obj.url, obj.post);
            $('#panelMessage').html('<h2>Thank you.</h2><br />You have successfully subscribed to the This is New York City newsletter.<br />');
            $("#researchPanelFormFields").hide("slow");
			$("#newsletterMod p").hide("slow");
            return false;
        },
        
        // error
        errorClass: 'formErrorClass',
        errorElement: 'span',
        errorLabelContainer: $('.formErrorDisplay'),
        highlight: function(element, errorClass) {
            $(element).addClass(errorClass);
            $(element.form).find('label[for=' + element.id + ']').addClass(errorClass);
        },
        unhighlight: function(element, errorClass) {
            $(element).removeClass(errorClass);
            $(element.form).find('label[for=' + element.id + ']').removeClass(errorClass);
        }
    });
});