// JavaScript Document


// preload slideshow rollover images
var siteRoot = "http://www.donsstoveshop.com/";
var ssUp = new Image();
ssUp.src = siteRoot+"images/btn-ss-up.png";
var ssOver = new Image();
ssOver.src = siteRoot+"images/bt-ss-over.png";
var ssOn = new Image();
ssOn.src = siteRoot+"images/btn-ss-on.png";

var currentSlide = 1;
var intervalID = 0;
var numSlides = 4;
var ssURLs = new Array();

ssURLs[1] = 'wood/';
ssURLs[2] = 'gas/';
ssURLs[3] = 'pellet/';
ssURLs[4] = 'chimney/';


function init() {
	
	var leadgenurl = siteRoot+'sections/process-leadgen.php';
	var thankyoupage = siteRoot+'thankyou.php';
	
	// click function to show the lead gen form
	$(".openForm").bind("click", function(event) {
		event.preventDefault();
		
		// populate form "rel" = interest, and "title" = message
		$("option[value='"+ $(this).attr("rel") + "']").attr("selected", "selected");
		$("textarea").text( "I'd like more information about " + $(this).attr("title") + " from Don's Stove Shop." );
		$("input[name='product']").val( $(this).attr("title") );
		
		$("#leadgen").animate({
			top: "0px"
		}, "slow");
	});
	
	// click function to hide the lead gen form
	$("#cancel").bind("click", function() {
		$("#leadgen").animate({
			top: "-1000px"					  
		}, "slow");
		clearForm = document.getElementById('leadgenform');
		clearForm.reset();
		$(".status").css("visibility","hidden");
		
		$(".reqel").each(function() {
			$(this).css('background-color','black');
		});
	});
	
	// click function to submit lead gen form
	$("#submit").bind("click", function() {
		$(".reqel").each(function() {
			$(this).css('background-color','black');
		});
		
		$(".status").css("visibility","visible");
		$(".status").html("... Processing ...");
		
		var data = "";
		$("#leadgenform .element").each(function() {
			data = data + $(this).attr('name') + "=" + $(this).val() + "&";
		});
		data = data.substring(0, data.lastIndexOf("&"));
		
		$.ajax({
			type: "POST",
			url: leadgenurl,
			data: data,
			dataType: "text",
			success: function(msg) {
				if(msg == "paul goode") {
					var interest = $("select[name='interest']").val();
					var product = encodeURI( $("input[name='product']").val() );
					location = thankyoupage + "?interest=" + interest + "&product=" + product;
				}
				else {
					var pid = msg.substring(0, msg.indexOf(","));
					var status = msg.substring(msg.indexOf(",") + 1);
					$(".status").html(status);
					$("#"+pid).css('background-color','#666');
				}
			}
		});
	});
	
	
	// slide show initialization
	$(".slideshowImage").each( function() {
		$(this).fadeOut();									
	});
	$("img[name='1']").fadeIn();
	$("img[name='b1']").attr("src", ssOn.src);
	intervalID = setInterval( intervalReached, 5000 );
	
	// slide show button over
	$(".slideshowButton").bind("mouseover", function() {
		$(this).attr("src", ssOver.src);
	});
	
	// slide show button out
	$(".slideshowButton").bind("mouseout", function() {
		if( $(this).attr("name").substring(1) == currentSlide.toString() )
			$(this).attr("src", ssOn.src);
		else
			$(this).attr("src", ssUp.src);
	})
	
	// slide show button click
	$(".slideshowButton").bind("click", function() {
		if( currentSlide != parseInt( $(this).attr("name").substring(1) ) ) {
			clearInterval( intervalID );
			var next = parseInt($(this).attr("name").substring(1));
			goToSlide(next);
			intervalID = setInterval( intervalReached, 5000 );
		}
	});
	
	// slide show image click 
	$(".slideshowImage").bind("click", function() {
		location = ssURLs[currentSlide];											
	});
	
	function goToSlide(num) {
		$("img[name='"+currentSlide.toString()+"']").fadeOut();
		$("img[name='"+num.toString()+"']").fadeIn();
		$("img[name='b"+num.toString()+"']").attr("src", ssOn.src);
		$("img[name='b"+currentSlide.toString()+"']").attr("src", ssUp.src);
		currentSlide = num;
	}
	
	function intervalReached() {
		if(currentSlide == 4)
			var next = 1;
		else
			var next = currentSlide + 1;
		goToSlide(next);
	}
}