// JavaScript Document
$(document).ready(function(){
	var stage = 0;
	$("#loginBtn").mouseout(function(){
      	$(this).attr({ 
        	src: "img/loginUp.jpg"
        });
    }).mouseover(function(){
        $(this).attr({ 
        	src: "img/loginDown.jpg"
    	});
    }).click(function(){
		stage = 1;
		$("#stage"+stage).toggle();
		$("#username").focus();
	});
	
	$("#stage1").keyup(function(event){
		if (event.keyCode == 13) {
			stage = 2;
			$("#stage"+(stage-1)).toggle();
			$("#stage"+stage).toggle();
			$("#password").focus();
		}
	});
	$("#stage2").keyup(function(event){
		if (event.keyCode == 13) {
			stage = 3;
			$("#stage"+(stage-1)).toggle();
			$("#stage"+stage).toggle();
			$("#stage3 > h2").html("Hey "+$("#username").val());
			$("#stage3 > p").load("php/loginUser.php?user="+$("#username").val()+"&pass="+$("#password").val());
		}
	});
});