
		var currentElemento = 0;
		var nextVideo = null;
		var enMovimiento = false;

		function checkPasadorButtons(){
			$('anterior_elemento').removeClass('off');
			$('siguiente_elemento').removeClass('off');
			var arrElements = $$('#lista_elementos>ul>li');
			if(arrElements.length <= 4){
				$('anterior_elemento').addClass('off');
				$('siguiente_elemento').addClass('off');
			}else if(currentElemento == 0){
				$('anterior_elemento').addClass('off');
			}else if(currentElemento +4 >= arrElements.length)
				$('siguiente_elemento').addClass('off');
			checkPlayButtons();
		}

		function checkPlayButtons(){
			$$('.play_div').dispose();
			$each($$('#pasador li'),function(item){
				if(item.get('class') === 'tipo_2'){
					var playDiv = new Element('div',{'class' : 'play_div'}).inject(item,'top');
				}
			});
			enMovimiento = false;
		}

		var player = null;
		var firstPlay = false;
		var _rel = '';

		function loadPlayer(){
			if($('player')==null)
				new Element('div',{
					id: 'player'
				}).inject('video');

			var flashvars = {
				autostart:"true",
				controlbar: "over",
				icons:"true",
				screencolor:'121212',
				skin:"http://zeligstudio.com/swf/nacht.zip",
				dock:"true",
				repeat: "never",
				bufferlength: "7",
				stretching: "uniform",
				id: "videoPlayer",
				mute : "false"
			}

			var params = { allowfullscreen:"true", allowscriptaccess:"always", wmode:"transparent",bgcolor:"#121212"}
			var attributes = { id:"videoPlayer", name:"videoPlayer" }
			swfobject.embedSWF("http://zeligstudio.com/swf/player.swf", "player", "840", "472", "9.0.115", false, flashvars, params, attributes);
		}

		function playerReady(obj,e) {
			player = $('videoPlayer');
			player.addModelListener("STATE","stateListener");

			// recuperamos el primer elemento de la lista
			_li = $$('#pasador li')[0];
			if(_li.get('class') === 'tipo_2'){
				// el primer elemento es un vídeo, lo cargamos
				_rel = JSON.decode(_li.get('rel'));
				player.sendEvent("LOAD",_rel['url']);
			} else {

				// si tenemos un vídeo pendiente, lo cargamos
				if(_rel['url'] != null) {
					player.sendEvent("LOAD",_rel['url']);
				}
			}


		};

		function stateListener(obj){
			console.log(obj.oldstate + '>>'+obj.newstate);
			if(firstPlay) {
			//	console.log('pausing...');
			//	player.sendEvent('PAUSE',true);
				firstPlay = false;
			}
			if(obj.newstate == 'PLAYING')
				mostrarTituloProyecto();

			/*if ((obj.newstate == 'IDLE') && (obj.oldstate == 'PLAYING')) {
				if (_rel['preview']) player.sendEvent("LOAD", _rel['preview']);
			}*/

		}

		var efectoHome = function(){

			var cabecera = new Fx.Morph('cabecera', {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
			var proyectos = new Fx.Morph('proyectos', {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
			var pie = new Fx.Morph('pie', {duration: 'normal', transition: Fx.Transitions.Sine.easeOut});

			proyectos.start({
				'height': [0, 520]
			});

			cabecera.start({
				'padding-top': [400, 0]
			}).chain(function(){
				pie.start({
					'opacity': [0,1]
				})
			});
		}



		var mostrarTituloProyecto = function(){
			$('titulo_elemento').efecto.cancel();
			if($('titulo_elemento').getStyle('opacity') != 1)
				$('titulo_elemento').efecto.start({
					'opacity' : [$('titulo_elemento').getStyle('opacity'),0.8]
				}).chain(function(){
					$clear(tituloProyectoTimer);
					tituloProyectoTimer = ocultarTituloProyecto.delay(tituloProyectoDelay);
				});
		}

		var ocultarTituloProyecto = function(){
			$('titulo_elemento').efecto.cancel();
			if($('titulo_elemento').getStyle('opacity') != 0){
				if($('titulo_elemento').getStyle('opacity') == 1)
					$('titulo_elemento').setStyle('opacity','0.8');
				$('titulo_elemento').efecto.start({
					'opacity' : [$('titulo_elemento').getStyle('opacity'),0]
				});
			}
		}

		var tituloProyectoTimer = null;
		var tituloProyectoDelay = 1500;

		window.addEvent('domready',function(){

			


			window.addEvent('resize', function() {
				// Si no hay scrolll mover el pie al fondo
				if (window.getScrollSize().y == window.getSize().y) {
					$("pie").setStyles({'position':'absolute','bottom':'0px','width':'100%'});
				} else {
					$("pie").setStyles({'position':'relative','bottom':'0px','width':'100%'});
				}

				if ($("pagina").getCoordinates().bottom > $("pie").getCoordinates().top) {
					$("pie").setStyles({'position':'relative','bottom':'0px','width':'100%'});
				}

			})



			$each($$('a'),function(item){
				if(item.get('rel')=='external')
					item.set('target','_blank');
			});

			// Efecto listas proyectos
			$$("div#proyectos li a div.texto_proyecto").setStyles({'opacity':0,'display':'block'});
			$$("div#proyectos li a").each(function(element){
				element.effect = null;
				element.addEvent('mouseenter',function(evt){

					if (element.effect!=null) {
						element.effect.cancel();
					}
					element.effect = new Fx.Morph(element.getFirst('div.texto_proyecto'), {duration: 100, transition: Fx.Transitions.Sine.easeOut});
					element.effect.start({'opacity':1});

				});
				element.addEvent('mouseleave',function(evt){
					if (element.effect!=null) {
						element.effect.cancel();
					}
					element.effect = new Fx.Morph(element.getFirst('div.texto_proyecto'), {duration: 100, transition: Fx.Transitions.Sine.easeOut});
					element.effect.start({'opacity':0});
				});
			});

			// Efecto selects
			$$("div#filtro form select").setStyles({'opacity':0,'display':'block','visibility':'visible'});
			$$("ul#ul_lista_elementos li").setStyle('opacity',.6);

			$each($$('a'),function(item){
				if(item.get('rel')=='external')
					item.set('target','_blank');
			});



			if($('mapa')){
				if (GBrowserIsCompatible()) {
					var map = new GMap2(document.getElementById("mapa"));
					var center = new GLatLng(41.393157,2.16775);
					map.setCenter(center,16);
					map.addControl(new GLargeMapControl3D(true));
					//svOverlay = new GStreetviewOverlay();
					//map.setUIToDefault();

					var marker = new GMarker(center, {draggable: false});
					map.addOverlay(marker);

				}
			}

			if($('filtro')){
				$$('#filtro_cliente #cliente').addEvent('change',function(e){
					var target = e.target;
					var slug = target[target.selectedIndex].value;
					if(slug!='0')
						document.location.href = '/es/proyectos-cliente/'+slug;
					else
						document.location.href = '/es/proyectos';
				});
				$$('#filtro_anos #ano').addEvent('change',function(e){
					var target = e.target;
					var fecha = target[target.selectedIndex].value;
					if(fecha!='0')
						document.location.href = '/es/proyectos-fecha/'+fecha;
					else
						document.location.href = '/es/proyectos';
				});
			}

			if($('elemento')){
				$('elemento').addEvent('mouseenter',function(e){
					mostrarTituloProyecto();
				});
				$('elemento').addEvent('mouseleave',function(e){
					ocultarTituloProyecto();
				});
			}

			if($('pasador')){
				loadPlayer();

				$('titulo_elemento').efecto = new Fx.Morph('titulo_elemento', {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
				if($$('.tipo_1')[0]){
					mostrarTituloProyecto();
					tituloProyectoTimer = ocultarTituloProyecto.delay(tituloProyectoDelay);
				}

				$$('#pasador li').addEvent('mouseenter',function(e){
					this.getChildren('span').setStyle('display','block');
					this.setStyle('opacity','1');
				});
				$$('#pasador li').addEvent('mouseleave',function(e){
					this.getChildren('span').setStyle('display','none');
					this.setStyle('opacity','0.6');
				});
				$$('#pasador li').addEvent('click',function(e,item){
					firstPlay = false;
					_rel = JSON.decode(this.get('rel'));
					$$('#titulo_elemento span').set('html',_rel['nombre']);
					if($$('.tipo_1 img')){
						$$('.tipo_1 img').set('alt',_rel['nombre']);
						$$('.tipo_1 img').set('title',_rel['nombre']);
					}

					try{
						nextVideo = null;
						player.sendEvent("STOP","true");
					}catch(exception){}

					if(this.get('class') === 'tipo_1'){
						$$('#imagen img').set('src',_rel['url']);
						$('elemento').set('class',this.get('class'));
						mostrarTituloProyecto();
					}else{
						$('elemento').set('class',this.get('class'));
						try{
							nextVideo = _rel['url'];
							player.sendEvent("LOAD",nextVideo);
							player.sendEvent("PLAY",true);
						}catch(exception){}
					}
				});

				var arrElements = $$('#lista_elementos>ul>li');
				if(arrElements.length>0){

					var singleGallery = new Fx.Scroll($('lista_elementos'), {});
					singleGallery.toElement(arrElements[0]);

					var transitionWidth = (arrElements[0].getStyle("width").toInt()+arrElements[0].getStyle("padding-left").toInt()+arrElements[0].getStyle("padding-right").toInt()+arrElements[0].getStyle("margin-left").toInt()+arrElements[0].getStyle("margin-right").toInt());

					checkPasadorButtons();

					total = arrElements.length;

					$('siguiente_elemento').addEvent('click',function(e){
						e.stop();
						if((!enMovimiento) && (currentElemento < (total-4))){
							enMovimiento = true;
							currentElemento+=4;
							singleGallery.start(currentElemento*transitionWidth,0).chain(
								function(){checkPasadorButtons();}
							);
						}
					});

					$('anterior_elemento').addEvent('click',function(e){
						e.stop();
						if((!enMovimiento) && (currentElemento > 0)){
							enMovimiento = true;
							currentElemento-=4;
							singleGallery.start(currentElemento*transitionWidth,0).chain(
								function(){checkPasadorButtons();}
							);
						}
					});
				}
			}
		});

		window.addEvent('load',function() {
			if ($("pagina").getCoordinates().bottom > $("pie").getCoordinates().top) {
				$("pie").setStyles({'position':'relative','bottom':'0px','width':'100%'});
			}
		})

