var Slide = {
  gal: null,

  // ---------------------------------------------------------
  instalaGaleria: function(selector) {

    // Gallery.aplicaOpacity(selectorInner);
    var objOpt = {
      delay:                  6000,
      autoStart:              true,
      imageContainerSel:      selector + ' .slideshow',
      controlsContainerSel:   selector + ' .controls',
      captionContainerSel:    selector + ' .caption',
      loadingContainerSel:    selector + ' .loader',
      thumbContainerSel:      selector + ' .lista',
      contentContainerSel:    selector  + ' .content',
      playLinkText:           ' ',
      pauseLinkText:          ' ',
      prevLinkText:           ' ',
      nextLinkText:           ' ',
      enableTopPager:         false,
      enableBottomPager:      false,
      onTransitionIn: function(slide, caption, isSync) {
        // Para separar los captions
        var curr = $(objOpt.captionContainerSel).find('.current:first');
        $(selector + ' .caption-top').html(curr.find('.top').eq(0).html());
        $(selector + ' .caption-real').html(curr.find('.real').eq(0).html());

        // Para linkear la imagen
        var hrf = $(selector + ' .caption-real a:first').attr('href');
        var img = $(objOpt.imageContainerSel + ' a').html();
        $(objOpt.imageContainerSel + ' a').parent().html('<a href="'+hrf+'">'+img+'</a>');

        slide.fadeTo('fast',  1);
      },
      onTransitionOut: function(slide, caption, isSync, callback) {
        slide.fadeTo('normal',  0.0, callback);
      }
    };
    $(selector + ' .shadow').css({opacity:0.5});
    $('.ss-controls').css({opacity:1});
    $('.nav-controls').css({opacity:1});

    Slide.gal = $(objOpt.thumbContainerSel).galleriffic(objOpt);

    // Setea los handlers para los botones
    $(objOpt.contentContainerSel + ' .controls-real .prev').click(function() {
      Slide.gal.previous(true, true);
    });
    $(objOpt.contentContainerSel + ' .controls-real .play').click(function() {
      Slide.gal.play();
      $(objOpt.contentContainerSel + ' .controls-real .pause').show();
      $(objOpt.contentContainerSel + ' .controls-real .play').hide();
    });
    $(objOpt.contentContainerSel + ' .controls-real .pause').click(function() {
      Slide.gal.pause();
      $(objOpt.contentContainerSel + ' .controls-real .play').show();
      $(objOpt.contentContainerSel + ' .controls-real .pause').hide();
    });
    $(objOpt.contentContainerSel + ' .controls-real .next').click(function() {
      Slide.gal.next(true, true);
    });
  }
};

// Con esto se instala la gallerķa
$(document).ready(function() {
  Slide.instalaGaleria('#slide');
});