var scroller = null;
var fxScroll;
var onScroll = 0;
var timeScrollTab = 1000;
var currTab = 0;
var tabs = new Array();
var tabsWidth = 0;

window.addEvent('domready', function() {

	//SLIDE IMMAGINI
	tabs = $$('div#gallery ul li');
	//alert( tabs.length );
	if (tabs.length > 0) {

		tabsWidth = tabs[0].getSize().x;

		fxScroll = new Fx.Scroll('gallery', {
			onComplete: function() {
				onScroll = 0;
			},
			duration: timeScrollTab,
			transition: Fx.Transitions.Back.easeInOut
		});

		// Scrollo subito alla prima tab
		fxScroll.set(0, 0);
	}

	if ($('btn')) {
		$('btn').addEvent('click', function() {
			if ($('content').getStyle('width').toInt() <= 16) {
				$('content').set('morph', { onComplete: function() {
					$$('#content div').setStyle('display', 'block');
					$('btn').setStyle('backgroundImage', 'url(/images/close.png)');
				} 
				})
				$('content').morph({ width: 806 });
			}
			else {
				$('content').set('morph', { onComplete: function() { } })
				$('content').morph({ width: 16, overflow: 'hidden' });
				$$('#content div').setStyle('display', 'none');
				$('btn').setStyle('backgroundImage', 'url(/images/open.png)');
			}
		})
	}

	// Chiusura del DOMREADY
});

function scrollTabs(inc) {
	if (onScroll == 0) {
		var nextTab = currTab + inc;
		if ($(tabs[nextTab])) {
			//alert(nextTab.get('id'));
			onScroll = 1;
			fxScroll.start(tabsWidth * nextTab, 0);
			currTab = nextTab;
		}
		else {
			//alert('Tabs ' + nextTab + ' non esistente!');
		}
	}
}