$(function () {

	$('a').click(function() {
		$(this).blur();
	});
	
	// clear login fields on click
	$('form#login a.login-clear').click(function() {
		$(this).blur();
		var lInput = $(this).prev('input');
		if ( lInput.attr('name') == 'password' && lInput.attr('type') != 'password' ) {
			lInput.remove();
			lInput = '<input type="password" name="password" id="password" class="loginField" value=""/>';  //<input type="text" name="password" id="password" class="loginField" value="password"/>
			$(this).before(lInput)
		}  		
		$(this).prev('input').val('').focus();
		return false;
	});
	
	
	// clear login fields on focus
	$('form#login input.loginField').focus(function() {
		var inp = $(this);
		if ( inp.attr('name') == 'password' && $(this).attr('type') != 'password' ) {
			inp.hide();
			lInput = '<input type="password" name="password" id="password" class="loginField" value=""/>'; 
			inp.before(lInput);
			inp.remove();
			inp = $('form#login input#password');
			inp.focus();
			return false;
		} else if (inp.val() == 'username' ) {
			inp.val('')
		} 
	})
	
	
	//login form validate
	$('form#login').validate({
		errorElement: "em",
		rules: {
			username: "required",
			password: "required"
		},
		messages: {
			username: "Please enter your username",
			password: "Please enter your password"
		},
		errorPlacement: function(error, element) {
			if (element.attr('name') == 'username')
				error.insertAfter('#username_field');
			else if (element.attr('name') == 'password')
				error.insertAfter('#password_field');
			else
				error.insertAfter(element);
		},
		onkeyup: false
	});
	
	
		
});// JavaScript Document