var init = function(){

	$('#login-form-wrap').hide();
	
	initLoginForm();	
};

var initLoginForm = function()
{
	//create login window
	var b = new Boxy($('#login-form-wrap'), {
		title: 'Enter Credentials',
		closable: true,
		closeText: 'close',
		modal: true,
		afterShow: function(){
			loginValidator.resetForm();
		},
		show: false
	});

	//add a validator to the login form
	var loginValidator = $('#login-form').validate({
		submitHandler: function(form){

			//submit behaviour			
			$(form).ajaxSubmit({
				success: function(json, statusText){
					if( json.success ){
						$('.login-form-wrap').html("Loading Profile...");
						window.location.reload(true);
					}else{
						$('.login-message').show();
					}
				},
				dataType:  'json'
			});
		},
		focusInvalid: true,
		rules: {
			username: {
				required: true
			},
			password: {
				required: true
			}
		},
		messages: {
			username: {
				required: 'Username is required'
			},
			password: {
				required: 'Password is required'
			}			
		}
	});
};