$(document).ready(function(){
	initTopBanners();
	$('.staticNum').click(changeSlide);
	$('#photoControlContainer .arrow.left').click(arrowLeft);
	$('#photoControlContainer .arrow.right').click(arrowRight);
});

var topBannerInterval;
function initTopBanners(){
	//go and load the rest in
	//var preloadList = ['bigImage1.jpg', 'bigImage3.jpg', 'bigImage5.jpg', 'bigImage4.jpg']; //set up in the homepage handler
	
	loadImages(preloadList);
	
	topBannerInterval = setInterval( "rotateTopBanners()", 6000 );
}

var preloadNum = 0;
function loadImages(preloadList){
	var img = new Image();
	$('<img />')
		.attr('src', '/graphics/home/' + preloadList[preloadNum])
		.load(function(){
			$('#homePhotos').append($(this));
			preloadNum++;
			if(preloadNum < preloadList.length)
				loadImages(preloadList);
		});
}

function rotateTopBanners(){
 	if($('#homePhotos img').length > 2){
		var $active = $('#homePhotos img.active');
		var $activeNum = $('a.num.fadeNum.active');
		
		if ( $active.length == 0 ) $active = $('#homePhotos img:first');
		
		if ( $activeNum.length == 0 ) $active = $('a.num.fadeNum:first');

	
		var $next =  $active.next().length ? $active.next()
			: $('#homePhotos img:first');
		
		//alert($activeNum.next().length);
		
		var $nextNum =  $activeNum.next().length  ? $activeNum.next()
			: $('a.num.fadeNum:first');
		
		/*var $nextNum;
		if($activeNum.next().index() >= $('.fadeNum').length -1){
			$nextNum = 	$('a.num.fadeNum:first');
		}
		else{
			$nextNum = $activeNum.next();	
		}*/
				
	
		$active.addClass('last-active');
		
		$activeNum.addClass('last-active');
		
		/*$nextNum.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {	
				$activeNum.removeClass('active last-active');									
			});
		$('.fadeNum.last-active').animate({opacity: 0.0}, 1000);*/
		$nextNum.addClass('active')
			.fadeIn(1000, function() {	
				$activeNum.removeClass('active last-active');									
			});
		$('.fadeNum.last-active').fadeOut(1000);
		
		
		//original
		/*var numbers = $('.num');
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {
				$active.removeClass('active last-active');
				var index = $active.index() + 1;
				if(index > $('#homePhotos img').length -1){
					index = 0;	
				}
				numbers.removeClass('selected');
				numbers.eq(''+index+'').addClass('selected');
			});*/
			
		//numfades
		
		
		
		var numbers = $('.fadeNum');
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {
				//$('.fadeNum:not(.active)').css('opacity', '0.0');
				$active.removeClass('active last-active');
				var index = $active.index() + 1;
				if(index > $('#homePhotos img').length -1){
					index = 0;	
				}
				//numbers.removeClass('selected');
				//numbers.eq(''+index+'').addClass('selected');
			});
		
	}
}


function changeSlide(){
	clearInterval(topBannerInterval);
	$('.fadeNum').removeClass('active').css('display','none');
	var index = $(this).index();
	$('.fadeNum').eq(index).addClass('active').css('display','block');
	//$(this).addClass('active');
	$('#homePhotos img').removeClass('active');
	$('#homePhotos img').eq(''+$(this).index()+'').addClass('active');
}

function arrowLeft(){
	 clearInterval(topBannerInterval);
	 var index = $('#homePhotos img.active').index() -1;
	$('#homePhotos img').removeClass('active');	
	if(index < 0){
		index = $('#homePhotos img').length -1;	
	}
	$('#homePhotos img').eq(''+index+'').addClass('active');
	//var numbers = $('.fadeNum');
	//numbers.removeClass('active');
	//numbers.eq(''+index+'').addClass('active');
	$('.fadeNum').removeClass('active').css('display','none');
	$('.fadeNum').eq(index).addClass('active').css('display','block');
}
function arrowRight(){
	clearInterval(topBannerInterval);
	var index = $('#homePhotos img.active').index() +1;
	$('#homePhotos img').removeClass('active')
	if(index > $('#homePhotos img').length -1){
		index = 0;	
	}
	$('#homePhotos img').eq(''+index+'').addClass('active');
	//var numbers = $('.num');
	//numbers.removeClass('selected');
	//numbers.eq(''+index+'').addClass('selected');
	$('.fadeNum').removeClass('active').css('display','none');
	$('.fadeNum').eq(index).addClass('active').css('display','block');;
}