var ii = 0;
var ct = 0;
var delay = 8000;
var timerGo = false;
var timerPause = false;



$(document).ready(function(){

	ct = $('#cycleImages').children().length;
	
	$('#cycleImages div').not(':first-child').hide();
	$('#cycleText div').not(':first-child').hide();
	
	$('#cycleNav span:first-child').addClass('on');
	
	// $('#cycleImages div a').each(function(){
	// 	if ($(this).hasClass('launchVideo')) {
	// 		$(this).append('<span class="videoPlayButton"></span>');
	// 	}
	// });
	
	var firstImg = $('#cycleImages div:first-child img');
	var firstSrc = firstImg.attr('src');
	firstImg.remove();
	var targ = ($('#cycleImages div:first-child a').length) ? $('#cycleImages div:first-child a') : $('#cycleImages div:first-child');
	
	var imgNew = new Image();
	$(imgNew).animate({
		opacity: 0
	}, 0, function(){
		$(this).load(function(){
			$(this).animate({
				opacity: 1
			}, function(){
				$(this).removeAttr('style');
			});
			targ.append(this);
			timerGo = true;
			startTimer();
		}).attr('src', firstSrc);
	});
	
	
	$('#cycleImages, #cycleText, #cycleNav').mouseover(function(){
		timerPause = true;
	}).mouseout(function(){
		timerPause = false;
		if (timerGo) {
			startTimer();
		}
	});
	
	
	$('#cycleImages a').click(function(){
		timerGo = false;
	});

	$('#cycleNav span').click(function(){
		timerGo = false;
		var thisTarg = $(this).index();
		
		if (thisTarg != ii) {
			$('#cycleImages div:eq(' + ii + ')').fadeOut();
			$('#cycleText div:eq(' + ii + ')').fadeOut();
			
			ii = thisTarg;
			
			$('#cycleImages div:eq(' + ii + ')').fadeIn();
			$('#cycleText div:eq(' + ii + ')').fadeIn();
		
			$('#cycleNav span:eq(' + ii + ')').addClass('on').siblings().removeClass('on');
		}
	});

	$('.launchVideo').colorbox({iframe:true, innerWidth:640, innerHeight:390});
	
	
	$('#cycleImages, #cycleText').show();

});




function startTimer() {

	$('#cycleImages').animate({
		left: 0
	}, delay, function(){
		if (timerGo && !timerPause) {
			$('#cycleImages div:eq(' + ii + ')').fadeOut();
			$('#cycleText div:eq(' + ii + ')').fadeOut();
			
			ii++;
			if (ii > (ct - 1)) {
				ii = 0;
			}
			
			$('#cycleImages div:eq(' + ii + ')').fadeIn();
			$('#cycleText div:eq(' + ii + ')').fadeIn();
		
			$('#cycleNav span:eq(' + ii + ')').addClass('on').siblings().removeClass('on');
		
			startTimer();
		}
	});

}