$(document).ready(function(){ 
		
	 	$("#myAccountWrapper").hover(function(){
			$(this).children('li').addClass('sfHover');	
										   
		},function(){
			$(this).children('li').removeClass('sfHover');		
		});
	 
		/*
	 	$('#emailAddress').focus(function(event) {
			if($(event.target).val() == 'Enter your email address')
		   		$(event.target).val('');
	   	});
	   	$('#emailAddress').blur(function(event) {
	   		if($(event.target).val() == '')
				$(event.target).val('Enter your email address');			
	   	});
		*/
		// Set up for Forgotten Email transistion in my account overlay
	   	
		$("#returnToLogin").css('opacity',0);
		$("#emailAddress").after('<input type="image" name="forgottenPasswordButton" value="forgottenPassword" id="forgotSubmit" class="button" src="/cs/sf_resources/images/btnOK.gif" />');
		$("#forgotSubmit").css('opacity',0);
		$("#forgotSubmit").attr("disabled","disabled");
		$("#loginButton").removeAttr("disabled");
	   	// forgot password transition
	   	$("#forgotPasswordLink").click(function(event) {
	   		$("#forgotPasswordH3").animate({opacity: 0},250, function(){
				$(this).css('display','none');
				$("#returnToLogin").css('display','block');
				$("#returnToLogin").animate({opacity: 1},250);	
			});
			$("#emailAddress").animate({opacity: 0},250).animate({opacity: 1},250);	
			$("#emailLabel").animate({opacity: 0},250).animate({opacity: 1},250);				
			$("#password").animate({opacity: 0},250);				
			$("#passwordLabel").animate({opacity: 0},250);	
			$("#loginButton").animate({opacity: 0},250, function(){
				$("#forgotSubmit").animate({opacity: 1},250);
			});
			$("#forgotSubmit").removeAttr("disabled");
			$("#loginButton").attr("disabled","disabled");
	   		event.preventDefault(); 
	   });
	   // Return to default overlay state
	   	$("#returnToLogin").click(function(event) {
			$("#returnToLogin").animate({opacity: 0},250, function(){
				$(this).css('display','none');
				$("#forgotPasswordH3").css('display','block');
				$("#forgotPasswordH3").animate({opacity: 1},250);	
			});
			$("#emailAddress").animate({opacity: 0},250).animate({opacity: 1},250);	
			$("#emailLabel").animate({opacity: 0},250).animate({opacity: 1},250);				
			$("#password").animate({opacity: 1},250);				
			$("#passwordLabel").animate({opacity: 1},250);	
			$("#forgotSubmit").animate({opacity: 0},250, function(){
				$("#loginButton").animate({opacity: 1},250);	
			});
			$("#forgotSubmit").attr("disabled","disabled");
			$("#loginButton").removeAttr("disabled");
			event.preventDefault(); 
		});	    
    });