$(document).ready(function(){
	var bgrAry = new Array();
	bgrAry[0] = 'bgr_01.jpg';
	bgrAry[1] = 'bgr_02.jpg';
	bgrAry[2] = 'bgr_03.jpg';
	bgrAry[3] = 'bgr_04.jpg';

	bgrAry.sort(function() {return 0.5 - Math.random()})
	
	var imgPath = '/global/images/';
	var currentBgr = 0;
	
	$('#bgr01').css('background-image','none');
	$('#bgr01').css('background-image','url(' + imgPath +  bgrAry[0] +')');
	
	$('#bgr01').show();
	$('#bgr02').show();
	
	function slideshow() {
		
		var totalBgr = bgrAry.length;
		
		var newBgr = currentBgr + 1;
		if(newBgr > totalBgr - 1) {
			newBgr = 0;
		}
		
		var src = imgPath +  bgrAry[newBgr];
		$('#bgr02').css('background-image','url(' + src +')');
		$('#bgr01').fadeOut('slow', function(){
			$('#bgr01').css('background-image','url(' + src +')');
			$('#bgr01').show();
		});

		currentBgr = newBgr;
	}
	var fadeIntervel =  setInterval(slideshow, 5*1000);
	$('#thumbnails li').click(function(){
		clearInterval(fadeIntervel);
     	 var newBgr = $(this).index()+1;
		 var tmpPath='bgr_0' + newBgr + '.jpg';
		  Array.prototype.exists = function(search){
		  for (var i=0; i<this.length; i++)
			if (this[i] == search) return i;
		  return false;
		} 
		newBgr=bgrAry.exists(tmpPath);
		var src = imgPath +  bgrAry[bgrAry.exists(tmpPath)];
		$('#bgr02').css('background-image','url(' + src +')');
		$('#bgr01').fadeOut('slow', function(){
			$('#bgr01').css('background-image','url(' + src +')');
			$('#bgr01').show();
		});
		currentBgr = newBgr;
		fadeIntervel =  setInterval(slideshow, 5*1000);
	});
	
})