NumeroPaneDefault=1;

// Precaricamento delle immagini
BottoneImgOff=new Image();
BottoneImgOff.src="immagini/marker_off.gif";
BottoneImgOver=new Image();
BottoneImgOver.src="immagini/marker_on.gif";


function MoveDIV(divID,cssProperty,startValue,endValue,effectDuration) {

	// Adattato per mootools 1.2
	
	$('photobrowser-content').set('tween', {duration: effectDuration , unit: "%", transition: Fx.Transitions.Back.easeOut } );	
	$('photobrowser-content').tween(cssProperty, startValue, endValue);

}

function OverPaneButton(numero) {
	if (numero != NumeroPaneDefault) {
		document.getElementById( 'pane_' + String(numero) ).src=BottoneImgOver.src;
  		if (NumeroPaneDefault!=0) {  		
			document.getElementById( 'pane_' + String(NumeroPaneDefault) ).src=BottoneImgOff.src;
  		}
  	}
	// window.status=BottoneDescr[numero];
}

function OutPaneButton(numero) {
	if (numero != NumeroPaneDefault) {
  		document.getElementById( 'pane_' + String(numero) ).src=BottoneImgOff.src;
  		if (NumeroPaneDefault!=0) { 
			document.getElementById( 'pane_' + String(NumeroPaneDefault) ).src=BottoneImgOver.src;  
  		}
  	}
  	// window.status="";
}

function ClickPaneButton(numero) {
	OverPaneButton(numero);
	// MoveDIV('photobrowser-content','margin-left',null,-(numero-1)*100+'%',700);
	MoveDIV('photobrowser-content','margin-left',null,-(numero-1)*100,1000);
	//MoveDIV('photobrowser-content','margin-left',null,100%",700);
	NumeroPaneDefault=numero;
}

function ClickLeftButton() {
	if (NumeroPaneDefault>1) {
		ClickPaneButton(NumeroPaneDefault-1);	
	}
}

function ClickRightButton() {
	if (NumeroPaneDefault<3) {
		ClickPaneButton(NumeroPaneDefault+1);
	}
}