window.addEvent('domready', function() {
	var count=0;
	var first=true;
	$$('#ViewScroll a').each(function(item){
		count++;
		if(first==true){
			first=false;
			var url = "../_res/php/home-ajax.php?"+item.getProperty('id').replace('prodotto','id=');
			new Ajax(url, {
				method: 'get',
				update: $('BoxAreaMain')
			}).request();
		}
		item.addEvent('click', function(e) {
			$('Loading').setStyle('display','block');							
			e = new Event(e).stop();
			reset_selecetd();
			item.getFirst().setProperty('class','frame');
			var id=item.getProperty('id');
			id=id.replace('prodotto','id=');
			var url = "../_res/php/home-ajax.php?"+id;
			new Ajax(url, {
				method: 'get',
				update: $('BoxAreaMain'),
				onComplete: function(){$('Loading').setStyle('display','none')}
			}).request();
		});
	});
	var spazio_img=48+18;
	var width=count*spazio_img+15;
	var scroller=0;
	$('arrowSx').setStyle('visibility','hidden');
	if(scroller>=count-5) $('arrowDx').setStyle('visibility','hidden');
	var fx = new Fx.Styles($('StripScroll'), {wait:true,duration:500,transition: Fx.Transitions.Back.easeIn});
	var move=true;
	$('StripScroll').setStyle('width',width);
	$('arrowSx').addEvent('click', function() {
		if(move==true){
			scroller--;
			move=false;
			if(scroller<=0) $('arrowSx').setStyle('visibility','hidden');
			fx.start({'margin-left': 15-(scroller*spazio_img)}).chain( function() {	move=true;});
			$('arrowDx').setStyle('visibility','visible');
		}
	});
	$('arrowDx').addEvent('click', function() {
		if(move==true){
			move=false;
			scroller++;
			if(scroller>=count-5) $('arrowDx').setStyle('visibility','hidden');
			fx.start({'margin-left': 15-(scroller*spazio_img)}).chain( function() {	move=true;});
			$('arrowSx').setStyle('visibility','visible');
		}
	});
});
function reset_selecetd(){
	$$('#ViewScroll a img').each(function(item){
		item.setProperty('class','framegray');								  
	});
}