/*######################
	Project Name
	© Mike Kivikoski
	JS File for DOM
	Created : 7.20.2009 by Mike Kivikoski
	Last Modified  : 1.17.2010 by Mike Kivikoski
	
	Please keep Last Modified up to date
	
	Table of Contents
		
		When DOM is ready:
			a. Place labels inside of input

			1. Form Validation
			2. Fire labels inside of input function
			3. Print Form on Register page
########################*/

// a.


this.label2value = function(){	

	var inactive = "inactive";
	var active = "active";
	var focused = "focused";
	
	$("#footer #contact-form label").each(function(){		
		obj = document.getElementById($(this).attr("for"));
		if(($(obj).attr("type") == "text") || (obj.tagName.toLowerCase() == "textarea")){			
			$(obj).addClass(inactive);			
			var text = $(this).text();
			$(this).css("display","none");			
			$(obj).val(text);
			$(obj).focus(function(){	
				$(this).addClass(focused);
				$(this).removeClass(inactive);
				$(this).removeClass(active);								  
				if($(this).val() == text) $(this).val("");
			});	
			$(obj).blur(function(){	
				$(this).removeClass(focused);													 
				if($(this).val() == "") {
					$(this).val(text);
					$(this).addClass(inactive);
				} else {
					$(this).addClass(active);		
				};				
			});				
		};	
	});		
};





$(document).ready(function(){
						   
	// 1.
	$('#contact-form form').validate({
		rules: {
			email: {required: true, minlength:2,email: true},
			name: {required: true, minlength: 3},
			message: {required: true, minlength: 10}	
		},
		messages:{
			email: "Please enter a valid email",
			name: "Please enter your name",
			message: "Please enter your message<br /> (min 10 characters)"
		 },
		 submitHandler: function(form){
	 		 $(form).ajaxSubmit({
		 		 success: function() { 
	                $('#contact-form form').hide();
	                $('#contact-form').append("<div id='thanks'><h4>Thanks for saying Hi!</h4> <p>We'll be in touch with you soon!</p></div>"); 
	             }
	         });
		 }						 
	 });

	// 2.	
	label2value();

	

	
	
	
	// 3.
	$('#register #column-a').append('<a href="#print" class="print button">Print your form</a>');
	$('a.print').click(function() {
		window.print();
		return false;
	});

						   
						   
						   
});//End jQuery