$(document).ready(function(){

 //Conseguir valores de la img 
   var img_w = $("#popup img").width() + 10; 
   var img_h = $("#popup img").height() + 28; 
    
   //Darle el alto y ancho 
   $("#popup").css('width', img_w + 'px'); 
   $("#popup").css('height', img_h + 'px'); 
    
   //Esconder el popup 
   $("#popup").hide();
   
   //Consigue valores de la ventana del navegador 
   var w = $(this).width(); 
   var h = $(this).height(); 
    
   //Centra el popup    
   w = (w/2) - (img_w/2); 
   h = (h/2) - (img_h/2); 
   $("#popup").css("left","100px"); 
   $("#popup").css("top","100px");
   
    //temporizador, para que no aparezca de golpe 
   setTimeout("mostrar()",1500);
    //Función para cerrar el popup 
   $("#popup").click(function (){ 
      $(this).fadeOut('slow'); 
   });
		
		
});	

$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'fold', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:500, // Slide transition speed
        pauseTime:4000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:true, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:true, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:true, // Use left & right arrows
        pauseOnHover:true, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
});


function mostrar() {
   //$("#popup").css("opacity",0.8)
   $("#popup").fadeIn('slow');
   
} //checkHover