//Global Vars
	var interval; //declare interval variable
	var slideInterval = 5000; //time in millseconds to pause on each slide (1 second == 1000 milliseconds)
	var slides = 2; //number of slides //was 4
	var slideWidth = 960 //width of each slide
	var transitionSpeed = 1000; //speed of each transition in millseconds
	var maxWidth = -(slideWidth * (slides-1)); // determines the max transitions before going back to first slide / compensates for zero index
	var slideNumber = 0;
	var currentOffset = 0;
	var clicked = 0;
		
	function start(){
		interval = setInterval ( "nextSlide()", slideInterval );
		
	}
		
	function pause(){
		clearInterval(interval);
	}
		
		
	function nextSlide(){
		if (parseInt($('.layer1').css('left').replace('px','')) >= maxWidth){ //Last slide has not been reached
			currentOffset -= slideWidth;
		}
		else{ //Last slide has been reached
			currentOffset = 0;	
		}
		
		animateSlide();
	}
		
	function animateSlide(){
		$('.layer1').animate({
    		left: [currentOffset,'easeInOutQuad']
  		}, transitionSpeed, function() {
    		// Animation complete.
  		});
		
		$('.layer2').animate({
    		left: [currentOffset / 2.5,'easeInOutQuad']
  		}, transitionSpeed, function() {
    		// Animation complete.
  		});
		
		if (clicked != 1){
		
			if(slideNumber >= slides){
				slideNumber = 0;
				updateSlideControls();
			}
			else{
				slideNumber++;
				updateSlideControls();
			}
		}
		clicked = 0;
	}
		
	function slideClick(newSlideNumber){
		clicked = 1;
		pause();
		slideNumber = newSlideNumber;
		updateSlideControls();
		currentOffset = -(slideWidth * slideNumber);
		
		animateSlide();
		start();
	}
	
	function loadSlideControls(){
		for (i = 0; i <= slides; i++){
			$('.slideshow-controls').append('<div slide="' + i + '"><img src="/heattrans/images/slideshow/nav-dot-selected.gif" alt=""/></div>');
		}
	}
	
	function updateSlideControls(){
		$(".slideshow-controls div img").fadeOut(1000);
		$(".slideshow-controls div:eq(" + slideNumber + ") img").fadeIn(1000);
	}

//jQuery on page loaded--------------------------------		
$(document).ready(function() {
	loadSlideControls();
	
	$('.slideshow-controls div').click(function() {
  		slideClick(parseInt($(this).attr("slide")));
	});
			
});
	
$(window).load(function() { //Preload images before starting slideshow
	updateSlideControls();
	start();
});