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

	if(Browser.Platform.ios) {
		$('testata').setStyle('position', 'absolute');
	}

	window.onscroll = scrollEvent;
	function scrollEvent(event) {
		sr = window.getScroll();
		if(sr.y > 100) {
			nascondivideo(1);
			a = 120;
			SlideVideo.slideOut();
			SlideVideoCl.slideIn();
			TweenSpes.start('height','128px');
		}
		if(lighton) {
			by = $('port').getPosition();
			by = by.y - a;
			if(!Browser.Platform.ios) {
				PageScroll.start('0', by);
			}else{
				$('lightbox').setStyle('top',by);
			}
		};
		if(Browser.Platform.ios) {
			$('testata').tween('top', sr.y);
		}
	}

	//DEFINIZIONE VARIABILI
	var a = 411;
	var i = 0;
	var cont = "";
	var lighton = 0;

	var immagini = new Array();

	$$('#ptable img').each(function(element) {
		dato = element.get('src');
		darray = dato.split("/");
		where = darray[0]+"/"+darray[1].slice(2)+"/"+darray[2];
		pezzo = darray[1].slice(2)
		if(pezzo != cont && i > 0) {
			immagini.push('');
			i++
			cont = pezzo;
		}else if (pezzo != cont && i == 0) {
			cont = pezzo;
		}
		immagini.push(where);
		element.set('id', i);
		i++
	});

	//DEFINIZIONE EFFETTI
	var SlideVideo = new Fx.Slide('video');
	var SlideVideoCl = new Fx.Slide('videocl');
	var TweenFreccia = new Fx.Tween('freccia', 'easeOut');
	var TweenSpes = new Fx.Tween('spes');
	var PageScroll = new Fx.Scroll(window, {
			onComplete: function() {
				if(Browser.Platform.ios) {
					srs = window.getScroll();
					$('testata').tween('top', srs.y);
				}
			}
		});
	var cMascScroll = new Fx.Scroll('cmaschera', {'link':'cancel'});
	var pMascScroll = new Fx.Scroll('pmaschera', {'link':'cancel'});
	var SlideBox = new Fx.Slide('box');
	var MorphNero = new Fx.Morph('lightnero', {'link':'cancel'});

	var ctitoli = $$('#csinistra li');
	var cpallini = $$('#cdestra li');
	var ctd = $$('#cdestra td');

	var ptitoli = $$('#psinistra li');
	var ppallini = $$('#pdestra li');
	var ptd = $$('#pdestra td');

	//DEFINIZIONE OGGETTI

	closer = new Element('div', {
		id: 'closer',
		styles: {
			'width': '34',
			'height': '34',
			'position': 'relative',
			'float': 'right',
			'margin': '0px -10px -20px 0px',
			'background': 'url(imgs/chiudi.png) center center no-repeat',
			'cursor': 'pointer',
			'z-index': '40000'
		},
		events: {
			'click': function() {
				lighton = 0;
				$('lightbox').hide();
				$('myImage').destroy();
				if(!Browser.Engine.trident) {
					$('loader').hide();
				}else{
					$('loader').setStyle('visibility','hidden');
				}
			}
		}
	});

	dfreccia = new Element('div', {
		id: 'dfreccia',
		'class': 'freccia',
		styles: {
			'width': '70',
			'height': '28',
			'position': 'relative',
			'float': 'right',
			'margin-right': '-7',
			'cursor': 'pointer',
			'z-index': '40000',
			'background': 'url(imgs/freccia-dx.png) center right no-repeat'
		},
		events: {
			'mouseenter': function() {
				this.setStyle('background', 'url(imgs/freccia-dx.png) center right no-repeat');
			},
			'click': function() {
				$('closer').hide();
				dato = this.get('id');
				dato++
				lightbox(dato);
			}
		}
	});

	sfreccia = new Element('div', {
		id: 'sfreccia',
		'class': 'freccia',
		styles: {
			'width': '70',
			'height': '28',
			'position': 'relative',
			'float': 'left',
			'margin-left': '-7',
			'cursor': 'pointer',
			'z-index': '40000',
			'background': 'url(imgs/freccia-sx.png) center left no-repeat'
		},
		events: {
			'mouseenter': function() {
				this.setStyle('background', 'url(imgs/freccia-sx.png) center left no-repeat');
			},
			'click': function() {
				$('closer').hide();
				dato = this.get('id');
				dato--
				lightbox(dato);
			}
		}
	});

	loader = new Element('div', {
		id: 'loader',
		styles: {
			'width': '100%',
			'height': '100%',
			'position': 'absolute',
			'margin': '0px',
			'float': 'left',
			'top': '0px',
			'left': '0px',
			'opacity': '0.8',
			'filter': 'alpha(opacity = 80)',
			'background': '#cccccc url(imgs/ajax-loader.gif) center center no-repeat',
			'z-index': '2'
		}
	});

	//FUNZIONI

	function nascondivideo(opz) {
		if(opz) {
			if($('player')) {
				$('player').destroy();
			}
		}else{
			$('video').set('html', '<DIV id="player"><object id="oggetto" width="480" height="360" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="video/Stopmotion.m4v"><param name="controller" value="false"><param name="autoplay" value="true"><embed name="player" src="video/Stopmotion.m4v" width="480" height="360" controller="false" autoplay="true" cache="true" TYPE="video/mp4" pluginspage="http://www.apple.com/quicktime/download/"></object></DIV>');
		}
	}

	function cselettore(dato) {
		$$('#cdestra li').tween('color', '#666666');
		$$('#csinistra li').tween('color', '#707070');
		$(ctitoli[dato]).tween('color','#F7A800');
		$(cpallini[dato]).tween('color','#F7A800');
		cMascScroll.toElement(ctd[dato])
	}

	function pselettore(dato) {
		$$('#pdestra li').tween('color', '#666666');
		$$('#psinistra li').tween('color', '#707070');
		$(ptitoli[dato]).tween('color','#F7A800');
		$(ppallini[dato]).tween('color','#F7A800');
		pMascScroll.toElement(ptd[dato])
	}

	function lightbox(dato) {
	
		where = immagini[dato];

		if(where) {

			lighton = 1;

			$$('.freccia').hide();

			MorphNero.start({
				'opacity': '0.5',
				'filter': 'alpha(opacity = 50)'
			});

			$('lightbox').setStyles({
				'opacity': '1',
				'z-index': '2000'
			});

			$('loader').setStyle('background','#cccccc url(imgs/ajax-loader.gif) center center no-repeat');
	
			var myImage = Asset.image(where, {
				id: 'myImage',
				styles: {
					'position': 'relative',
					'top':'0px',
					'margin': 'auto',
					'z-index': '30000',
					'border': '5px solid #999999'
				},
				onError: function() {
	
				},
				onLoad: function() {
					$('lightbox').show();
					$('lightnero').empty();
					$('lightnero').setStyles({
						'width': (this.width+20),
						'height': (this.height+20)
					});
					MorphNero.start({
						'opacity': '1',
						'filter': 'alpha(opacity = 100)'
					});
					myImage.inject('lightnero', 'top');
					closer.inject('lightnero', 'top');
					dfreccia.inject('lightnero', 'bottom');
					sfreccia.inject('lightnero', 'bottom');
					$$('.freccia').show();
					$('closer').show();
					dove = -(this.height-20);
					$$('.freccia').setStyles({
						'height': this.height-40,
						'margin-top': dove
					});
					$$('.freccia').set('id', dato);
					$('loader').setStyle('background','#cccccc')

					if(Browser.Platform.ios) {
						by = $('port').getPosition();
						by = by.y - a;
						$('lightbox').setStyle('top',by);
					}

				}
			});
		}else{
			$('closer').show();
			lighton = 0;
			$('lightbox').hide();
			$('myImage').destroy();
			if(!Browser.Engine.trident) {
				$('loader').hide();
			}else{
				$('loader').setStyle('visibility','hidden');
			}
		}
	}

	//IMPOSTAZIONI PRELIMINARI
	SlideVideoCl.hide();
	TweenFreccia.set('left','76px');
	$(ctitoli[0]).setStyle('color','#F7A800');
	$(cpallini[0]).setStyle('color','#F7A800');
	cMascScroll.toLeft();
	pMascScroll.toLeft();
	$(ptitoli[0]).setStyle('color','#F7A800');
	$(ppallini[0]).setStyle('color','#F7A800');
	$('box').hide();

	//EVENTI UTENTE
	$('apritop').addEvent('mouseenter', function() {
		$('apritop').setStyle('margin-top','-2px');
	});
	$('apritop').addEvent('mouseleave', function() {
		$('apritop').setStyle('margin-top','0px');
	});
	$('apritop').addEvent('click', function() {
		SlideVideoCl.slideOut().chain(function() {
			SlideVideo.slideIn();
			TweenSpes.start('height','466px');
			a = 411;
			nascondivideo(0);
		});
	});

	$$('#case li').addEvent('click', function() {
		got = this.get('id');
		cselettore(got);
	});

	$$('#menu li').addEvent('mouseenter', function() {
		tx = this.getPosition();
		TweenFreccia.cancel();
		pagina = window.getSize();
		dim = ((pagina.x-855)/2)-76
		pos = tx.x - dim;
		TweenFreccia.start('left', pos);
	});

	$$('.blocco').addEvent('mouseenter', function() {
		quale = this.get('id');
		quale = "t"+quale;
		tx = $(quale).getPosition();
		TweenFreccia.cancel();
		pagina = window.getSize();
		dim = ((pagina.x-855)/2)-76
		pos = tx.x - dim;
		TweenFreccia.start('left', pos);
	});

 	$$('#menu li').addEvent('click', function() {
		nascondivideo(1);
		element = this.title;
		if(a == 411) {
			a = 110;
			SlideVideo.slideOut();
			SlideVideoCl.slideIn();
			TweenSpes.start('height','128px').chain(function() {
				by = $(element).getPosition();
				by = by.y - a;
				PageScroll.cancel();
				PageScroll.start('0', by);
			});
		}else{
			by = $(element).getPosition();
			by = by.y - a;
			PageScroll.cancel();
			PageScroll.start('0', by);
		}
	});

	$$('#port li').addEvent('click', function() {
		got = this.get('id');
		pselettore(got);
	});

	$$('#ptable img').addEvent('click', function(event) {
		info = this.get('id');
		loader.inject('port','bottom');
		if(!Browser.Engine.trident) {
			$('loader').show();
		}else{
			$('loader').setStyle('visibility','visible');
		}
		lightbox(info);
	});
});