function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){

	/*var list = $$('div.MultiBoxContainer');
	list.each(function(el) {
	el.setStyles({
	'background-image': 'none'
	});
	});*/

	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	var slider = new Slider(scrollbar, handle, {
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;
			slider.set(step);
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}

function appari() {
	var x = new Chain();
	var uno = function(){
		var bolla_vuota = $('bolla_foto');
		bolla_vuota.fade('in');
	};
	var due = function(){
		var bolla_titolo = $('bolla_titolo');
		bolla_titolo.fade('in');
	};
	var tre = function() {
		var contenitore = $('contenitore');
		contenitore.fade('in');
	};
	x.chain(uno);
	x.chain(due);
	x.chain(tre);
	x.callChain();
	x.callChain.delay(500, x);
	x.callChain.delay(1000, x);
}

window.addEvents({
	'domready': function() {
		resize(1);
		$('menu_oriz').fade('hide');
		$('stripe').fade('hide');
		$('contenitore').fade('hide');
		$('bolla_titolo').fade('hide');
		$('bolla_foto').fade('hide');
		//slideFX();
		showMenu();
		makeScrollbar( $('content1'), $('scrollbar1'), $('handle1') );
		$('main').setStyle('visibility','visible');
		appari();
	},
	'load': function(){
		//
	},
	'resize': function(){
		resize();
	}
});

