$(document).ready(function(){
	function randomFromTo(from, to){
	       return Math.floor(Math.random() * (to - from + 1) + from);
	    }
	
	var first = randomFromTo(1,9);


	// setup first.
	 selected 			= 0; // first one needs to be selected
	 numImages  			= 10; // Number of images we are going to be using.
	 firstImage 			= $('.bg-image'); // first image
	 imgStr 				= [];


	panes = $('#middleImage a');
	//console.log(panes.length);
	// let's hide all the but the first

	
	for(i = 0; i <= panes.length; i++){
		$('#middleImage a:eq('+i+')').hide();
	}
	$("#middleImage a:eq(" + first + ")").show();

	interval = setInterval('rotatePanes()', 6000);

});

function rotatePanes() {
    prevSelected = selected;

    for (i = 0; i <= panes.length; i++) {
        $('#middleImage a:eq(' + i + ')').css('zIndex', 0);
    }

    selected++;
    if (selected >= panes.length)
        selected = 0;

    $('#middleImage a:eq(' + selected + ')').css('zIndex', 1);


    $('#middleImage a:eq(' + selected + ')').fadeIn(1500, function() {
        $('#middleImage a:eq(' + prevSelected + ')').hide();
    });
}