// ------------------------------------------------
// JavaScript Document
// created by Justin for the banners on the home page
// Feb. 23, 2011
// Updated Oct. 4, 2011
// --------------------------------------------------




//array of images
var bannerImages = new Array();

bannerImages[1] = '/images/banner_jim_recording.png';
bannerImages[2] = '/images/banner_ManagerPES.png';
bannerImages[3] = '/images/banner_watercooler.png';
bannerImages[4] = '/images/banner_richVideo2.png';
bannerImages[5] = '/images/bannerCanyon_1.jpg';


var linkArray = new Array();


linkArray[1] = 'http://bit.ly/w7Ocqe';
linkArray[2] = 'http://ow.ly/8vjp4';
linkArray[3] = 'http://watercoolernewsletter.com/';
linkArray[4] = 'http://ow.ly/8wqwz';
linkArray[5] = '/driving-insights/canyon/';

$(document).ready(function(){
	//global variables
	var currentNum = 1;
	var totNum = ((bannerImages.length)-1); 

	$("#bannerNav ul li:nth-child(1)").addClass('thumbHover');
	


/* --- btn controls --- */
	//btn roll on
	$('#bannerNav > ul >li').hover(function(){
		$(this).addClass('thumbHover');	
	});
	
	//btn roll off
	$('#bannerNav > ul >li').mouseout(function(){
		var thisBtn = $(this).prevAll().size();
		thisBtn += 1;
		//thisBtn = thisBtn +1;
		testNum = currentNum;
		if(thisBtn != testNum){
			$(this).removeClass('thumbHover');	
		}
	});
	
  	//btn click here
	$('#bannerNav > ul >li').click(function(){
	$("#theBanner ul li:nth-child(2)").clearQueue();
	
	
		clearInterval(startSlide);
		currentNum = ($(this).prevAll().size())+1;
		//currentNum += 1;
		$("#bannerNav > ul >li").removeClass('thumbHover');
		$(this).addClass('thumbHover');
		slideBanner(currentNum);
		
		
		startSlide = setInterval(slideShow, 6000);
	});
/* --- end btn controls --- */
	
	
	/*function that is used for the slide show. It basically just find out the last number and creates the next number then it calls the slideBanner function*/
	function slideShow(){
		if(currentNum < 5){
			currentNum++;
		}else{
			currentNum = 1;
		}
		$("#bannerNav > ul >li").removeClass('thumbHover');
		$("#bannerNav ul li:nth-child("+(currentNum) +")").addClass('thumbHover');	
		
		slideBanner(currentNum);
	}
	var startSlide;
	
	
	startSlide = setInterval(slideShow, 8000);	
	
	
//$('#learnMoreBtn2').css('visibility', 'hidden');
	function slideBanner(currentNum){
			//changed to 6 so it is never used
		if(currentNum == 2){
			$('#learnMoreBtn2').css('visibility', 'hidden');		
		} else {
			$('#learnMoreBtn2').css('visibility', 'visible');	
		}
	
		//set the next image to the currentNum (next image number)
		$("#theBanner ul li:nth-child(1)").html("<img src='http://www.rootlearning.com/wp-content/themes/rootlearning_newBlog"+bannerImages[currentNum]+"' />");
		
		/* makes the link target _blank/self
		   feel like this is making the site a little sloppy

		if(currentNum == 2){
			$('#learnMoreBtn2').attr('target', '_blank');
			$('#learnMoreBtn').attr('target', '_blank');
		}else{
			$('#learnMoreBtn2').attr('target', '_self');
			$('#learnMoreBtn').attr('target', '_self');
		}
		
		*/


		$("#theBanner ul li:nth-child(2)").animate({opacity : 0}, 600 , function(){
			$("#theBanner ul li:nth-child(2)").html("<a id='learnMoreBtn' href='/strategyforum'><img src='http://www.rootlearning.com/wp-content/themes/rootlearning_newBlog"+bannerImages[currentNum]+"' /></a>");
		$('#learnMoreBtn').attr('href', linkArray[currentNum]);	
		$('#learnMoreBtn2').attr('href', linkArray[currentNum]);		
			/*
				if(currentNum >= 5){
					currentNum = 0;
				}
				//currentNum++;
			*/
			$("#theBanner ul li:nth-child(2)").fadeTo(0,1);
		});
	} 
});