//<![CDATA[ 	
	var Scroll = {
		
		start: function(){
			
			if ($('scroller')) Scroll.myScroll();
		
		},
		
		myScroll: function(){

			var myStep = Scroll.ContentLargh()-950;
			// Setto lo Scroller
			var mySlide = new Slider($('scroller'), $('TipsDrag'), {
				steps: myStep,
				onChange: function(steps){
						$('content').setStyle('left', -steps);
				},
				
				onComplete: function(Width){
				}
			
			}).set(0);
			
		}, //Fine myScroll
		
		fixClip: function() {
			
			var viewall = false;
			var contentWidth = null;
			
			var maschera = $('contentMask'); //div usato per mascherare i box
			var contenuto = $('content'); //div usato come contenitore per i box
			
			//var count = allBox.length; //Controllo il numero di box in pagina
			var browserWidth = document.body.clientWidth ? document.body.clientWidth : window.innerWidth; //Controllo la larghezza della window
			
			if (browserWidth < 879) {
				browserWidth = 879;
			}
			
			if (!viewall) { 
				var contentWidth = Scroll.ContentLargh()
			} 
			/*else {
				displayViewall()
			}
			*/
			
			maschera.setStyle('clip', 'rect(0px,'+browserWidth+'px, 282px, 0)'); // Ricalcolo la proprietà per il CLIP
			maschera.setStyle('width', browserWidth+'px'); // Setto la nuova larghezza del browser alla maschera
			contenuto.setStyle('width', contentWidth+'px'); // Setto la nuova larghezza dei contenuti al div 'Content'

		}, //Fine fixClip
		
		ContentLargh: function() { //Calcolo la larghezza del box content
			
			var allBox = $$('.box'); //Array di Box contenuti nella pagina
			var count = allBox.length; //Controllo il numero di box in pagina
			
			var myContentWidth = ((count * 325) + 650);
			
			return myContentWidth
		
		}
		
	}
	
	/////////////////////////////////////////////////////////
	
	window.addEvent('load', Scroll.start);
	window.addEvent('domready', Scroll.fixClip);
	window.addEvent('resize', Scroll.fixClip);
//]]>