$(document).ready(function(){
	renderFlash();
	addFormValidation();
});

function renderFlash() {

	// Render flash movies
	/*
	var params ={};
	var flashvars ={};
	params.wmode = "transparent";
	$(".swfobject").each( function( i ) {
		var swfFileName = ResourceUrl + "swf/" + this.id + ".swf";
		var dimensions = $(this).attr('rel').replace( /^.*size\[(.*)\].*$/, '$1' ).split(',');
		var width = dimensions[0];
		var height = dimensions[1];
		swfobject.embedSWF( swfFileName, this.id, width, height, "7.0.0", ResourceUrl + "swf/expressInstall.swf", flashvars, params, { class: 'swfobject' } );
	} );
	*/

}

function addFormValidation() {
	
	jQuery.validator.messages.required = "";

	$("#form-createagent").validate({
		highlight: function(element, errorClass) {
		     $(element).addClass(errorClass);
		     $(element.form).find("label[for=" + element.id + "]")
		                    .addClass('errorLabel');
		  },
		  unhighlight: function(element, errorClass) {
		     $(element).removeClass(errorClass);
		     $(element.form).find("label[for=" + element.id + "]")
		                    .removeClass('errorLabel');
		  },
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			
			if (errors) {
				var message = errors == 1
											? 'All fields are required. Please check the one highlighted in red below'
											: 'All fields are required. Please check the ones highlighted in red below';
			
				
				$("#form-createagent div.error span").html(message);
				$("#form-createagent div.error").show();
			} else {
				$("#form-createagent div.error").hide();
			}
		},
		onkeyup: false,
		submitHandler: function( form ) {
					$("#form-createagent div.error").hide();
					form.submit();
				},
		messages: {
			email: {
				// required: " ",
				email: "Please enter a valid email address, example: you@yourdomain.com"
			},
			terms: {
				required: "You must agree to the terms and conditions"
			}
		},
		errorPlacement: function(error, element) {
			if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent() );
		},
		debug:true
	});

	$("#form-login").validate({
		highlight: function(element, errorClass) {
		     $(element).addClass(errorClass);
		     $(element.form).find("label[for=" + element.id + "]")
		                    .addClass('errorLabel');
		  },
		  unhighlight: function(element, errorClass) {
		     $(element).removeClass(errorClass);
		     $(element.form).find("label[for=" + element.id + "]")
		                    .removeClass('errorLabel');
		  },
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			
			if (errors) {
				var message = errors == 1
											? 'All fields are required. Please check the one highlighted in red below'
											: 'All fields are required. Please check the ones highlighted in red below';
			
				
				$("#form-login div.error span").html(message);
				$("#form-login div.error").show();
			} else {
				$("#form-login div.error").hide();
			}
		},
		onkeyup: false,
		submitHandler: function( form ) {
					$("#form-login div.error").hide();
					form.submit();
				},
		messages: {
			email: {
				// required: " ",
				email: "Please enter a valid email address, example: you@yourdomain.com"
			},
			terms: {
				required: "You must agree to the terms and conditions"
			}
		},
		errorPlacement: function(error, element) {
			if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent() );
		},
		debug:true
	});

	$("#form-register").validate({
		highlight: function(element, errorClass) {
		     $(element).addClass(errorClass);
		     $(element.form).find("label[for=" + element.id + "]")
		                    .addClass('errorLabel');
		  },
		  unhighlight: function(element, errorClass) {
		     $(element).removeClass(errorClass);
		     $(element.form).find("label[for=" + element.id + "]")
		                    .removeClass('errorLabel');
		  },
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			
			if (errors) {
				var message = errors == 1
											? 'All fields are required. Please check the one highlighted in red below'
											: 'All fields are required. Please check the ones highlighted in red below';
			
				
				$("#form-register div.error span").html(message);
				$("#form-register div.error").show();
			} else {
				$("#form-register div.error").hide();
			}
		},
		onkeyup: false,
		submitHandler: function( form ) {
					$("#form-register div.error").hide();
					form.submit();
				},
		messages: {
			email: {
				// required: " ",
				email: "Please enter a valid email address, example: you@yourdomain.com"
			},
			terms: {
				required: "You must agree to the terms and conditions"
			}
		},
		errorPlacement: function(error, element) {
			if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent() );
		},
		debug:true
	});

}