Event.observe(window,"load",function(){
	var imagenesDiv=$("imagenes");
	var duracion=5;
	if(!imagenesDiv)
	{
		return;
	}
	var imagenes=imagenesDiv.select(".imagen");
	if(imagenes.length==0)
	{
		return;
	}
	var cambiarImagenes=function()
	{
		var activa=imagenesDiv.down(".activa");
		var nueva=activa.next()?activa.next():imagenes[0];		
		nueva.addClassName("activa");
		nueva.hide();
		imagenes.invoke("setStyle",{zIndex:10});
		activa.setStyle({zIndex:11});
		nueva.setStyle({zIndex:12});
		new Effect.Appear(nueva,{delay:duracion,afterFinish:function(){
			activa.setStyle({zIndex:11});
			activa.removeClassName("activa");
			cambiarImagenes();
		}});
	}
	cambiarImagenes();
});

Event.observe(window,"load",function(){
	var submenus=$$(".menu .centro ul li span div.submenu");
	if(submenus.length==0)
	{
		return;
	}
	submenus.each(function(item){
		item.insert(new Element("div",{'class':'curva curvaIzq'}));
		item.insert(new Element("div",{'class':'curva curvaDer'}));
	});
});

Event.observe(window,"load",function(){
	if(Prototype.Browser.IE && BrowserDetect.version<8)
	{
		return;
	}
	var titulos=$$("div.titulo");
	if(titulos.length==0)
	{
		return;
	}
	titulos.each(function(item){		
		var td=new Element("td").update(item.innerHTML);		
		item.update(new Element("table").insert(new Element("tr").insert(td)));
	});
});

Event.observe(window,"load",function(){
	var secciones=$("secciones");
	if(!secciones)
	{
		return;
	}
	var lista=secciones.down(".listaServicios");
	var delay=5000;
	if(lista==null)
	{		
		return;
	}
	var servicios=lista.select(".servicio");	
	var sentido;	
	var left;
	var mover=function()
	{
		if(lista.hasClassName("moviendo"))
		{
			return;
		}
		lista.addClassName("moviendo")
		var offset=306;
		var left=lista.getStyle("left")==null?0:lista.getStyle("left").replace("px","").parseInt();
		if(left==offset*(servicios.length-1)*-1  && sentido==-1)
		{
			offset=offset*(servicios.length-1)*-1;
		}
		if(left==0 && sentido==1)
		{
			offset=offset*(servicios.length-1)*-1;
		}
		new Effect.Move(lista,{x:offset*sentido,y:0,duration:.3,afterFinish:function(){
			lista.removeClassName("moviendo")
		}});
	}
	var iniciarAuto=function()
	{
		tiempo=setTimeout(function(){auto();},delay);
	}
	
	var tiempo;
	var auto=function()
	{
		sentido=-1;
		mover();
		tiempo=setTimeout(function(){auto();},delay);
	}
	
	secciones.down(".flechaIzq").observe("click",function(){
		sentido=1;
		mover();
	});	
	secciones.down(".flechaDer").observe("click",function(){
		sentido=-1;
		mover();
	});
	
	secciones.observe("mouseover",function(){
		clearTimeout(tiempo);
	});	
	
	secciones.observe("mouseout",function(){
		iniciarAuto();
	});
	
	iniciarAuto();
});


