var corrente = 0;
var immagini = null;
var timer = null;
var bottoni = null;

function startTimer(){

     timer = setInterval(function(){
  		
    	bottoni[corrente].style.backgroundPosition = "-923px -247px";
      $('img[name="'+immagini[corrente].name+'"]').fadeOut();
      corrente++;
      if(corrente >= immagini.length)
      	corrente = 0;
    	bottoni[corrente].style.backgroundPosition = "-902px -247px";
      $('img[name="'+immagini[corrente].name+'"]').fadeIn();
			
    }, 5000);

}


function cambiaFoto( evt ){
	
		clearInterval(timer);
    	
  	var btn = document.getElementById('imageCommands').getElementsByTagName('div');
  	var indice = -1;
  	for(var i=0; i<btn.length; i++){
  		if(btn[i] == evt.currentTarget){
  			indice = i;
  			break;
  		}
  	}
  	if(indice == -1)
  		return;
  	
  	bottoni[corrente].style.backgroundPosition = "-923px -247px";
  	$('img[name="'+immagini[corrente].name+'"]').fadeOut();
  	corrente = indice;
    bottoni[corrente].style.backgroundPosition = "-902px -247px";
  	$('img[name="'+immagini[corrente].name+'"]').fadeIn();

  	startTimer();
}





$(function(){
	if (!document.getElementById('banner')) {
		return false;
	}
	var banner = document.getElementById('banner');
	immagini = banner.getElementsByTagName('img');
	
	bottoni = document.getElementById('imageCommands').getElementsByTagName('div');
	$('#banner img:gt(0)').hide();
	$('#imageCommands div').click(function( evt ) {
		cambiaFoto( evt );
	});
	
    startTimer();
});