$(document).ready(function(){
	$("#loginArea").css('visibility', 'hidden');
			
	level = $('#level').val();
	$("#arrow").attr('src', level + 'images/General/arrowDown.gif');

	//$("#arrow").attr({src : ''+level+''});

	// Display the Login Box when visitor Mouseovers the login/green area box
	$("#loginHeader").toggle(function () {
			$("#loginArea").css('visibility', 'visible');
			$("#loginArea").show()
			$("#arrow").attr('src', level + 'images/General/arrowUp.gif');
			$('#MemberName').focus()
		}, function () {
			$("#loginArea").css('visibility', 'hidden');
			$("#loginArea").hide()
			$("#arrow").attr('src', level + 'images/General/arrowDown.gif');
	});
	
	// Change text colour of Login header on mouseenter
	$("#loginHeader").mouseenter(function() {		
		$('#loginText').attr('class', 'fontCol-Original');	
	})
	
	// Change text colour of Login header on mouseleave to original setting
	$("#loginHeader").mouseleave(function() {		
		$('#loginText').attr('class', 'fontCol-Dark');	
	})

	// Controlling the textbox border colour. Red border will indicate that a textbox has the focus
    $('input').blur(function(){
		$('input').removeClass("focus");
	})
		.focus(function() {                
			$(this).addClass("focus")
	});
})