/*
 * MIP Travel 1.0 - js fx with mootools 1.2
 * By Mario Zambon (http://www.urbangap.com)
 * Copyright (c) 2008 cody urbangap
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/

function mapAct() {
	// Funione transizioni	
	var tran = Fx.Transitions.linear
	function fx(el, tmp, type, tran) {el.set(type, {duration: tmp, transition: tran})}	
	
	// variabili
	var mapBox 		= $$('#mapBox')
	var map  		= $$('#map')
	var mapNav 		= $$('#puls')
	var mapBt 		= $$('#mapAct')
	var bt 			= $$('#mapAct div.opened')
	var loaderImage = 'i/loaderMap.gif'
	var tempDelay 	= 500
	var tempFx 		= 400
	
	map.set('styles', {'visibility': 'hidden'})		
	activeBt()	
	
	//mapBox.addEvent('click',$lambda(false))
	
	// funzione switch
	function sw(elem,a,b) {
		elem.removeClass(a)
		elem.addClass(b)
	}
	
	sw(mapBox,'alt','chiusoMappa')
	mapBt.removeClass('alt')
	
	function activeBt() {
		pplay = true
		bt.tween('opacity', 1)
	}
	function noActiveBt() {
		pplay = false
		bt.set('tween', {duration: tempFx, transition: Fx.Transitions.Expo.easeInOut}).set('opacity', 0)
	}

	// funzione temporizzare
	function loadImg() {
		mapBox.set('styles', {'background': 'url('+loaderImage+') center no-repeat'})		
		map.set('styles', {'visibility': 'visible'}).set('tween', {duration: tempFx, transition: Fx.Transitions.Expo.easeInOut}).set('opacity', 0)
		map.tween('opacity', 1)
		mapNav.removeClass('alt').set('tween', {duration: tempFx, transition: Fx.Transitions.Expo.easeInOut}).set('opacity', 0)
		mapNav.tween('opacity', 1)
		activeBt.delay(tempFx)
	}
	function delImg() {
		mapBox.set('styles', {'background': 'none'})		
		map.set('styles', {'visibility': 'hidden'})				
		mapNav.addClass('alt')
		activeBt.delay(tempFx)
	}
	
	function openMappa(){	
		mapBox.removeClass('chiusoMappa')
		fx(mapBox, tempFx, 'morph', Fx.Transitions.Cubic.easeOut)	
		mapBox.morph('.apertoMappa')
		loadImg.delay(tempDelay)
		sw(bt,'opened','closed')
	}
	
	function closeMappa(){	
		delImg()
		mapBox.removeClass('apertoMappa')
		fx(mapBox, tempFx, 'morph', Fx.Transitions.Cubic.easeOut)	
		mapBox.morph('.chiusoMappa')
		sw(bt,'closed','opened')
	}
	
	
	bt.addEvent('click', function(event){
		if(pplay==true && this.hasClass('opened')) {
			noActiveBt() 
			openMappa()	
		}
		if (pplay==true && this.hasClass('closed')) {
			noActiveBt()
			closeMappa()
			$('viaggio_marker').setStyle('display', 'none')
		}
	})



	//openMappa()
	//closeMappa.delay(1000)

}
window.addEvent('domready', mapAct)