// JavaScript Document

var preparaEnllacos = function(){
	
	if(!Browser.ie){
		$$('a').each(function(el){
			var enllas = el.get("href");
			if(enllas.contains("?c=")){
				el.addEvent('click', function(event){
					event.preventDefault();
					seccio = enllas.substring(3)
					unFocus.History.addHistory(seccio);
				})
			
			}
			
		});
	}
}


window.addEvent('domready', function(){
	domDisponible = true

	$('xesc').set("disabled", true);

	$('capcalera').set('morph', {duration: '1000'});
	$('capcalera').morph({opacity: '1', left:'0px'});

	//periode capçalera
	periodeCap = executaCapcalera.periodical(5000);	 
	
	//tweens
	$('contingutAjx').set('morph', {duration:'500'})
	$('contingutAjxWrap').set('tween', {duration:'500'})
	
	// estableixo contingutAjx alçada
	var dim = $('contingutAjx').getSize();

	$('contingutAjxWrap').tween('height', dim.y)
	
	//substitueixo links php per links javascript
	preparaEnllacos()
	
	comprovaMenu();
	if(Browser.Plugins.Flash.version > 9){
		$('imgXesc').set('tween', {duration:'long'})
		var temporal = function(){ $('imgXesc').tween('opacity', '0')};
		temporal.delay(5000)
		initFlash.delay(6000)
	}
	if(unFocus.History.getCurrent()){
		this.historyListener(unFocus.History.getCurrent());
	} else {
		$('contingutAjx').morph({
			opacity: '1'
		})
	}
		
});

window.addEvent('load', function(){
	paginaCarregada = true;
})

/* historial */

this.historyListener = function(historyHash) {
	
	if(!historyHash){
		historyHash = "fonda";
	}
	$('contingutAjx').morph({
		opacity: '0'
	})

	canviSeccio(historyHash);
}
unFocus.History.addEventListener('historyChange', this.historyListener);

//codi galeries
	
var galeriaSeguent = function (objecte){
	
	objecte.numImg++
	executaGaleria(objecte, false);
}
var galeriaAnterior = function (objecte){
	objecte.numImg--;
	executaGaleria(objecte, true);
}

var comprovaNum = function (num, numMax){
	if(num > numMax){
		var retorn = 1;	
	} else if (num < 1){
		retorn = numMax;	
	} else {
		retorn = num;	
	}
	return retorn;
}



var executaGaleria = function (objecte, enrere){
	objecte.numImg = comprovaNum(objecte.numImg, objecte.numImgTotal);
	
	
	if(enrere){
		dreta = '-480px';
		var suma = 1
	} else {
		dreta = '480px';
		var suma = -1
	}
	
	var novaImatge = new Element('img',{
		
		//src:objecte.srcOrigen+objecte.numImg+'.jpg',
		styles:{
			opacity: '0',
			left:	dreta, 
			position:	'relative',
			display: 	'block'
		},
		events:{
			load:function()	{
				
				novaImatge.set('morph', {duration: '500'});
				novaImatge.morph({opacity: '1', left:'0px'});
				eliminaImatge.delay(1000, this, objecte.nomCapes+comprovaNum(objecte.numImg+suma, objecte.numImgTotal));
			}
		}
	});
	var novaCapa = new Element('div', {
		id: objecte.nomCapes+objecte.numImg,
		styles:{
			position:	'absolute',
			top:		'0px',
			left:		'0px'
			}
			
	});
	novaCapa.grab(novaImatge)
	$(objecte.desti).grab(novaCapa);
	//HACK PER L'INTERNET EXPLORER, PER FER SALTAR L'EVENT ONLOAD
	novaImatge.set('src', objecte.srcOrigen+objecte.numImg+'.jpg');
	
	
	//TEXTX
	if(objecte.texts){
		$(objecte.desti+'Texts').set('html', objecte.texts[objecte.numImg-1])
	}
	
}
	


var executaCapcalera = function(){
	objecte = objecteCapcalera;
	
	var tTrans = '2000'
	
	objecte.numImg++;
	

	objecte.numImg = comprovaNum(objecte.numImg, objecte.numImgTotal-1);

	//alert("objecte "+objecte.numImg);

	var novaImatge = new Element('img',{
		//src: objecte.srcOrigen+objecte.numImg+'.jpg',
		styles:{
			opacity: 	'0',
			left:		'0px', 
			position:	'relative'
		},
		events:{
			load:function()	{
				
				novaImatge.set('morph', {duration: tTrans});
				novaImatge.morph({opacity: '1', left:'0px'});
				eliminaImatge.delay(tTrans, this, objecte.nomCapes+comprovaNum(objecte.numImg-1, objecte.numImgTotal-1));
			}
		}
	});
	
	var novaCapa = new Element('div', {
		id: objecte.nomCapes+objecte.numImg,
		styles:{
		
			position:	'absolute',
			top:		'0px',
			left:		'0px'
			}
			
	});
	novaCapa.grab(novaImatge)
	$(objecte.desti).grab(novaCapa);
	novaImatge.set('src', objecte.srcOrigen+objecte.numImg+'.jpg');
	
	
}


var eliminaImatge = function(capa){
	if($(capa)){
		$(capa).destroy();	
	}
	
}
var periodeCap


var initFlash = function(){
	
		// flash xesc
	
	var obj = new Swiff('img/menu/xesc.swf', {
		id: 'xesc',
		width: 306,
		height: 196,
		container: 'xesc',
		params: {
			wMode: 'transparent',
        	bgcolor: '#000'
    	}
	})
}




