// JavaScript Document
var debug=false;

//-----------------EFFETTO FADE DELLE IMG --------------	

function newFade()
{
	var fx = new Fx.Images();
}
//------------------------------------------------------


//-----------------EFFETTO FADE DELLE IMG --------------	

function newLarge(idUl, idLi, idDivGallery)
{
	//	alert(idUl);
	var fx1= newImgLarge(idUl, idLi, idDivGallery);
}
//------------------------------------------------------






//--------------------------------------------- MENU --------------			
function menuSlide()
{
	var list = $$('#idList li');
				list.each(function(element) {
				 
					var fx = new Fx.Styles(element, {duration:200, wait:false});
				 
					element.addEvent('mouseenter', function(){
						fx.start({
							'margin-left': 5,
							'background-color': '#ccc',
							color: '#c06a39'
						});
					});
				 
					element.addEvent('mouseleave', function(){
						fx.start({
							'margin-left': 0,
							'background-color': '#fff',
							'color': '#888'
						});
					});
				 
				});
}

//--------------------------- ALLARGAMENTO IMMAGINE --------------
function newImgLarge(idUl, idLi, idDivGallery)
{
	
	
	var szNormal = 74, szSmall  = 55, szFull   = 169;
	 
	var kwicks = $$("#"+idUl+" #"+idLi);
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
	 
	$(idUl).addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})
	
}
//------------------------------------------------------------------------

Fx.Images = Fx.Style.extend({
	
	initialize: function(images) {
		this.images = images || $$('#'+idDivGallery+' img');
		this.preload = [];
		this.element = [];
		this.fx = [];
		
		this.overlay();
		this.page();

		this.images.each(function(img, i) {
			this.element[i] = new Element('div', {
				'id': 'mainImage'
			});
			
			this.element[i].addEvent('click', this.remove.bind(this, i));
			
			this.fx[i] = this.element[i].effect('opacity', {duration:1500, wait:false});
		
			img.addEvent('click', this.mechanize.bind(this, [img, i]));
			this.preload[i] = new Image();
			
			//var arrayImgSrc=img.src.split(".");
			
			var ximgstr;
			var indexUltimo =img.src.lastIndexOf("/");
			
			
				nomefile=img.src.substr(indexUltimo+1);
				nomecartella=img.src.substring(0,indexUltimo+1);
				ximgstr=nomecartella+"big_"+nomefile;
			
			 
			 
			
			this.preload[i].src = ximgstr;
			
			
			
			this.preload[i].alt = img.alt;
		}, this);
		
		if(this.options.initialize) this.options.initialize.call(this);
	},
	
	overlay: function() {
		this.overlay = new Element('div', {
			'id': 'overlay',
			'styles': {
				'position': 'absolute',
				'top': '0px',
				'left': '0px',
				'width': '100%',
				'height': window.getScrollHeight(),
				'background-color': '#333333',
				'opacity': '0.8',
				'z-index': 900
			}
		});
	},
	
	page: function() {
		this.page = new Element('div', {
			'id': 'page',
			'styles': {
				'position': 'absolute',
				'top': 0,
				'left': 0,
				'width': window.getWidth() + 'px',
				'height': window.getHeight() + 'px',
				'z-index': 900
			}
		});
	},
	
	page: function() {
		this.page = new Element('div', {
			'id': 'text',
			'styles': {
				'position': 'relative',
				'top': 200,
				'left': 10,
				'width': 30+ 'px',
				'height': 30 + 'px',
				'background-color': '#FFFF33',
				'z-index': 100000000
			}
		});
	},
	
	mechanize: function(img, i) {
		this.element[i].setStyles({
				'position': 'absolute',
				'top': '50%',
				'left': '50%',
				'padding': '4px',
				'background-color': '#FFFFFF',
				'opacity': 0,
				//'height': this.ok.height,
				'width': this.preload[i].width,
				'margin-top': - this.preload[i].height/2,
				'margin-left': - this.preload[i].width/2
		});
		
		$(this.preload[i]).inject(this.element[i]);
		new Element('p').setHTML(this.preload[i].getProperty('alt')).inject(this.element[i]);
		this.element[i].inject(this.page);
		
		this.overlay.setStyle('display', 'block');
		this.page.setStyle('display', 'block');
		
		this.overlay.inject($E('body'));
		this.page.inject($E('body'));
		
		this.fx[i].start(1);
	},
	
	remove: function(i) {
		
		this.fx.each(function(fx) {
			fx.stop();
		}, this); 
		
		this.fx[i].start(0).chain(function() {
			this.element[i].empty();
			this.overlay.setStyle('display', 'none');
			this.page.setStyle('display', 'none');
		}.bind(this));
	}

});







/*
//--------------------------- RICHIESTA AJAX --------------	

function ajaxMootoolImgView(idLink, mouseEvent, url, dati, arrayIdDiv, htmlOnRequest,  htmlOnFalliture )
{
		alert('Start')
		$(idLink).addEvent(mouseEvent, function(e) {
		e = new Event(e).stop();
		
		var urlGet = url+'?'+dati;
		
		var arrayDiv = arrayIdDiv.split("_#_");
		
		new Ajax(urlGet, {
			method: 'get',
			update: $(arrayDiv[0]),
			onRequest:  function(){  onRequestFunction(arrayDiv, htmlOnRequest);   },
			onComplete: function(text){    },
			onFailure:  function(){     }			
		}).request();
	});	
}



function alCompletamentoImmagini(text, arrayDiv) {
	var arrayText = text.split("_#_");
		
	for(i = 0; i < (arrayDiv.length); i++)
		{
		$(arrayDiv[i]).innerHTML='<img  src="allegati/'+arrayText[i]+'"  />';
			 
		}
	}


function alFallimento() 
{
	if(htmlOnFalliture)	
		alert(htmlOnFalliture);
	else
		alert("Non è stato possibile eseguire la richiesta correttamente");
}


function onRequestFunction(arrayDiv, htmlOnRequest)
{
	for(i = 0; i < (arrayDiv.length); i++)
	{
	
		if(htmlOnRequest)	
			$(arrayDiv[i]).innerHTML=htmlOnRequest;
		else
			$(arrayDiv[i]).innerHTML='loading...';
		
		//____________DEBUG________________
		if(debug)
			alert(arrayDiv[i]);
		//____________________________
	
	}
 }

*/