var default_blank = "";

var default_username = "Login";
var default_password = "password";

var blank_css = { color: "gray" };
var default_css = { color: "black" };

$(document).ready(function()
{
	switchContent('#signin_username',default_blank,default_username,blank_css);
	switchContent('#signin_password',default_blank,default_password,blank_css);
	
	initEvents('#signin_username',default_blank,default_username,blank_css,default_css);
	initEvents('#signin_password',default_blank,default_password,blank_css,default_css);
	
});



function initEvents(selector,blank,value,blank_css,default_css)
{
	$(selector).blur(function()
	{
		switchContent(this,blank,value,blank_css);
	});
	
	$(selector).focus(function()
	{
		switchContent(this,value,blank,default_css);
	});
}


function switchContent(selector,blank,value,css)
{
	if($(selector).val() == blank)
	{
		$(selector).val(value);
		$(selector).css(css);
	}
}