$(document).ready(function(){
	
	var _i = 0;
	var _j = 0;
	var _length = $(".imageSwap").length;

	var _t = 0;
	var _srcInit = $(".imageSwap:first").attr("href");
	//var _srcUrl = $(".imageSwap:first").find("span").html();
	var _cur = $(".imageSwap:first");
	var _curNum = _length;
	
	var slideshow_speed = 5000;
	var timer;
	var timerArray = new Array();
	var timerArraySelected = new Array();
	if(_length > 1){
		timer = setInterval(getNext, slideshow_speed);
	}
	
	$(".imageSwap").each(function() {
		
		// create loader image            
		var _loader = new Image();
		var _src = $(this).attr("href");
		//var _url = $(this).find("span").html();
		
		//set timer array
		timerArray[_j] = _src;
		timerArraySelected[_j] = $(this);
		_j++;
		
		// begin loader
		$(_loader).load(function () {
			_i++;
			if(_i == _length){
				fadeOut();
			}
		}).error(function () {
			// Error handling
		    // alert('error loading images');
		}).attr('src', _src);
		
		//button action for thumbs
		$(this).click(function () {
			if($(this).hasClass("selected")){
				return false;
			} else {
				_srcInit = _src;
				//_srcUrl = _url;
				fadeOut();
				clearTimeout (timer);
				$('.selected').removeClass("selected");
				$(this).addClass("selected");
				return false;
			}
		});
    });
	
	function getNext(){
		_t++;
		//alert(_t);
		if(_t==_length-1){
			_srcInit = timerArray[_length-1];
			_t = -1;
		} else {
			_srcInit = timerArray[_t];
		}
		//alert(_srcInit);
		fadeOut();
		$('.selected').removeClass("selected");
		
		if(_t == -1){
			$(timerArraySelected[_length-1]).addClass("selected");
		} else {
			$(timerArraySelected[_t]).addClass("selected");
		}

	}
	
	function fadeOut(){
		
		//reset opacity to 0
		$(".container-header-bg").animate({ 
	   		opacity: "0"
	    }, .25, swapBg );
	
	}
	
	function swapBg(){
		
		_srcUrl = $('.selected').find("span").html();
		
		$('.header-link').attr('href', _srcUrl);
		
		//set background to nothing
		$('.container-header-bg-loader').css({'background-image' : 'url("_images/empty.gif")'});
		
		//set new background
		$('.container-header-bg').css({'background-image' : 'url("'+_srcInit+'")', 'background-repeat' : 'no-repeat', 'background-position' : 'center'});
		
		//fade in background
		$(".container-header-bg").animate({ 
	    	opacity: "1"
	    }, 1000 );
	
	}
		
});