$(document).ready(function(){
	$("li#item1").click(function(event){
		$("#mainTeaser li").removeClass("selected");
		$("li#item1").addClass("selected");
		$("img#mainTeaserImg").attr({
			src: "images/teaser-pic1.jpg"
		});
		$("a#teaserLink").attr({
			href: "product/protecta-synthetic-fuel-system-treatment"
		});
	})
	$("li#item2").click(function(event){
		$("#mainTeaser li").removeClass("selected");
		$("li#item2").addClass("selected");
		$("img#mainTeaserImg").attr({
			src: "images/teaser-pic2.jpg"
		});
		$("a#teaserLink").attr({
			href: "product/protecta-synthetic-engine-treatment"
		});
	})
	$("li#item3").click(function(event){
		$("#mainTeaser li").removeClass("selected");
		$("li#item3").addClass("selected");
		$("img#mainTeaserImg").attr({
			src: "images/teaser-pic3.jpg"
		});
		$("a#teaserLink").attr({
			href: "performance/"
		});
	})
	$("li#item4").click(function(event){
		$("#mainTeaser li").removeClass("selected");
		$("li#item4").addClass("selected");
		$("img#mainTeaserImg").attr({
			src: "images/teaser-pic4.jpg"
		});
		$("a#teaserLink").attr({
			href: "product/protecta-synthetic-fuel-system-treatment"
		});
	})
	$("li#item5").click(function(event){
		$("#mainTeaser li").removeClass("selected");
		$("li#item5").addClass("selected");
		$("img#mainTeaserImg").attr({
			src: "images/teaser-pic5.jpg"
		});
		$("a#teaserLink").attr({
			href: "demonstration/"
		});
	})


	$('ul#productSecondary li a').hover(function() { //mouse in
		$(this).stop().animate({ paddingLeft: '20px' }, 400);
	}, function() { //mouse out
		$(this).stop().animate({ paddingLeft: 0 }, 400);
	});

	$("a.needleClick").click(function(event){
		$("#freeNeedleForm").slideDown();
	});

	$('#needleSubmitButton').click(function () {
		var name = $('input#needleName').val();
		var address = $('input#needleAddress').val();
		var city = $('input#needleCity').val();
		var state = $('input#needleState').val();
		var zip = $('input#needleZip').val();
		var oilWeights = $('select#oilWeights').val();
		var sfrWeights = $('select#sfrWeights').val();

		if (oilWeights == 6 && sfrWeights == 20) {
			$.post("http://www.sfrcorp.com/demonstration/", { name: name, address: address, city: city, state: state, zip: zip });
			$("#freeNeedleForm").html("<p style=\"color: green;\">Thanks " + name + ", your order has been processed</p>");
		} else {
			$("#freeNeedleForm").prepend("<p style=\"color: red;\">One of the following elements was not filled out correctly.</p>");
			$("#sfrWeightsRow").attr({ style: "background-color: pink" });
			$("#oilWeightsRow").attr({ style: "background-color: pink" });
		}
	});


});