var PosPieDerecho = 50;
var PosPieIzquierdo = 0;
var PosImagenAhora = 0;
var Direccion = 0;
var NumeroImagenes = 0;
var Vertical;
var MoverPies = "false";

function mitienda_DoFSCommand(command, args)
{             
    if(command == "visitar") {
        document.location = "/huella/tienda.jsp";
    }
}
 
function CargaAJAX(url, id_contenedor)
{    
    var PaginaRequerida = null;
    
    if(window.XMLHttpRequest)
    {
        PaginaRequerida = new XMLHttpRequest();        
    }
    else if (window.ActiveXObject)
    {
        try
        {
            PaginaRequerida = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e)
        {
            try
            {
                PaginaRequerida = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch(e)
            {
                PonVisible(id_contenedor, true);
                document.getElementById(id_contenedor).innerHTML = "AJAX no soportado 1";
                return false;
            }
        }
    }
    else
    {
        PonVisible(id_contenedor, true);
        document.getElementById(id_contenedor).innerHTML = "AJAX no soportado 2";
        return false;
    }    
    PaginaRequerida.onreadystatechange = function()
    {
        CargaPagina(PaginaRequerida, id_contenedor);
    }
    PaginaRequerida.open('GET', url, true);
    PaginaRequerida.send(null);    
}

function CargaPagina(PaginaRequerida, id_contenedor)
{
    if(PaginaRequerida.readyState == 1)
    {
        document.getElementById(id_contenedor).innerHTML = "<b><i>Cargando...</i></b><img src='resources/imagenes/ajax.gif'>";
    }
    if(PaginaRequerida.readyState == 4)
    {
        if(PaginaRequerida.status == 200)
        {            
            document.getElementById(id_contenedor).innerHTML = PaginaRequerida.responseText;
        }
        if(PaginaRequerida.status == 404)
        {
            document.getElementById(id_contenedor).innerHTML = "<b><i>Página no encontrada!!!</i></b>";
        }
    }
}

function PonVisible(QueId, Visible)
{
    if(Visible)
        document.getElementById(QueId).style.visibility = "visible"
    else
        document.getElementById(QueId).style.visibility = "hidden";
}

function PonNuevoObjeto(Nombre)
{
    var NuevoEnlace = document.createElement("input");
    NuevoEnlace.setAttribute("type", "button");
    NuevoEnlace.setAttribute("value", "va, quita ese bolso ridiela");
    NuevoEnlace.setAttribute("onclick" , "javascript:PonVisible('foto' + '1', false)");
    
    //lo de antes pero para el internet explorer:
    NuevoEnlace.onclick = function() {javascript:PonVisible('foto' + '1', false);}
    
    var NodoTexto = document.createTextNode(Nombre);
    NuevoEnlace.title = NodoTexto;
    //NuevoEnlace.appendChild(NodoTexto);
    var Cuerpo = document.getElementById("miLista");    
    Cuerpo.appendChild(NuevoEnlace);
}

function PonPies()
{           
    if(MoverPies == "true") {
        if(document.getElementById("pieizquierdo") != null && document.getElementById("piederecho") != null) {
            if(document.getElementById("pieizquierdo").style.visibility != "visible") {
                document.getElementById("pieizquierdo").style.visibility = "visible";        
            } else {
                if(document.getElementById("piederecho").style.visibility != "visible") {
                    document.getElementById("piederecho").style.visibility = "visible";
                } else {
                    if(PosPieDerecho < PosPieIzquierdo) {
                        PosPieDerecho += 100;
                        //document.getElementById("piederecho").style.visibility = "visible";
                        //document.getElementById("pieizquierdo").style.visibility = "hidden";
                    } else {
                        PosPieIzquierdo += 100;
                        //document.getElementById("piederecho").style.visibility = "hidden";
                        //document.getElementById("pieizquierdo").style.visibility = "visible";
                    }
                    if(PosPieDerecho > 480 || PosPieIzquierdo > 480) {
                        PosPieDerecho = 50;
                        PosPieIzquierdo = 0;
                        document.getElementById("piederecho").style.visibility = "hidden";
                        document.getElementById("pieizquierdo").style.visibility = "hidden";
                    }    
                    document.getElementById("pieizquierdo").style.left = PosPieIzquierdo + "px";
                    document.getElementById("piederecho").style.left = PosPieDerecho + "px";
                }
            }        
        }
        setTimeout("PonPies()", 500);
    }
}

function NoMoverPies()
{
    MoverPies = "false";
    document.getElementById("piederecho").style.visibility = "hidden";
    document.getElementById("pieizquierdo").style.visibility = "hidden";
    PosPieDerecho = 50;
    PosPieIzquierdo = 0;
    document.getElementById("pieizquierdo").style.left = PosPieIzquierdo + "px";
    document.getElementById("piederecho").style.left = PosPieDerecho + "px";
}

function MueveFoto(MiVertical)
{
    if(Direccion != 0) {           
        if(NumeroImagenes == 0) {
            var Fin = false;
            var Cuenta = 1;
            var Variable = "foto";
            while(Fin == false) {
                var Objeto = document.getElementById(Variable.concat(Cuenta));
                if(Objeto == null) {
                    Fin = true;
                } else {
                    NumeroImagenes++;
                }
                Cuenta++;
            }
        }
        var Fin = false;
        var Cuenta = 1;
        if(Direccion == 1) {
            Cuenta = NumeroImagenes;
            PosImagenAhora += 5;
        } 
        if(Direccion == -1) {
            PosImagenAhora -= 5;
        }        
        while(Fin == false) {
            var Sigue = true;            
            var Variable = "foto";
            var Numero = 0;
            if(Direccion == 1) {
                Numero = Cuenta--;            
            } else {
                Numero = Cuenta++;
            }                        
            var Objeto = document.getElementById(Variable.concat(Numero));
            if(Objeto != null) {    
                var IzquierdaS = Objeto.style;
                var Izquierda = 0;
                if(Vertical == false) {
                    Izquierda = IzquierdaS.left.substring(0, IzquierdaS.left.length - 2);
                } else {
                    Izquierda = IzquierdaS.top.substring(0, IzquierdaS.top.length - 2);
                }
                if(((parseInt(Izquierda) + PosImagenAhora > (Vertical == false ? 600 : 330))) && Direccion == 1) {
                    Sigue = false;
                }                    
                if(Sigue) {                
                    if(((parseInt(Izquierda) + PosImagenAhora < (Vertical == false ? -115 : -90)) && Direccion == -1)) {
                        Sigue = false;                    
                    }
                }
                if((parseInt(Izquierda) + PosImagenAhora > (Vertical == false ? 485 : 240)) && Direccion == -1) {
                    Fin = true;
                }
                if((parseInt(Izquierda) + PosImagenAhora < 0) && Direccion == 1) {
                    Fin = true;
                }
                if(Sigue)
                {
                    VariableNum = parseInt(Izquierda) + PosImagenAhora;
                    Variable = String(VariableNum);
                    if(Vertical == false) {
                        Objeto.style.left = Variable.concat("px");
                    } else {
                        Objeto.style.top = Variable.concat("px");
                    }
                    
                    //si va hacia la izquierda (Direccion == -1) y la posicion
                    //es 590 ó 320 y la imagen es fotogris, entonces cargar la nueva 
                    //imagen que viene dada en el parametro 'name' de la imagen  
                    var FinalURI = Objeto.src.substring(Objeto.src.length - 12, Objeto.src.length);
                    if(Direccion == -1 && FinalURI == "fotogris.jpg" && VariableNum == (Vertical == false ? 590 : 320)) {
                        Objeto.src = Objeto.name;
                    }                    
                }
            } else {
                Fin = true;
            }
        }
        PosImagenAhora = 0;     
        setTimeout("MueveFoto(" + Vertical + ")", 15);
    } else {
        Vertical = MiVertical;
    }
}

function Derecha()
{
    Direccion = -1;
    setTimeout("MueveFoto(" + Vertical + ")", 15);
}

function Izquierda()
{
    Direccion = 1;
    setTimeout("MueveFoto(" + Vertical + ")", 15);
}

function Nada()
{
    Direccion = 0;
}

function CargaImagen(QueImagen, Apaisado, QueId)
{
    var Ruta = "<img src='resources/pelicula/grande/";    
    Ruta = Ruta.concat(QueImagen);    
    if(Apaisado == "no") {        
        document.getElementById(QueId).innerHTML = Ruta.concat(".jpg' class='imagengrande'>");    
    } else {
        document.getElementById(QueId).innerHTML = Ruta.concat(".jpg' class='imagengrande'>");    
    }
}

function MuestraMenu(QueMenu)
{
    document.getElementById(QueMenu).style.visibility = "visible";
    
}

function OcultaMenu(QueMenu)
{
    document.getElementById(QueMenu).style.visibility = "hidden";
}

function ComoLLegar(Accion)
{
    if(Accion == "true") {        
        if(document.getElementById("comollegar").style.visibility != "visible") {
            MoverPies = "true";
            document.getElementById("comollegar").style.visibility = "visible";
            CargaAJAX("comollegar", "comollegar");
            PonPies();
        } else {
            NoMoverPies();
            document.getElementById("comollegar").style.visibility = "hidden";
            
        }
    } else {
        NoMoverPies();
        document.getElementById("comollegar").style.visibility = "hidden";        
    }
}

function PonMapa()
{
    document.getElementById("contenidocomollegar").innerHTML = "<div id='map' style='width: 450px; height: 330px'></div>";    
    var infoTabs = [new GInfoWindowTab("Tab #1", '<img src="resources/imagenes/huellasolo.gif"><img src="resources/pelicula/imgp1681.jpg" class="imagenmapa"><br><span class="textopie">c/ Azcárraga 30<br>Oviedo (Asturias - España)</span>')];
    var map = new GMap(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.centerAndZoom(new GPoint(-5.8399, 43.363801), 2);            
    var marker = new GMarker(new GPoint(-5.8399, 43.363801));
    GEvent.addListener(marker,
        "click",
        function()
        {
            marker.openInfoWindowTabsHtml(infoTabs);  
        });
    map.addOverlay(marker);
    marker.openInfoWindowTabsHtml(infoTabs);
}