/*------------------------------------------------------------------------
# JOOFORGE.com - Il Web All'Italiana
# ------------------------------------------------------------------------
# Copyright © 2004-2009 JOOFORGE.com. Tutti i diritti riservati.
# Website:  http://www.jooforge.com/
-------------------------------------------------------------------------*/

var Slider = {
	start: function () {
		var d = $$('div#container img');
		d[d.length - 5].addClass('stop');
		var e = new Fx.Scroll('container', {
			wait: false,
			duration: 500,
			offset: {
				'x': 0,
				'y': 0
			},
			transition: Fx.Transitions.Quint.easeOut
		});
		$('control-dx').addEvent('click', function (a) {
			var b = $('point');
			var c = b.getNext('img');
			if (b.hasClass('first')) $('control-sx').setStyle('background-position', '0 100%');
			if (c.getNext('img').hasClass('stop')) $('control-dx').setStyle('background-position', '100% 0');
			if (!c.hasClass('stop')) {
				b.removeProperty('id');
				c.id = 'point';
				a = new Event(a).stop();
				e.toElement(c)
			}
		});
		$('control-sx').addEvent('click', function (a) {
			var b = $('point');
			var c = b.getPrevious('img');
			if (b.getNext('img').hasClass('stop')) $('control-dx').setStyle('background-position', '100% 100%');
			if ($defined(c)) {
				if (c.hasClass('first')) $('control-sx').setStyle('background-position', '0 0');
				b.removeProperty('id');
				c.id = 'point';
				a = new Event(a).stop();
				e.toElement(c)
			}
		})
	}
};

var Map = {
	start: function() {
		var picture = $('_map');
		var map = $('map');
		
		if($defined(picture) && $defined(map)) {
			var height = document.body.getCoordinates().height;
			var top = (height - 763) / 2;
			
			map.setStyle('height', height);
			map.getElement('div.innerbox').setStyle('margin-top', top);
			
			var mapFx = new Fx.Style(map, 'opacity', {
				duration: 250,
				transition: Fx.Transitions.Quint.easeInOut
			});
			
			var innFx = new Fx.Styles($('map').getElement('div.innerbox'), {
				duration: 500,
				transition: Fx.Transitions.Quint.easeOut
			});
			
			var imgFx = new Fx.Styles($('map').getElement('img'), {
				duration: 500,
				transition: Fx.Transitions.Quint.easeOut
			});
		
			picture.addEvent('click', function(event) {
				var e = new Event(event);
				e.stop();
				
				map.setOpacity(0);
				map.setStyle('display', 'block');
				
				mapFx.start(0, 1);
				innFx.start({
					'width': 800,
					'height': 747
				});
				imgFx.start({
					'width': 800,
					'height': 747
				});
			});
			
			map.addEvent('click', function(event) {
				var e = new Event(event);
				e.stop();
				
				mapFx.start(1, 0);
				innFx.start({
					'width': 0,
					'height': 0
				});
				imgFx.start({
					'width': 0,
					'height': 0
				});
			});
		}
	}
}

window.addEvent('domready', Slider.start);
window.addEvent('domready', Map.start);