/****************************************************************
Carousel de imágenes 2008 1.0. 30-Jul-08
Autor tunait http://javascript.tunait.com/
Script de libre uso mientras se mantengan intactos los créditos de autor.
****************************************************************/

function tunObtObj(ide) {
    return document.getElementById(ide)
}
var tunaCarousel = function(ideContenedor, desplazamiento, direccion) {
    this.contenedor = tunObtObj(ideContenedor);
    this.contenedor.style.position = 'relative'
    this.contenedor.style.overflow = 'hidden'
    this.anchoContenedores = 0;
    this.ima_plei = 'plei.jpg'
    this.ima_pausa = 'pausa.jpg'
    var contenedor1 = document.createElement('div');
    contenedor1.setAttribute('id', ideContenedor + "_cont1");
    var Elementos = this.contenedor.childNodes
    var numElementos = Elementos.length;
    this.rec = 10
    this.rec2 = true
    this.direccion = direccion
    this.mas = this.direccion == 'rtl' ? '+' : '-'
    this.masmas = this.direccion == 'rtl' ? '++' : '--'
    this.menos = this.direccion == 'rtl' ? '-' : '+'
    this.menosmenos = this.direccion == 'rtl' ? '--' : '++'
    this.menosIgual = this.direccion == 'rtl' ? '-=' : '+='
    this.masIgual = this.direccion == 'rtl' ? '+=' : '-='

    var arrayImas = new Array();
    for (m = numElementos - 1; m >= 0; m--) {
        if (Elementos[m].tagName == 'IMG' || Elementos[m].tagName == 'A') {
            if (Elementos[m].nodeType == 1 && Elementos[m].tagName == 'A' && Elementos[m].hasChildNodes()) {
                var elHijos = Elementos[m].childNodes.length;
                for (n = 0; n < elHijos; n++) {
                    if (Elementos[m].childNodes[n].tagName == 'IMG') {
                        this.anchoContenedores += Elementos[m].childNodes[n].clientWidth;
                    }
                    else if (Elementos[m].childNodes[n].tagName != 'IMG' && Elementos[m].childNodes[n].tagName != 'A') {
                        Elementos[m].removeChild(Elementos[m].childNodes[n])
                        elHijos--; n--
                    }
                }
            }
            else {
                this.anchoContenedores += Elementos[m].clientWidth
            }
            var Nodo = Elementos[m];
            var clonNodo = Nodo.cloneNode(true);
            arrayImas[arrayImas.length] = clonNodo
        }
        this.contenedor.removeChild(Elementos[m])
    }
    for (m = arrayImas.length - 1; m >= 0; m--) {
        contenedor1.appendChild(arrayImas[m])

    }
    with (contenedor1.style) {
        width = this.anchoContenedores + "px";
        left = 0 + 'px'
        position = 'absolute'
    }
    this.contenedor.setAttribute('marcha', 1)
    this.contenedor.setAttribute('stop', 0)
    this.contenedor.appendChild(contenedor1)
    this.cont1 = tunObtObj(contenedor1.getAttribute('id'))
    this.pos1 = 0;
    this.pos2 = this.direccion == 'rtl' ? this.anchoContenedores : (this.anchoContenedores * -1)
    contenedor2 = this.cont1.cloneNode(true);
    contenedor2.setAttribute('id', ideContenedor + "_cont2");
    contenedor2.style.left = this.anchoContenedores + 'px'
    this.contenedor.appendChild(contenedor2)
    this.cont2 = tunObtObj(contenedor2.getAttribute('id'))

    this.mueve = function() {
        if (this.contenedor.getAttribute('stop') == 1) return false
        if (this.contenedor.getAttribute('marcha') == 1) {
            eval('this.pos1 ' + this.menosIgual + ' desplazamiento')
            eval('this.pos2 ' + this.menosIgual + 'desplazamiento')
            this.rec = 10
            this.rec2 = true
        }
        else {
            if (this.rec > 0 && this.rec2 == true) {
                eval('this.pos1 ' + this.masIgual + ' desplazamiento')
                eval('this.pos2 ' + this.masIgual + ' desplazamiento')
                this.rec--
            }
            else if (this.rec == 0) {
                this.rec = -10
                this.rec2 = false
            }
            else if (this.rec < 0 && this.rec2 == true) {
                eval('this.pos1 ' + this.masIgual + ' desplazamiento')
                eval('this.pos2 ' + this.masIgual + ' desplazamiento')
                this.rec++
            }
        }
        if (this.direccion == 'rtl') {
            if (this.pos1 < (0 - this.anchoContenedores)) this.pos1 = this.pos2 + this.anchoContenedores
            if (this.pos2 < (0 - this.anchoContenedores)) this.pos2 = this.pos1 + this.anchoContenedores
        }
        else {
            if (this.pos1 > (this.anchoContenedores)) this.pos1 = this.pos2 - this.anchoContenedores
            if (this.pos2 > (this.anchoContenedores)) this.pos2 = this.pos1 - this.anchoContenedores
        }
        this.cont1.style.left = this.pos1 + "px"
        this.cont2.style.left = this.pos2 + "px"

    }
    this.cont1.onmouseover = function() {
        this.parentNode.setAttribute('marcha', 0)
    }
    this.cont2.onmouseover = function() {
        this.parentNode.setAttribute('marcha', 0)
    }
    this.cont1.onmouseout = function() {
        this.parentNode.setAttribute('marcha', 1)
    }
    this.cont2.onmouseout = function() {
        this.parentNode.setAttribute('marcha', 1)
    }






    this.controles = function() {
        accion = this.getAttribute('accion');
        if (accion == 'pausar') {
            this.parentNode.parentNode.setAttribute('stop', 1)
            this.setAttribute('src', this.getAttribute('ima_plei'));
            this.setAttribute('alt', 'Play');
            this.setAttribute('title', 'Play');
            this.setAttribute('accion', 'plei');

        }
        else if (accion == 'plei') {
            this.parentNode.parentNode.setAttribute('stop', 0)
            this.setAttribute('src', this.getAttribute('ima_pausa'));
            this.setAttribute('alt', 'Detener')
            this.setAttribute('title', 'Detener')
            this.setAttribute('accion', 'pausar')

        }
    }




    this.controlesCarousel = function() {
        contenedor_controles = document.createElement('span');
        contenedor_controles.style.position = 'absolute';
        contenedor_controles.style.cursor = 'pointer';
        contenedor_controles.setAttribute('id', ideContenedor + '_Controles')
        ima_controles = document.createElement('img')
        ima_controles.setAttribute('src', this.ima_pausa)
        ima_controles.setAttribute('alt', 'Detener')
        ima_controles.setAttribute('title', 'Detener')
        ima_controles.setAttribute('accion', 'pausar')
        ima_controles.setAttribute('ima_pausa', this.ima_pausa)
        ima_controles.setAttribute('ima_plei', this.ima_plei)
        ima_controles.onclick = this.controles
        contenedor_controles.appendChild(ima_controles)
        this.contenedor.appendChild(contenedor_controles)

    }

}