function clearBackground() { this.style.backgroundImage = "none"; }

function loginText() {
	try {
		if ($('login_id').value == '') { $('login_id').style.backgroundImage = "url(/images/login/bg_login_email.gif)"; }
		if ($('pass_word').value == '') { $('pass_word').style.backgroundImage = "url(/images/login/bg_login_password.gif)"; }
	
		$('login_id').onfocus = clearBackground;
		$('pass_word').onfocus = clearBackground;
	} catch(err) {}
}



function loginImages() {
	try {
		$('login-features-link').onmouseover = function () { $('login-screenshot').style.backgroundImage = "url(/images/login/screenshot-features.jpg)" };
		$('login-people-link').onmouseover = function () { $('login-screenshot').style.backgroundImage = "url(/images/login/screenshot-profile.jpg)" }
		$('login-community-link').onmouseover = function () { $('login-screenshot').style.backgroundImage = "url(/images/login/screenshot-community.jpg)" }
		$('login-discussions-link').onmouseover = function () { $('login-screenshot').style.backgroundImage = "url(/images/login/screenshot-discussions.jpg)" }
		$('login-goals-link').onmouseover = function () { $('login-screenshot').style.backgroundImage = "url(/images/login/screenshot-goal.jpg)" }
		$('login-contests-link').onmouseover = function () { $('login-screenshot').style.backgroundImage = "url(/images/login/screenshot-contest.jpg)" }	
	} catch(err) {}
}


add_DOM_onLoad( function() { loginText(); loginImages(); } );