$().ready(function() {
	$('#login div.guest').show();
	$('#login div.form').hide();
	$('#login').css({
		marginLeft: '562px',
		width: '350px'
	});
	$('#login div.guest a.login').click(function() {
		$(this).parent('div.guest').animate({
			opacity: "hide"
			}, 300, function() {
				if ($('#login div.form').is(":visible")) {
					$('#login div.form').animate({
						opacity: "hide"
					}, 300);
				} else {
					$('#login').animate({
						width: "450px",
						marginLeft: "461px"
					}, 500, function() {
						$('#login div.form').animate({
							 opacity: "show"
						}, 1000);
					});
				}
			}
		);
		return false;
	});
	$('#PasswordClear').show();
	$('#Password').hide();
	$('#PasswordClear').focus(function() {
		$(this).hide();
		$('#Password').show();
		$('#Password').focus();
	});
	$('#Password').blur(function() {
		if($(this).val() == '') {
			$('#PasswordClear').show();
			$(this).hide();
		}
	});
	$('#UserName').focus(function() {
		if($(this).val() == 'Enter your email...') {
			$(this).val('');
			$(this).attr('class','focus');
		}
	});
	$('#UserName').blur(function() {
		if($(this).val() == '') {
			$(this).val('Enter your email...');
			$(this).attr('class','blur');
		}
	});
	$('button.button').button();
	$('a.button').button();
});