var canviSeccio = function(sec){
	//_gaq.push(['_trackPageview', '/'+sec]);
	seccio = sec;
	carregaContingut.delay(500, this, sec);
	comprovaMenu();
	
	//canvi capçalera
	objecteCapcalera.numImg = 1;
	objecteCapcalera.numImgTotal = nArxius[sec];
	objecteCapcalera.srcOrigen = 'img/cap/'+sec+'0';
	
	clearInterval(periodeCap)
	executaCapcalera();
	periodeCap = executaCapcalera.periodical(5000);	 
	
	//historic
	
}
var obreNotesLegals = function(){
	window.open ("legal.php","noteslegals","height=800,width=800,scrollbars=yes");
}
//comprova el menu i afegeix o treu 
//la classe en funció de si és necessari;
var comprovaMenu = function(){
	
	$$('.elementMenu').each(function(el){
		var enllas = el.get("href");
		var imatge = el.getChildren("img");
		if(enllas.substring(3) == seccio){
			imatge[0].addClass("elementMenuActiu");
	 	} else {
			imatge[0].removeClass("elementMenuActiu");
		}
	})
}
var carregaContingut = function(seccio){
	var myHTMLRequest = new Request({
		url:seccio+'.php', 
		evalScripts: true,
		onSuccess:function(responseText, responseXML){
			$('contingutAjx').set('html', responseText);
			$('contingutAjx').tween('opacity', '1');
			var dimensions = $('contingutAjx').getSize();
			
			$('contingutAjxWrap').tween('height', dimensions.y)
			
			if(seccio == "mapa"){
				 initMapa();
			}
		}
	})
	myHTMLRequest.send();
	
	
	var linksRequest = new Request({
		url:'scripts/path.php',
		onSuccess:function(responseText, responseXML){
			$('mapaVisual').set('html', responseText);
	
			preparaEnllacos();
		}
	})
	linksRequest.send();
	

}

/*

*/

function ampliaCapa(nomCapa){
	var capa = $(nomCapa);
	capa.setStyle('display', 'block');
	var dimensions = capa.getSize();
	var alturaBase = 0;
	
	if(dimensions.y < 2){
		var altura  = $(nomCapa+'Mesura').getSize();
		capa.set('tween', {duration: '500'});
		capa.tween('height', altura.y);
		
		$('contingutAjxWrap').tween('height',alturaBase.y+altura.y+70);
			
		if(capa != $('capaCuina') && $('capaCuina')){
			$('capaCartaFletxa').set('src', 'img/interficie/fletxablanca_up.gif');
			$('capaCuinaFletxa').set('src', 'img/interficie/fletxablanca_down.gif');
			$('capaCuina').tween('height', '0px');	
		} 	
		if(capa != $('capaCarta' && $('capaCarta'))){
			$('capaCuinaFletxa').set('src', 'img/interficie/fletxablanca_up.gif');
			$('capaCartaFletxa').set('src', 'img/interficie/fletxablanca_down.gif');
			$('capaCarta').tween('height', '0px');		
		}
		$(nomCapa+"Fletxa").set('src', 'img/interficie/fletxablanca_up.gif');
	} else {
		if($(nomCapa+"Fletxa")){
			$(nomCapa+"Fletxa").set('src', 'img/interficie/fletxablanca_down.gif');
		}
		capa.tween('height', '0px');
		$('contingutAjxWrap').tween('height',alturaBase.y+70);
	}

}

function rollCapa(nomCapa){
	if($(nomCapa+"Fletxa")){
		var el = $(nomCapa+"Fletxa");
		el.set('tween', {duration:'short'})
		el.tween('top', '20px');
		//alert("roll fletxa! "+nomCapa)
	}
}

function rollOutCapa(nomCapa){
	if($(nomCapa+"Fletxa")){
		var el = $(nomCapa+"Fletxa");
		el.tween('top', '0px');
		//alert("roll fletxa! "+nomCapa)
	}
}

//// google maps

// variables per overlays
var passeig;
var mit;
var punts;
var parkings;
// variables per les rutes
var directionsDisplay;
var directionsService;



function initMapa() {
	directionsService = new google.maps.DirectionsService();
	// funció standard per iniciar google maps
	var myLatlng = new google.maps.LatLng(42.24816606286404, 2.0911685228347965);
	var myOptions = {
      zoom: 17,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.SATELLITE
	}
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
	// variables per les rutes
	directionsDisplay = new google.maps.DirectionsRenderer();
	directionsDisplay.setMap(map);
	
	
	 var myLatLng = new google.maps.LatLng(42.24816606286404, 2.0911685228347965);
	 var marker = new google.maps.Marker({
		  position: myLatLng,
		  map: map,
		  icon: 'img/interficie/icona-xesc-maps.png'
	 });
	  
	  var contentString = '<table width="0" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="img/interficie/logo.png" /></td><td><span style="color:#000;">Fonda Xesc<br/>Plaça Roser, 1<br/>17531 Gombrèn</span></td></tr></table>';

	var infowindow = new google.maps.InfoWindow({
		content: contentString
	});
	
	google.maps.event.addListener(marker, 'click', function() {
	  infowindow(map,marker);
	});
		
}

var precarregaGandul = function(que){
	var nImatge = new Element('img',{
		src: que,
		styles:{
			display:'none'
		}
	})
	$(document.body).grab(nImatge);
}

var preCarregaGaleria = function(objecte){
	if(paginaCarregada){
		for (var i=1; i<=objecte.numImgTotal; i++){
			precarregaGandul(objecte.srcOrigen+i+'.jpg');
		}
	} else {
		window.addEvent('load', function(){
			for (var i=1; i<=objecte.numImgTotal; i++){
				precarregaGandul(objecte.srcOrigen+i+'.jpg');
			}
		})
	}
}