﻿// JScript File
$(function() {
	// timer variables.
	var timer;
	var timer2;
	
	// image checker
	var t = 0;
	var div_name = ".offer_scroller";
	// max number of changes
	var maxChanges = 50;  
	var i = 0;
	
	// number of seconds between photo changes
	var seconds_between_photos = 5;
	
	function changeImage () {
		
		if (i == maxChanges){
			clearInterval(timer);
		}
		if (t == 0){
			$(".offer_scroller").css('zIndex', '5');
			$(".offer_scroller_bg").css('zIndex', '1');
			$(".offer_scroller").fadeOut("slow", function(){									  
				$(".offer_scroller").css('zIndex', '-1').fadeIn();
			});										 
			t = 1;
		}
		else
		if (t == 1){
			$(".offer_scroller_bg").css('zIndex', '5');
			$(".offer_scroller").css('zIndex', '1');
			$(".offer_scroller_bg").fadeOut("slow", function(){									  
				$(".offer_scroller_bg").css('zIndex', '-1').fadeIn();
			});	
			t = 0;
		}
		i++;
	}
	
	
	function checkForLoaded () {
	
		clearInterval(timer);
		changeImage();
		timer = setInterval(changeImage, (seconds_between_photos * 1000));
	}
	
	function startChange () {
		clearTimeout (timer2);
		timer = setInterval(checkForLoaded, 500); 
	}
	timer2 = setTimeout(startChange, ((seconds_between_photos * 1000) - 1000)); 



});

