var GaleriaMarcopack=Class.create({EspacioGaleria:null,Galeria:null,Visor:null,Scroll:null,Imagenes:null,Enlaces:null,BotonIzquierda:null,BotonDerecha:null,Desplazamiento:null,Temporizador:null,initialize:function(EspacioGaleria,Predeterminada)
{this.EspacioGaleria=document.getElementById(EspacioGaleria);this.Imagenes=this.EspacioGaleria.getElementsByTagName("ul")[0];Element.remove(this.Imagenes);this.Galeria=Builder.node("div",{className:"Galeria"},[this.BotonIzquierda=Builder.node("a",{className:"Boton Izquierda"}),this.Scroll=Builder.node("div",{className:"Scroll"},[this.Imagenes]),this.BotonDerecha=Builder.node("a",{className:"Boton Derecha"})]);this.Visor=Builder.node("div",{className:"ImagenGaleria",style:"background-image: url("+Predeterminada+");"},[Builder.node("div",{className:"Esquina SI"}),Builder.node("div",{className:"BandaSu"},[Builder.node("span")]),Builder.node("div",{className:"Esquina SD"}),Builder.node("div",{className:"BandaIz"},[Builder.node("span")]),Builder.node("div",{className:"BandaDe"},[Builder.node("span")]),Builder.node("div",{className:"Esquina II"}),Builder.node("div",{className:"BandaIn"},[Builder.node("span")]),Builder.node("div",{className:"Esquina ID"})]);this.EspacioGaleria.appendChild(this.Visor);this.EspacioGaleria.appendChild(this.Galeria);var Elementos=this.Imagenes.getElementsByTagName("li");if(Elementos.length>0)
{var Enlace;for(var i=0;i<Elementos.length;i++)
{Enlace=Element.firstDescendant(Elementos[i]);Event.observe(Enlace,"click",this.MostrarImagen.bind(this,Enlace.href));Enlace.href="javascript:;";if(i==Elementos.length-1)Elementos[i].style.marginRight="0px";}
var MargenDerecho=parseInt(Element.getStyle(Elementos[0],"marginRight"));this.Imagenes.style.width=((Elementos[0].offsetWidth+MargenDerecho)*Elementos.length-MargenDerecho)+"px";Event.observe(this.BotonIzquierda,"mouseover",this.IniciarDesplazamiento.bind(this,-10));Event.observe(this.BotonDerecha,"mouseover",this.IniciarDesplazamiento.bind(this,10));Event.observe(this.BotonIzquierda,"mouseout",this.DetenerDesplazamiento.bind(this));Event.observe(this.BotonDerecha,"mouseout",this.DetenerDesplazamiento.bind(this));}},MostrarImagen:function(Enlace)
{this.Visor.style.backgroundImage="url("+Enlace+")";},IniciarDesplazamiento:function(Desplazamiento)
{this.Desplazamiento=Desplazamiento;this.Temporizador=setInterval(this.Desplazar.bind(this),50);},Desplazar:function()
{var Pos=this.Scroll.scrollLeft+this.Desplazamiento;if(Pos<0)
{Pos=0;this.DetenerDesplazamiento();}
if(Pos>this.Scroll.scrollWidth)
{Pos=this.Scroll.scrollWidth;this.DetenerDesplazamiento();}
this.Scroll.scrollLeft=Pos;},DetenerDesplazamiento:function()
{if(this.Temporizador!=null)
{clearInterval(this.Temporizador);this.Temporizador=null;}}});