function galeriaImagenes(path,imagenes,mensajes)
{
	var bg;
	if($$(".bg").length==0)
	{
		bg=new Element("div",{'class':'bg'});
		bg.setStyle({width:"100%",height:getFullScreenSize().y+"px"});
		$$("body")[0].insert(bg);
	}
	else
	{
		bg=$$(".bg")[0];
		bg.show();
		
	}
	var popup;	
	var actual=0;
	if($$(".popupImagen").length==0)
	{
		popup=new Element("div",{'class':'popupImagen'});
		$$("body")[0].insert(popup);
	}	
	else
	{
		popup=$$(".popup")[0];
	}	
	var tache=new Element("div",{'class':'tache'}).update("x");
	var fondo=new Element("div",{'class':'fondo'});
	popup.insert(fondo);
	popup.insert(tache);
	popup.setStyle({left:document.viewport.getWidth()/2-popup.getWidth()/2+"px"});
	popup.setStyle({top:document.viewport.getScrollOffsets().top+document.viewport.getHeight()/2-popup.getHeight()/2+"px"});	
	mostrarImagen2(path,imagenes[0],popup,mensajes[0]);
	var h1;
	var paginador=new Element("div",{'class':'pager'});
	var izq=new Element("div",{'class':'flechas izq'}).update("◄");
	var der=new Element("div",{'class':'flechas der'}).update("►");
	var numeroFoto=new Element("div",{'class':'numeroFoto'}).update("Foto <span class='actual'>"+(actual+1)+"</span> de "+imagenes.length+"");
	paginador.insert(izq);
	paginador.insert(numeroFoto);
	paginador.insert(der);
	fondo.insert(paginador);
	
	izq.observe("click",function(){
		actual=actual-1<0?imagenes.length-1:actual-1;
		numeroFoto.down(".actual").update(actual+1);
		mostrarImagen2(path,imagenes[actual],popup,mensajes[actual]);
	});
	
	der.observe("click",function(){
		actual=actual+1>=imagenes.length?0:actual+1;
		numeroFoto.down(".actual").update(actual+1);
		mostrarImagen2(path,imagenes[actual],popup,mensajes[actual]);
	});
	if(mensajes!=null)
	{
		h1=new Element("h1",{'class':'mensajePop'});
		var span=new Element("span");
		var fondoH1=new Element("div",{'class':'fondoH1'});
		h1.insert(span);
		h1.insert(fondoH1);
		span.update(mensajes[0]);
		popup.insert(h1);
	}
	var cerrar=function()
	{
		/*new Effect.Fade(popup,{duration:.5,queue: { position: 'end', scope: 'popin' }})
		new Effect.Fade(bg,{duration:.5,queue: { position: 'end', scope: 'popin',afterFinish:function(){
			bg.remove();
			popup.remove();
		}}});*/
		new Effect.Fade(popup,{duration:.5,queue: { position: 'end', scope: 'popin' }})
		new Effect.Fade(bg,{duration:.5,queue: { position: 'end', scope: 'popin'},afterFinish:function(){
			bg.remove();
			popup.remove();
		}});
	}	
	tache.observe("click",function(){
		cerrar();
	});
	Event.observe(document,"keyup",function(e){
		if(!bg)
		{
			return;
		}		
		var tecla=teclas(e);
		if(tecla==27)
		{
			cerrar();
		}
	});	
}

function mostrarImagen2(path,imagen,popup,mensaje)
{
	var imagen=new Element("img",{src:path+imagen});
	var loader=new Element("div",{'class':'loader'});
	var fondo=popup.down(".fondo");
	fondo.insert(loader);	
	cargandoImagen(imagen,function(){
		if(popup.down("h1.mensajePop"))
		{
			popup.down("h1.mensajePop").down("span").update(mensaje);	
		}		
		imagen.hide();
		loader.remove();		
		fondo.insert(imagen);
		var w=imagen.getWidth();
		var h=imagen.getHeight();		
		//popup.setStyle({width:w+"px",height:h+"px"});
		if(imagen.previous("img"))
		{
			imagen.previous("img").remove();
		}
		$(popup).morph('width:'+w+'px;height:'+h+'px;',{duration:.3,afterUpdate:function(){
			var topest=document.viewport.getScrollOffsets().top+document.viewport.getHeight()/2-popup.getHeight()/2;
			topest=topest<=30?30:topest;
			popup.setStyle({left:document.viewport.getWidth()/2-popup.getWidth()/2+"px"});
			popup.setStyle({top:topest+"px"});
		},
		afterFinish:function(){
			new Effect.Appear(imagen,{duration:.3,afterFinish:function(){								
			}});						
		}});
	});
}