// JavaScript Document
$(function() {
	var username = $("#username"),
		password = $("#password"),
		allFields = $([]).add(username).add(password);

	$("#dialog").dialog({
		bgiframe: true,
		autoOpen: false,
		height: 280,
		modal: true,
		buttons: {
			'Login': function() {
				$("#login_form").submit();
				$(this).dialog('close');
			},
			Cancel: function() {
				$(this).dialog('close');
			},
		},
		close: function() {
			allFields.val('').removeClass('ui-state-error');
		}

	});
	
	$("#login").click(function() {
		$("#dialog").dialog('open');
	})
	.hover(
		function(){ 
			$(this).addClass("ui-state-hover"); 
		},
		function(){ 
			$(this).removeClass("ui-state-hover"); 
		}
	)
	.mousedown(function(){
		$(this).addClass("ui-state-active"); 
	})
	.mouseup(function(){
			$(this).removeClass("ui-state-active");
	});
	
	$(".sortable").sortable();
	$(".sortable").disableSelection();
});

function validate_email() {
	var address = document.getElementById("email_address").value;
	var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	if (!pattern.test(address)) {
		$("#email_address").addClass('ui-state-error');
		return false;
	} else {
		$("#email_address").removeClass('ui-state-error');
		return true;
	}
}