/*
 * grai 1.0 - 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 grai() {
	
	// Funione transizioni	
	var tran = Fx.Transitions.linear
	function fx(el, tmp, type, tran) {el.set(type, {duration: tmp, transition: tran})}	

	// Rollover link testuali icone home page
	function mnRollover(clas) {
		var mnLnk = $$(clas+' a')
		var mn = $$(clas+' .roll')
		mnLnk.removeProperty('title')
		mnLnk.each(function(item, index){
			fx(item, 1500, 'morph', Fx.Transitions.Elastic.easeOut)
			fx(item, 200, 'tween', tran)
			item.addEvents({
				'mouseover': 	function(){
					this.morph('.mnOver')
					mn.tween('opacity', 0.1)
				},
				'mouseleave': 	function(){
					this.morph('.mnOut')
					mn.tween('opacity', 1)
				}
			})
		})
	}
	var voxMn 	= ['home', 'mission', 'servizi', 'contatti', 'riservata']
	var li = $$('#mn li')
	li.each(function(item, index){
		var i = index
		if (i==mnActive) {
			item.addClass('active'+voxMn[i])
			var a = item.getElement('a')
			a.removeProperty('title')
			a.addEvent('click', $lambda(false))
		} else {
			mnRollover('.'+voxMn[i])
		}
	})
	
	
	
	// Loader tool image
	var ptMask = 'i/t/maskTool.png'
	var loaderIma = 'i/t/loader.gif'
	var dia = $('image')
	preload()
	
	function preload() {
		dia.addClass('loader')
		new Asset.image(ptMask, {onload: loadMask});
	}
	function loadMask() {
		var imgMask	= new Element('img', {
			'id': 'imgMask', 
			'src': ptMask, 
			'class': 'imgBig',
			'styles': {'behavior': 'url(iepngfix.htc)'}
		})
		
		imgMask.set('opacity', 0); // bug firefox mac
		imgMask.inject(dia)
		imgMask.set('opacity', 1);
		new Asset.image(imgToolBig, {onload: loadImageBigDelay});
	}
	
	function loadImageBigDelay() {
		loadImageBig.delay(200)
	}
	
	function loadImageBig() {
		dia.set('styles', {
			'background-image': 'none' 
		});

		var imgBig = new Element('img', {
			'id': 'imgTool', 
			'src': imgToolBig, 
			'class': 'imgBig'
		})
		
		imgBig.set('tween', {duration: 500, transition: Fx.Transitions.linear}).set('opacity', 0)
		imgBig.inject(dia, 'top')
		imgBig.tween('opacity', 0, 1)
	}
	
	// Rollover generico
	var lnk = $$('.lnk')
	var opc = 0.6
	lnk.each(function(item, index){
		fx(item, 250, 'tween')
		item.set('opacity', opc)
		item.addEvents({
			'mouseover': 	function(){ this.tween('opacity', 1) },
			'mouseleave': 	function(){ this.tween('opacity', opc) }
		})
	})
	

}

window.addEvent('domready', grai)