// JavaScript Document


// miliseconds taken to fade each image
PRODUCT_FADE_SPEED = 2800;
// the time that each image is shown for before it starts to fade out again
PRODUCT_FADE_DELAY = 5000;



jQuery( function($) {		// wrap it all in JQuery in case we called this function before the page is ready...
		
		
		// select the current tab:
		
		if (typeof(SELECTED_TAB) != "undefined") {
			$("#tab_" + SELECTED_TAB).addClass("tabCurrent");
		}
		
		var debug = false;
		
		
		/* ========================================
		Relating to fading product images
		 ========================================*/
		
		var p1 = $('<div class="featuredProductImage" id="featuredProduct1"><img src=""></div>').fadeOut(1);
		//var p1 = $('<div class="featuredProductImage" id="featuredProduct1"><img src=""></div>').fadeOut(1);
		var p2 = $('<div class="featuredProductImage" id="featuredProduct2"><img src=""></div>').fadeOut(1);
		$("#headpart").append(p1).append(p2);
		$("#featuredProduct1").fadeIn(1);
		
				
		startProductImages(
			[
					{"src": '/images/psq1-80.jpg'},
					{"src": '/images/psq2-80.jpg'},
					{"src": '/images/psq3-80.jpg'},
					{"src": '/images/psq4-80.jpg'},
					{"src": '/images/psq5-62.jpg'},
					{"src": '/images/psq6-80.jpg'},
					{"src": '/images/psq7-80.jpg'}
					// remember not to put a comma after the last item
			]
		);
		
	
		
		function startProductImages(productImages) {
			//[{src:imgSource}, {src:imgSource}, {src:imgSource}]
	
			if (productImages.length <=0) {
				return false;
			}
			
			var nextImageIndex = 0;
			populateProduct1();
			populateProduct2();
			fadeProduct1(PRODUCT_FADE_SPEED);
		
			function getNextImageSrc() {
				var toReturn = productImages[nextImageIndex].src;
				nextImageIndex++;
				if (nextImageIndex > (productImages.length-1)) {
					nextImageIndex=0;
				}
				return toReturn;
			}
			
			function populateProduct1 () {
				$("#featuredProduct1 img").attr("src", getNextImageSrc());
			}
						
			function populateProduct2 () {
				$("#featuredProduct2 img").attr("src", getNextImageSrc());
			}
			
			function fadeProduct1() {
				setTimeout(
					function() {
						
						$("#featuredProduct1").fadeOut(PRODUCT_FADE_SPEED, function (){ populateProduct1(); fadeProduct2() } );
						$("#featuredProduct2").fadeIn(PRODUCT_FADE_SPEED);
					},
					PRODUCT_FADE_DELAY
				);
			}
			
			function fadeProduct2(newDelay) {
				setTimeout(
					function() {
						$("#featuredProduct2").fadeOut(PRODUCT_FADE_SPEED, function (){ populateProduct2(); fadeProduct1() } );
						$("#featuredProduct1").fadeIn(PRODUCT_FADE_SPEED);
					},
					newDelay || PRODUCT_FADE_DELAY
				);
			}
			
		
		}
		 
	
		
});	// end of jquery ready