$(function() { 
	$("#horizontalNavigationContainer li").hover(function() { $(this).addClass('hover'); },function() { $(this).removeClass('hover'); });
	$('.leftVerticalBox ul li:last a').css('border-bottom','none');
	$(".searchBox .textInput").example('Enter keyword or part #');
	
	$('#newsletterInput').example('Your email address...');
	$('#searchInput').example('Enter keyword...');
	
	$('#newsletterUnsubscribeLink a').click(function(){
		$this = $(this);
		$newsletterDescription = $('#newsletterDescription');
		$signupType = $('#newsletterForm #signupType');
		if ($this.text() == 'unsubscribe') {
			$this.text('subscribe');
			$signupType.val('unsubscribe');
			$newsletterDescription.text('Unsubscribe from our newsletter:');
		}
		else {
			$this.text('unsubscribe');
			$signupType.val('subscribe');
			$newsletterDescription.text('Sign up to our newsletter:');
		}
	});
	$('#newsletterForm').FormFingerprint().submit(function(){
		var emailField = $("#newsletterInput");
		emailField.css("background-color", "#fff");
		
		var outputDiv = $("#newsletterFormResponse");
		outputDiv.hide();
		outputDiv.html("");
		outputDiv.stopTime("hideOutputDivTimer"); //clear any previous timer that may hide the response div
		var hasError = false;
		
		if (jQuery.trim(emailField.val()) == "") {
			outputDiv.append("Email address is required.<br>");
			emailField.css("background-color", "#FFCCCC");
			hasError = true;
		}
		else 
			if (/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(jQuery.trim(emailField.val())) == false) {
				outputDiv.append("Invalid email address format.<br>");
				emailField.css("background-color", "#FFCCCC");
				hasError = true;
			}
		
		var color = (!hasError ? "#000" : "#CC0000");
		outputDiv.css("color", color);
		
		if (!hasError) {
			$(this).ajaxSubmit({
				dataType: "json",
				success: processNewsletterFormJson
			});
		}
		else {
			outputDiv.slideDown(350);
		}
		return false; //important
		//process the response of the newsletter form submission
		function processNewsletterFormJson(data){
			$formResponse = $("#newsletterFormResponse");
			$formResponse.html(data.message);
			var color = (data.success ? "#000" : "#CC0000");
			$formResponse.css("color", color);
			$formResponse.slideDown(350);
			if (data.success) { //only clear form on success
				$('#newsletterInput').addClass('example').val('Your email address...');
				$formResponse.oneTime("5s", "hideOutputDivTimer", function(){
					$(this).slideUp(350)
				});
			}
		}
	});

});