$(document).ready(function() {
						   
/*	$("#nav-login").after('<div id="login" ><form action="/account_login_action.cfm?showStatusBar=true" method="post"><label for="customer_login">Username:</label><input name="customer_login" id="customer_login" class="required" type="text" /><label for="customer_password">Password:</label><input name="customer_password" id="customer_password" class="required" type="password" /><input type="image" id="btn_login" value="Login" src="/images/btn-login.gif"  /><div><a class="smaller" href="/password-reset">Forgot Password?</a></div><input type="hidden" name="set_cookie_values" value="1" /></form></div>');*/

	$("#nav-login").after('<div id="login" ><form action="/account_login_action.cfm?showStatusBar=true" method="post"><label for="customer_login">Username:</label><input name="customer_login" id="customer_login" class="required" type="text" /><label for="customer_password">Password:</label><input name="customer_password" id="customer_password" class="required" type="password" /><button type="submit" id="btn_login"></button><div><a class="smaller" href="/password-reset">Forgot Password?</a></div><input type="hidden" name="set_cookie_values" value="1" /></form></div>');


	$("#nav-login #login-link").click(function(){								   
		if($("#login").css("display") == "none"){
			$("#login").show();
			$(this).addClass("selected");
		} else {
			$("#login").hide();
			$(this).removeClass("selected");
		}
		return false;
	});
	// Form swaps class on input fields whcih changes the input color
	
	//Create an associative array to hold the default hint values
	//The  index is the ID of the element and the value is the hint
	
	var hintArr = new Array()
		hintArr["site"] = "Search the Site";
		hintArr["crosswalk"] = "Search the Crosswalk";
		hintArr["fname"] = "First Name";
		hintArr["lname"] = "Last Name";
		hintArr["email"] = "Email Address";
		
/*	$("#nav-search li a").click(function(){
		$("#nav-search li").removeClass("active");
		$(this).parent().addClass("active");
		id = $("#nav-search li.active a").attr("id");
		hint = hintArr[id];
		currentval = $("#search").attr("value");
		if( currentval == "Search the Site" || currentval == "Search the Crosswalk"){
			$("#search").attr("value", hint);
		} else{
			$("#search").attr("value", currentval);
		}
		
		if(id == "site"){
			$("#search-form").attr("action", "/search-site");
		} else {
			$("#search-form").attr("action", "/search-crosswalk");
		}
	});*/


/*	$("#nav-search li a").click(function(){
		$("#nav-search li").removeClass("active");
		$(this).parent().addClass("active");
		id = $("#nav-search li.active a").attr("id");
		hint = hintArr[id];
		currentval = $("#search").attr("value");
		if( currentval == "Search the Site" || currentval == "Search the Crosswalk"){
			$("#search").attr("value", hint);
		} else{
			$("#search").attr("value", currentval);
		}
		
		if(id == "site"){
			$("#search-form").attr("action", "/search-site");
		} else {
			$("#search-form").attr("action", "/search-crosswalk");
		}
	});*/


	$("input.initval").each(function(){
		id = $(this).attr("id");
		hint = hintArr[id];
		$(this).attr("value", hint);
												   
	});
	
	$('.initval').focus(function() {
		if($(this).hasClass("initval")){
			$(this).attr("value", "").removeClass("initval");
		}
	});
	
	$("#search").blur(function() {
		currentval = $(this).attr("value");
		if( currentval == undefined || currentval == ""){
			//id = $("#nav-search li.active a").attr("id");
			hint = hintArr["site"];
			$(this).addClass("initval").attr("value", hint);
		}
	});

	$("#search-crosswalk").blur(function() {
		currentval = $(this).attr("value");
		if( currentval == undefined || currentval == ""){
			//id = $("#nav-search li.active a").attr("id");
			hint = hintArr["crosswalk"];
			$(this).addClass("initval").attr("value", hint);
		}
	});

	$("#fname").blur(function() {
		currentval = $(this).attr("value");
		if( currentval == undefined || currentval == ""){
			id = $(".psm_form input#fname").attr("id");
			hint = hintArr[id];
			$(this).addClass("initval").attr("value", hint);
		}
	});

	$("#lname").blur(function() {
		currentval = $(this).attr("value");
		if( currentval == undefined || currentval == ""){
			id = $(".psm_form input#lname").attr("id");
			hint = hintArr[id];
			$(this).addClass("initval").attr("value", hint);
		}
	});

	$("#email").blur(function() {
		currentval = $(this).attr("value");
		if( currentval == undefined || currentval == ""){
			id = $(".psm_form input#email").attr("id");
			hint = hintArr[id];
			$(this).addClass("initval").attr("value", hint);
		}
	});

	$(".psm_form h4").hide();
	
	
	
	
	$("#branding-banner div").hide();
	$("#banner1").show();
	$("#nav-features li a").click(function(){
										   
		var currentPane = $("#branding-banner div:visible").attr("id");
		var newPane = $(this).attr("id");
		$("#" + currentPane).css("display", "none");
		$("#banner" + newPane).css("display", "block");
	});


  
 });//EOF