// JavaScript Document
$i = 1;
$posSlide_end = 0;
$posSlide_start = 0;

var disattiva = function(i) {
	$$('.liSlide').setStyles({
		'background-color': '',
		'color': '#f63',
		'background-image': 'url(/images/arrow.gif)'
	});
	//alert('ecco');
}
var attiva = function(i) {
	$('liSlide_'+i).setStyles({
		'background-color': '#fff',
		'color': '#000',
		'background-image': 'url(/images/arrowOver.gif)'
	});
}

var slideFunction = function() { 
	disattiva();

	$posSlide_start = $('photos').getStyle('margin-top'); 
	$pS = $posSlide_start.slice(0,-2);
	
	if ($pS == -2170) {
		$posSlide_end = 0;
		$i = 1;
	} else {
		$posSlide_end -= 310;
		$i++;
	}

	$('liSlide_'+$i).setStyles({
		'background-color': '#fff',
		'color': '#000',
		'background-image': 'url(/images/arrowOver.gif)'
	});
	
	//$('photos').setStyle('margin-top',$posSlide_end);
	var theSlide = new Fx.Morph($('photos'), {duration:500}).start({ // richiamo effetto fade
				'margin-top': [$('photos').getStyle('margin-top'), $posSlide_end]
	});
}

window.addEvent('domready', function() {
	$posFY_start = 0;
	attiva(1);
	$$('.liSlide').each(function(item, i) {
		//var ritardo = ((i+1)*250);
    	//var lp = openPanels.delay(ritardo);
		$posFY = -(310*i);

		item.addEvent('mouseover', function(e) {
			disattiva();
			//alert('i= '+i+' -> '+$posFY);
			$posFY_end = -(i*310);
			var thePrice = new Fx.Morph($('photos'), {duration:250}).start({ // richiamo effetto fade
				'margin-top': [$posFY_start, $posFY_end]
			});
			$posFY_start = $posFY_end;
			$('liSlide_'+(i+1)).setStyle('background-image', 'url(/images/arrowOver.gif)');
			$clear(interval);
		});
		item.addEvent('mouseout', function(e) {
			$('liSlide_'+(i+1)).setStyle('background-image', 'url(/images/arrow.gif)');
		});		
	});
	
	$$('.imgSlide').each(function(item, i) {
		item.addEvent('mouseover', function(e) {
			attiva(i+1);
			/*
			$('liSlide_'+(i+1)).setStyles({
				'background-color': '#fff',
				'color': '#000',
				'background-image': 'url(/images/arrowOver.gif)'
			});*/
		});
		item.addEvent('mouseout', function(e) {
			$('liSlide_'+(i+1)).setStyles({
				'background-color': '',
				'color': '#f63',
				'background-image': 'url(/images/arrow.gif)'
			});
		});
	});
	
	var interval = slideFunction.periodical(3000);

	
});