jQuery(document).ready(function($) {
    // We only want these styles applied when javascript is enabled
    $('div.content').css('display', 'block');

    // Initially set opacity on thumbs and add
    // additional styling for hover effect on thumbs
    if (!ie) {
        var onMouseOutOpacity = 0.6;
        $('#thumbs ul.thumbs li').opacityrollover({
            mouseOutOpacity:   onMouseOutOpacity,
            mouseOverOpacity:  1.0,
            fadeSpeed:         'fast',
            exemptionSelector: '.selected'
        });
    }

    // Initialize Advanced Galleriffic Gallery
    var gallery = $('#thumbs').galleriffic({
        delay:                     2000,
        numThumbs:                 14,
        preloadAhead:              14,
        enableTopPager:            false,
        enableBottomPager:         false,
        imageContainerSel:         '#slideshow',
        controlsContainerSel:      '#controls',
        captionContainerSel:       '#caption',
        loadingContainerSel:       '#loading',
        renderSSControls:          false,
        renderNavControls:         true,
        playLinkText:              'Play Slideshow',
        pauseLinkText:             'Pause Slideshow',
        prevLinkText:              'Prev link',
        nextLinkText:              'Next link',
        nextPageLinkText:          'Next ›',
        prevPageLinkText:          '‹ Prev',
        enableHistory:             false,
        autoStart:                 false,
        syncTransitions:           true,
        defaultTransitionDuration: 900,
        onSlideChange:             function(prevIndex, nextIndex) {

            // 'this' refers to the gallery, which is an extension of $('#thumbs')
            if (!ie) {
                this.find('ul.thumbs').children()
                    .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                    .eq(nextIndex).fadeTo('fast', 1.0);
            }

            // Update the photo index display
            this.$captionContainer.find('div.photo-index')
                .html('[ '+ txtIndexA +' '+ (nextIndex + 1) +' '+ txtIndexB +' '+ this.data.length + ']');

            // HLR 24/03/10 - reajustamos la altura de los contenedores
            setTimeout('reajustaCuadro()', 1000);

        },
        onPageTransitionOut:       function(callback) {
            this.fadeTo('fast', 0.0, callback);
        },
        onPageTransitionIn:        function() {
            var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
            var nextPageLink = this.find('a.next').css('visibility', 'hidden');

            // Show appropriate next / prev page links
            if (this.displayedPage > 0)
                prevPageLink.css('visibility', 'visible');

            var lastPage = this.getNumPages() - 1;
            if (this.displayedPage < lastPage)
                nextPageLink.css('visibility', 'visible');

            this.fadeTo('fast', 1.0);
        },
        onTransitionIn: function(slide, caption, isSync) {
            var duration = this.getDefaultTransitionDuration(isSync);
            slide.fadeTo(duration, 1.0);

            // Position the caption at the bottom of the image and set its opacity
            var slideImage = slide.find('img');

            caption.fadeTo(duration, 1.0);

            /* CBC 27/07/10 - reducimos el fondo negro para que no se vea cuando se reducen las fotos */
            if($("#slideshow span.current").height()){
                var velocidad = 1000;
                if($(".slideshow").height() > $("#slideshow span.current .advance-link img").height()){
                    velocidad = 500;
                }
                $(".slideshow").animate({ height: ($("#slideshow span.current .advance-link img").height()) }, velocidad); /* Este contenedor es necesario para ie */
                $(".advance-link").animate({ height: $("#slideshow span.current .advance-link img").height() }, 1000);
                $(".slideshow-container").animate({ height: ($("#slideshow span.current .advance-link img").height() + 20) }, 1000);
            }
        }

    });

    /**************** Event handlers for custom next / prev page links **********************/

    gallery.find('a.prev').click(function(e) {
        gallery.previousPage();
        e.preventDefault();
    });

    gallery.find('a.next').click(function(e) {
        gallery.nextPage();
        e.preventDefault();
    });

    /****************************************************************************************/

    // botones con img
    $('.controls a.prev').html(linkPrevHTML);
    $('.controls a.next').html(linkNextHTML);

});

function reajustaCuadro(){
    if ($(".advance-link img").attr("complete") == true){
        cargaCompleta();
    }else{
        // Si no está cargada aún lo volvemos a intentar
        setTimeout('reajustaCuadro()', 1000);
    }
}

var contadorVisitas = false;
function cargaCompleta() {
//		alert("Carga de imagen completada. Dimensiones: "+$(".advance-link img").width()+"x"+$(".advance-link img").height() );


    // sumamos visitas de Nielsen
    if(contadorVisitas == false){
        contadorVisitas = true;
    }else{
        actualizaVisitaOJD('');

        // HLR 27/10/10 - recargamos los banners
        recargaBannerPosicion('bannerPos12'); // banner derecha
        recargaBannerPosicion('bannerPos101');  // banner 2 columnas (faldón superior)
    }
}

// VOTA la imagen
// -----------------------------------------------------------------------------------------------
function votaImg(idImagen){
    var destino = "consultaAjax.php?idImagen="+ idImagen +"&cual=votaImgGaleria";
    consultaAjax(destino, "ocultaBtnVotar");
}

// OCULTA el botón después de votar
// -----------------------------------------------------------------------------------------------
function ocultaBtnVotar(resultado){
    var aResultado = resultado.split("|||");
    var votos = aResultado[1];
    var idImagen = aResultado[2];
    document.getElementById("btnVotar_" + idImagen).style.display = "none";
    document.getElementById("numVotos_" + idImagen).innerHTML = txtVotos + ": <b>"+ votos +"</b>";
}