// JavaScript Document
$i = 1;
$waitTime = 5000; //8000
autoPlayTimer = setTimeout('autoAdvancePanels()', $waitTime);
$slideSpeed = 600;
$easeStyle = 'easeInOutExpo';
$easeStyle2 = 'easeOutBack';

$(document).ready(function() { 
	$totalSlides = $(".home_bgContent > div").size()-1;
	$slideWidth = $(".home_bg").width();
	autoOverlay();
	
	Array.prototype.shuffle = function() {
	var s = [];
	while (this.length) s.push(this.splice(Math.random() * this.length, 1)[0]);
	while (s.length) this.push(s.pop());
	return this;
	} 
	var arrayBG = ['url(images/home_bg3.jpg)','url(images/home_bg4.jpg)','url(images/home_bg5.jpg)','url(images/home_bg6.jpg)','url(images/home_bg7.jpg)','url(images/home_bg8.jpg)','url(images/home_bg9.jpg)','url(images/home_bg10.jpg)'];
	var arrayOverlay = ['url(images/home_overlay3.png)','url(images/home_overlay4.png)','url(images/home_overlay5.png)','url(images/home_overlay6.png)','url(images/home_overlay7.png)','url(images/home_overlay8.png)','url(images/home_overlay9.png)','url(images/home_overlay10.png)'];
	var arrayIndex = [0,1,2,3,4,5,6,7];
	arrayIndex.shuffle();
	
	$('#home_bg3').css("background-image", arrayBG[arrayIndex[0]]); 
	$('#home_overlay3').css("background-image", arrayOverlay[arrayIndex[0]]);
	$('#home_bg4').css("background-image", arrayBG[arrayIndex[1]]); 
	$('#home_overlay4').css("background-image", arrayOverlay[arrayIndex[1]]);
	$('#home_bg5').css("background-image", arrayBG[arrayIndex[2]]); 
	$('#home_overlay5').css("background-image", arrayOverlay[arrayIndex[2]]);
	$('#home_bg6').css("background-image", arrayBG[arrayIndex[3]]); 
	$('#home_overlay6').css("background-image", arrayOverlay[arrayIndex[3]]);
	$('#home_bg7').css("background-image", arrayBG[arrayIndex[4]]); 
	$('#home_overlay7').css("background-image", arrayOverlay[arrayIndex[4]]);
	$('#home_bg8').css("background-image", arrayBG[arrayIndex[5]]); 
	$('#home_overlay8').css("background-image", arrayOverlay[arrayIndex[5]]);
	$('#home_bg9').css("background-image", arrayBG[arrayIndex[6]]); 
	$('#home_overlay9').css("background-image", arrayOverlay[arrayIndex[6]]);
	$('#home_bg10').css("background-image", arrayBG[arrayIndex[7]]); 
	$('#home_overlay10').css("background-image", arrayOverlay[arrayIndex[7]]);
	
	
	
});

function autoAdvancePanels(){ 
  
  if ($i < $totalSlides){
	$currentPosition = 424-($i*$slideWidth);
	$('.home_bgContent').animate({left: $currentPosition}, $slideSpeed, function() {
		  // Animation complete.
	  });
	clearTimeout(autoPlayTimer);
	autoPlayTimer = setTimeout('autoAdvancePanels()', $waitTime);
	$i++;
	autoOverlay();
	//setNav($i);
  }else{
	$currentPosition = 424-($i*$slideWidth);
	$('.home_bgContent').animate({left: $currentPosition}, $slideSpeed, function() {
		  // Animation complete.
		  $('.home_bgContent').css( {left: 424} );
	  });
	clearTimeout(autoPlayTimer);
	autoPlayTimer = setTimeout('autoAdvancePanels()', $waitTime);
	$i = 1;
	autoOverlay();
	//setNav($i);
	//setNav($i);
  }
}
function autoOverlay(){ 
if ($i == 1){
	$currentOverlay = '#home_overlay' + $i;
	$prevOverlay = '#home_overlay' + ($totalSlides);
	$($prevOverlay).animate( { right: '-1000px'}, { queue: false, duration: $slideSpeed } )
	$($currentOverlay).animate({right: 0}, $slideSpeed, function() {
		  // Animation complete.
	 });
}else{
	$currentOverlay = '#home_overlay' + $i;
	$prevOverlay = '#home_overlay' + ($i-1);
	$($prevOverlay).animate( { right: '-1000px'}, { queue: false, duration: $slideSpeed } )
	$($currentOverlay).animate({right: 0}, $slideSpeed, function() {
		  // Animation complete.
	 });
}

}