var $j = jQuery.noConflict();

function changeBackground(img) {
    $j("#galeria-fondo").css("background", "url(" + window.galeria[img] + ") no-repeat");
    var contenidos = $j(".galeria-contenido");
    for (var i = 0; i < contenidos.length; i++) {
        var contenido = contenidos[i];
        if (i == img) {
            $j(contenido).show();
        } else {
            $j(contenido).hide();
        }
    }
}

$j(document).ready(function() {
    if (!window.galeria) {
        window.galeria = [];
    }

    // Generamos galería y ocultamos imagenes
    var imagenes = $j(".galeria-imagen");
    for (var i = 0; i < imagenes.length; i++) {
        var imagen = imagenes[i];
        $j(imagen).hide();
        window.galeria[i] = imagen.src;
    }

    // Ponemos la primer imagen de fondo
    if (window.galeria.length > 1) {
        $j("#galeria-fondo").css("background", "url(" + window.galeria[0] + ")");
    }

    // Ocultamos los contenidos
    var contenidos = $j(".galeria-contenido");
    for (var i = 1; i < contenidos.length; i++) {
        var contenido = contenidos[i];
        $j(contenido).hide();
    }

    // Generamos los links
    var ls = '';
    for (var i = 0; i < window.galeria.length; i++) {
        var a = '<a href="javascript://" onclick="javascript:changeBackground(' + i + ')">' + (i + 1) + '</a> '
        ls += a;
    }
    var gl = $j("#galeria-links");
    if (gl) {
        gl.html(ls);
        changeAutomatic();
    }
});

function changeAutomatic() {
    // Inicializamos contador
    if (!window.last) {
        window.last = 0;
    }
    changeBackground(window.last);
    window.last = (window.last + 1) % window.galeria.length;
    setTimeout(changeAutomatic, 5000);
}