$(document).ready(function(){
	
	var thisurl = ['http://tunjiishola.com/business', 'http://tunjiishola.com/seminar', 'http://tunjiishola.com/blog', 'http://tunjiishola.com/store', 'http://tunjiishola.com/about', 'http://tunjiishola.com/community'];

	// Generate Navigation links
	$('.marquee_panels .marquee_panel').each(function(index){
		$('.marquee_nav').append('<a class="marquee_nav_item" ></a>');

	});

	// Generate Photo Lineup
	$('img.marquee_panel_photo').each(function(index){
		var photoWidth = $('.marquee_container').width();
		var photoPosition = index * photoWidth;
		$('.marquee_photos').append('<a href="'+thisurl[index]+'"><img class="marquee_photo" style="left: '+photoPosition+'" src="'+$(this).attr('src')+'" alt="'+$(this).attr('alt')+'" width="960" height="302" /></a>');
		$('.marquee_photos').css('width', photoPosition+photoWidth);

	});

	// Set up Navigation Links
	$('.marquee_nav a.marquee_nav_item').click(function(){
		
		// Set the navigation state
		$('.marquee_nav a.marquee_nav_item').removeClass('selected');
		$(this).addClass('selected');
		
		var navClicked = $(this).index();
		var marqueeWidth = $('.marquee_container').width();
		var distanceToMove = marqueeWidth*(-1);
		var newPhotoPosition = navClicked*distanceToMove + 'px';
		//var newCaption = $('.marquee_panel_caption').get(navClicked);
		
		// Animate the photos and caption
		$('.marquee_photos').animate({left: newPhotoPosition}, 1000);
		/*$('.marquee_caption').animate({top: '340px'}, 500, function(){
			var newHTML = $(newCaption).html();
			$('.marquee_caption_content').html(newHTML);
			setCaption();
		});*/
		
		stopSlider();
	});
	
	// Preload all images, then initialize marquee
	$('.marquee_panels img').imgpreload(function(){
		initializeMarquee();
		
		var totalImg = $('.marquee_panel').length;
		// Rotate
		rotateBanner();

	});
	
	
});

function initializeMarquee(){
	/*$('.marquee_caption_content').html(
		$('.marquee_panels .marquee_panel:first .marquee_panel_caption').html()
	);*/
	$('.marquee_nav a.marquee_nav_item:first').addClass('selected');
	$('.marquee_photos').fadeIn(1500);
	//setCaption();
}
/*
function setCaption(){
	var captionHeight = $('.marquee_caption').height();
	var marqueeHeight = $('.marquee_container').height();
	var newCaptionTop = marqueeHeight - captionHeight - 15;
	$('.marquee_caption').delay(100).animate({top: newCaptionTop}, 500);
}
*/

	var intervalID;
	 
	function rotateBanner()
	{
	  intervalID = setInterval(makeSlide, 8000);
	}
	
	var counter = 0;
	var turncounter = 0;
 
	function makeSlide(){

		// Set the navigation state
		$('.marquee_nav a.marquee_nav_item').removeClass('selected');
		$('.marquee_nav a.marquee_nav_item ').eq(counter + 1).addClass('selected');
		//$(this).addClass('selected');
		
		counter ++;
		turncounter ++;
		//var navClicked = $(this).index();
		var marqueeWidth = $('.marquee_container').width();
		var distanceToMove = marqueeWidth*(-1);
		var newPhotoPosition = counter *distanceToMove + 'px';
		
		// Animate the photos and caption
		$('.marquee_photos').animate({left: newPhotoPosition}, 960);
		
		if(counter >= 5){
			counter = -1;
		}
		
		if(turncounter >= 26){
			stopSlider();
		}

    }
	
	var stopped = false;

	function stopSlider()
	{
		clearInterval(intervalID);
		stopped = true;
		/*
		if(stopped == true){
		  intervalID = setInterval(makeSlide, 15000);	
	    }*/
	}