$(document).ready(function(){
	var $login = $('#extraLoginCont');
	var $loginContainer = $('#extraLoginBoxCont');
	var $loginBox = $('#extraLoginBox');
	var $inputName =  $('#loginName');
	var $inputPass = $('#loginPass');
	var $unohdusName =  $('#extraUnohdusInput');
	var $inputBoxOver  = $('#loginPassOver');
	var startPos = "";
	var pos = "";
	var height = "";
	
	if($('.error').html() != "")
	{
		$loginContainer.css("height", "130px");
		startPos = 23;
		$login.css("height", 130);
		$loginBox.css("top", startPos);
		$loginBox.css("height", "100px");
		$('.error').css("padding-top", "10px");
		height = 25;
	}
	else
	{
		startPos = -50;
		$loginBox.css("top", startPos);
	}
	
	if(startPos == 23)
	{
		pos = -75;
		
	}
	else
	{
		pos = 23;
		height = 105;
	}
	
	var setUpSlider = function() {
		$('#extraLogin a').click(function(event) {
		    $('#extraUnohdusFrom').css('display', 'none');
            $('#extraUnohdusFrom').css('top', '-50px');
			$loginContainer.css("height", "130px");
			$login.animate({'height': height}, 'slow');
			$loginBox.animate({'top': pos}, 'slow');
			if(pos >=20 && $('.error').html() == "")
			{
				height = 25;
				pos = -50;
			}
			else if(pos >=20 && $('.error').html() != "") 
			{
			    
				height = 25;
				pos = -75;
				$('.error').html("");
				$loginBox.css("height", 75);
			}
			else
			{
				if($('.error').html() != "")
				{
					height = 130;
				}
				else
				{
					height = 105;
				}
				pos = 23;
			}
			
		});
	};
	setUpSlider();
	
	
	//Käyttäjätunnuskenttä
	$inputName.focus(function() {
		$inputName.val("");
	});
	$inputName.blur(function() {
		if($inputName.val() == "")
		{
			$inputName.val("Käyttäjätunnus");
		}
	});
	
	//Salasanakenttä
	$inputBoxOver.focus(function() {
		$inputBoxOver.css("display","none");
		$inputPass.focus();
	});
	$inputPass.blur(function() {
		if($inputPass.val() == "")
		{
			$inputBoxOver.css("display","inline");
		}
	}); 
	
	//Salasanaunohduskenttä
	$unohdusName.focus(function() {
		$unohdusName.val("");
	});
	$unohdusName.blur(function() {
		if($unohdusName.val() == "")
		{
			$unohdusName.val("Käyttäjätunnus");
		}
	});
	
	
	//Rekisteröitymislomakkeen juttuja
	//$('#saantoLohko').css("display","none");
	$('a#palvelunSaannot').click(function() {
		$('#lomakeLohko').css("display","none");
		$('#saantoLohko').css("display","block");
	});
	
	$('a.back').click(function() {
		$('#saantoLohko').css("display","none");
		$('#lomakeLohko').css("display","block");
	});
		
	var $infoButton = $('a.infopallo');
	var $closeButton = $('a.close');
	$infoButton.click(function() {
		$(this).next('.ohjeet').css("display","block");
	});
	
	$closeButton.click(function() {
		$(this).parent().parent('.ohjeet').css("display","none");
	});
	
	$('a.openUnohdus').click(function(){

            $('#extraUnohdusFrom').css('top', '23px');
            $('#extraUnohdusFrom').css('display', 'block');

    });
    $('a.closeUnohdus').click(function(){
        $('#extraUnohdusFrom').css('display', 'none');
        $('#extraUnohdusFrom').css('top', '-50px');
    });
	
});


function etusivulle()
{
	window.location = "http://www.laulumaa.fi";
}