$(document).ready(function() {
	
	//make sure init val is global
	initEmail = $("#emailLog").val();
	
	$("#emailLog").bind("click", function(e) { loginInfo("on", "emailLog") });
	$("#passShow").bind("focus", function(e) { passSwitch("on") });
	
	$("#emailLog").bind("blur", function(e) { loginInfo("off", "emailLog") });
	$("#passLog").bind("blur", function(e) { passSwitch("off") });
	
	$("#emailLog").select();

});

function passSwitch(type) {
	
	//check for val
	var currVal = $("#passLog").val();
	
	if (type == "on" && currVal == "") {
		
		//hide show
		$("#passShow").css("display", "none");
		//show real
		$("#passLog").css("display", "block");
		$("#passLog").focus();
		
	} 
	else if (currVal == "") {
		
		//hide real
		$("#passLog").css("display", "none");
		//show real
		$("#passShow").css("display", "block");
		
	}
}

function loginInfo(type, id) {
	
	//check for val
	var currVal = $("#" + id).val();
	
	if (type == "on" && currVal == initEmail) {
		
		//remove class
		$("#" + id).removeClass("caption");	
		//remove value
		$("#" + id).val("");	
	
	}
	else if (currVal == "" || currVal == initEmail) {
	
		//add class
		$("#" + id).addClass("caption");			
		//add value
		$("#" + id).val(initEmail);	
	
	}
	 
}