/**
 * sexy lightbox - for jquery 1.3.2
 * @name      sexylightbox.v2.3.js
 * @author    eduardo d. sada - http://www.coders.me/web-html-js-css/javascript/sexy-lightbox-2
 * @version   2.3.4
 * @date      10-nov-2009
 * @copyright (c) 2009 eduardo d. sada (www.coders.me)
 * @license   mit - http://es.wikipedia.org/wiki/licencia_mit
 * @example   http://www.coders.me/ejemplos/sexy-lightbox-2/
*/

jquery.bind = function(object, method){
  var args = array.prototype.slice.call(arguments, 2);  
  return function() {
    var args2 = [this].concat(args, $.makearray( arguments ));  
    return method.apply(object, args2);  
  };  
};  

(function($) {

  sexylightbox = {
    getoptions: function() {
      return {
        name          : 'slb',
        zindex        : 32000,
        color         : 'black',
        find          : 'sexylightbox',
        dir           : 'sexyimages',
        emergefrom    : 'top',
        background    : 'bgsexy.png',
        backgroundie  : 'bgsexy.gif',
        buttons       : 'buttons.png',
        displayed     : 0,
        showduration  : 200,
        closeduration : 400,
        moveduration  : 1000,
        moveeffect    : 'easeinoutback',
        resizeduration: 1000,
        resizeeffect  : 'easeinoutback',
        shake         : {
                          distance   : 10,
                          duration   : 100,
                          transition : 'easeinoutback',
                          loops      : 2
                        },
        boxstyles     : { 'width' : 486, 'height': 320 },
        skin          : {
                          'white' : { 'hexcolor': '#ffffff', 'captioncolor': '#000000', 'background-color': '#000000', 'opacity': 0.6 },
                          'black' : { 'hexcolor': '#000000', 'captioncolor': '#ffffff', 'background-color': '#000000', 'opacity': 0.6 },
                          'blanco': { 'hexcolor': '#ffffff', 'captioncolor': '#000000', 'background-color': '#000000', 'opacity': 0.6 },
                          'negro' : { 'hexcolor': '#000000', 'captioncolor': '#ffffff', 'background-color': '#000000', 'opacity': 0.6 }
                        }
      };
    },

    overlay: {
      create: function(options) {
        this.options = options;
        this.element = $('<div id="'+new date().gettime()+'"></div>');
        this.element.css($.extend({}, {
          'position'  : 'absolute',
          'top'       : 0,
          'left'      : 0,
          'opacity'   : 0,
          'display'   : 'none',
          'z-index'   : this.options.zindex
        }, this.options.style));
        
        this.element.bind('click', $.bind(this, function(obj, event) {
          if (this.options.hideonclick) {
              if (this.options.callback) {
                this.options.callback();
              } else {
                this.hide();
              }
          }
          event.preventdefault();
        }));
        
        this.hidden = true;
        this.inject();
      },

      inject: function() {
        this.target = $(document.body);
        this.target.append(this.element);

        //if((browser.engine.trident4 || (browser.engine.gecko && !browser.engine.gecko19 && browser.platform.mac)))
        if($.browser.msie && $.browser.version=="6.0")
        // no tengo tiempo para agregar la detecci?n del os que deber?a
        // haber estado integrada en jquery, pero que el est?pido de su creador no puso
        // me cago en john resig
        {
          var zindex = parseint(this.element.css('zindex'));
          if (!zindex)
          {
            zindex = 1;
            var pos = this.element.css('position');
            if (pos == 'static' || !pos)
            {
              this.element.css({'position': 'relative'});
            }
            this.element.css({'zindex': zindex});
          }
          // diossss por diosss, pongan funciones ?tiles en jquery,
          // no todo es selectores! la puta madre, lo que hay que hacer
          // para detectar si una variable est? definida:
          zindex = (!!(this.options.zindex || this.options.zindex === 0) && zindex > this.options.zindex) ? this.options.zindex : zindex - 1;
          if (zindex < 0)
          {
            zindex = 1;
          }
          this.shim = $('<iframe id="if_'+new date().gettime()+'" scrolling="no" frameborder=0 src=""></div>');
          this.shim.css({
            zindex    : zindex,
            position  : 'absolute',
            top       : 0,
            left      : 0,
            border    : 'none',
            opacity   : 0,
			display   : 'none'
          });
          this.shim.insertafter(this.element);
        }

      },

      resize: function(x, y) {
        this.element.css({ 'height': 0, 'width': 0 });
        if (this.shim) this.shim.css({ 'height': 0, 'width': 0 });

        var win = { x: $(document).width(), y: $(document).height() };
        var chromebugfix = $.browser.safari ? (win.x - 25 < document.body.clientwidth ? document.body.clientwidth : win.x) : win.x;

        this.element.css({
          width  : x ? x : chromebugfix, //* chrome fix
          height : y ? y : win.y
        });

        if (this.shim)
        {
          this.shim.css({ 'height': 0, 'width': 0 });
          this.shim.css({
            width  : x ? x : chromebugfix, //* chrome fix
            height : y ? y : win.y
          });
        }
        return this;
      },

      show: function() {
        if (!this.hidden) return this;
        if (this.transition) this.transition.stop();
        this.target.bind('resize', $.bind(this, this.resize));
        this.resize();
        if (this.shim) this.shim.css({'display': 'block'});
        this.hidden = false;


        this.transition = this.element.fadein(this.options.showduration, $.bind(this, function(){
          this.element.trigger('show');
        }));
        
        return this;
      },

      hide: function() {
        if (this.hidden) return this;
        if (this.transition) this.transition.stop();
        this.target.unbind('resize');
        if (this.shim) this.shim.css({'display': 'none'});
        this.hidden = true;

        this.transition = this.element.fadeout(this.options.closeduration, $.bind(this, function(){
          this.element.trigger('hide');
          this.element.css({ 'height': 0, 'width': 0 });
        }));

        return this;
      }

    },

    backwardcompatibility: function(option) {
      this.options.dir = option.imagesdir || option.path || option.folder || option.dir;
      this.options.overlaystyles = $.extend(this.options.skin[this.options.color], this.options.overlaystyles || {});
    },

    preloadimage: function(url) {
      img     = new image();
      img.src = url;
    },

    initialize: function(options) {
      this.options = $.extend(this.getoptions(), options);
      this.backwardcompatibility(this.options);

      var strbg = this.options.dir+'/'+this.options.color+'/'+((((window.xmlhttprequest == undefined) && (activexobject != undefined)))?this.options.backgroundie:this.options.background);
      var name  = this.options.name;
      
      this.preloadimage(strbg);
      this.preloadimage(this.options.dir+'/'+this.options.color+'/'+this.options.buttons);

      this.overlay.create({
        style       : this.options.skin[this.options.color],
        hideonclick : true,
        zindex      : this.options.zindex-1,
        callback    : $.bind(this, this.close),
        showduration  : this.options.showduration,
        showeffect    : this.options.showeffect,
        closeduration : this.options.closeduration,
        closeeffect   : this.options.closeeffect
      });

      this.lightbox = {};

			$('body').append('<div id="'+name+'-wrapper"><div id="'+name+'-background"></div><div id="'+name+'-contenedor"><div id="'+name+'-top" style="background-image: url('+strbg+')"><a id="'+name+'-closebutton" href="#"></a><div id="'+name+'-topleft" style="background-image: url('+strbg+')"></div></div><div id="'+name+'-contenido"></div><div id="'+name+'-bottom" style="background-image: url('+strbg+')"><div id="'+name+'-bottomright" style="background-image: url('+strbg+')"><div id="'+name+'-navegador"><strong id="'+name+'-caption"></strong></div></div></div></div></div>');
      
      this.wrapper      = $('#'+name+'-wrapper');
      this.background   = $('#'+name+'-background');
      this.contenedor   = $('#'+name+'-contenedor');
      this.top          = $('#'+name+'-top');
      this.closebutton  = $('#'+name+'-closebutton');
      this.contenido    = $('#'+name+'-contenido');
      this.bb           = $('#'+name+'-bottom');
      this.innerbb      = $('#'+name+'-bottomright');
      this.nav          = $('#'+name+'-navegador');
      this.descripcion  = $('#'+name+'-caption');

      this.wrapper.css({
        'z-index'   : this.options.zindex,
        'display'   : 'none'
      }).hide();
      
      this.background.css({
        'z-index'   : this.options.zindex + 1
      });
      
      this.contenedor.css({
        'position'  : 'absolute',
        'width'     : this.options.boxstyles['width'],
        'z-index'   : this.options.zindex + 2
      });
      
      this.contenido.css({
        'height'            : this.options.boxstyles['height'],
        'border-left-color' : this.options.skin[this.options.color].hexcolor,
        'border-right-color': this.options.skin[this.options.color].hexcolor
      });
      
      this.closebutton.css({
        'background-image'  : 'url('+this.options.dir+'/'+this.options.color+'/'+this.options.buttons+')'
      });
      
      this.nav.css({
        'color'     : this.options.skin[this.options.color].captioncolor
      });

      this.descripcion.css({
        'color'     : this.options.skin[this.options.color].captioncolor
      });


          
      /**
       * agregamos los eventos
       ************************/

      this.closebutton.bind('click', $.bind(this, function(){
        this.close();
        return false;
      }));
      
      $(document).bind('keydown', $.bind(this, function(obj, event){
        if (this.options.displayed == 1) {
          if (event.keycode == 27){
            this.close();
          }

          if (event.keycode == 37){
            if (this.prev) {
              this.prev.trigger('click', event);
            }
          }

          if (event.keycode == 39){
            if (this.next) {
              this.next.trigger('click', event);
            }
          }
        }
      }));

      $(window).bind('resize', $.bind(this, function() {
        if(this.options.displayed == 1) {
          this.replacebox();
          this.overlay.resize();
        }
      }));

      $(window).bind('scroll', $.bind(this, function() {
        if(this.options.displayed == 1) {
          this.replacebox();
        }          
      }));

      this.refresh();

    },
    
    hook: function(enlace) {
      enlace = $(enlace);
      enlace.blur();
      this.show((enlace.attr("title") || enlace.attr("name") || ""), enlace.attr("href"), (enlace.attr('rel') || false));
    },
    
    close: function() {
      this.animate(0);
    },
    
    refresh: function() {
      var self = this;
      this.anchors = [];

      $("a, area").each(function() {
        if ($(this).attr('rel') && new regexp("^"+self.options.find).test($(this).attr('rel'))){
          $(this).click(function(event) {
            event.preventdefault();
            self.hook(this);
          });

          if (!($(this).attr('id')==self.options.name+"-left" || $(this).attr('id')==self.options.name+"-right")) {
            self.anchors.push(this);
          }
        }
      });
    },
    
    animate: function(option) {
      if(this.options.displayed == 0 && option != 0 || option == 1)
      {
        this.overlay.show();
        this.options.displayed = 1;
        this.wrapper.css({'display': 'block'});
      }
      else //cerrar el lightbox
      {
        this.wrapper.css({
          'display' : 'none',
          'top'     : -(this.options.boxstyles['height']+280)
        }).hide();

        this.overlay.hide();
        this.overlay.element.bind('hide', $.bind(this, function(){
          if (this.options.displayed) {
            if (this.image) this.image.remove();
            this.options.displayed = 0;
          }
        }));
      }
    },
    
    /*
    function: replacebox
    @description  cambiar de tama?o y posicionar el lightbox en el centro de la pantalla
    */
    replacebox: function(data) {
      var size   = { x: $(window).width(), y: $(window).height() };
      var scroll = { x: $(window).scrollleft(), y: $(window).scrolltop() };
      var width  = this.options.boxstyles['width'];
      var height = this.options.boxstyles['height'];
      
      if (this.options.displayed == 0)
      {
        var x = 0;
        var y = 0;
        
        // vertically center
        y = scroll.x + ((size.x - width) / 2);

        if (this.options.emergefrom == "bottom")
        {
          x = (scroll.y + size.y + 80);
        }
        else // top
        {
          x = (scroll.y - height) - 80;
        }
      
        this.wrapper.css({
          'display' : 'none',
          'top'     : x,
          'left'    : y
        });
        this.contenedor.css({
          'width'   : width
        });
        this.contenido.css({
          'height'  : height - 80
        });
      }

      data = $.extend({}, {
        'width'  : this.lightbox.width,
        'height' : this.lightbox.height,
        'resize' : 0
      }, data);

      if (this.movebox) this.movebox.stop();

      this.movebox = this.wrapper.animate({
        'left': (scroll.x + ((size.x - data.width) / 2)),
        'top' : (scroll.y + (size.y - (data.height + (this.navigator ? 80 : 48))) / 2)
      }, {
        duration  : this.options.moveduration,
        easing    : this.options.moveeffect
      });

      if (data.resize) {
        if (this.resizebox2) this.resizebox2.stop();
        this.resizebox2 = this.contenido.animate({
          height    : data.height
        }, {
          duration  : this.options.resizeduration,
          easing    : this.options.resizeeffect
        });

        if (this.resizebox) this.resizebox.stop();

        this.resizebox = this.contenedor.animate({
          width     : data.width
        }, {
          duration  : this.options.resizeduration,
          easing    : this.options.resizeeffect,
          complete  : function(){
            $(this).trigger('complete');
          }
        });
      }

    },
    
    getinfo: function (image, id) {
      image=$(image);
      ieuta = $('<a id="'+this.options.name+'-'+id+'" title="'+image.attr('title')+'" rel="'+image.attr('rel')+'">&nbsp;</a>');
      ieuta.css({ 'background-image' : 'url('+this.options.dir+'/'+this.options.color+'/'+this.options.buttons+')' });
      ieuta.attr('href', image.attr('href')); //ie fix
      return ieuta;
    },
    
    display: function(url, title, force) {
      return this.show(title, url, '', force);
    },
    
    show: function(caption, url, rel, force) {
      this.showloading();

      var baseurl     = url.match(/(.+)?/)[1] || url;
      var imageurl    = /\.(jpe?g|png|gif|bmp)/gi;
      var querystring = url.match(/\?(.+)/);
      if (querystring) querystring = querystring[1];
      var params      = this.parsequery( querystring );

      if (this.resizebox) this.resizebox.unbind('complete'); //fix for jquery

      params = $.extend({}, {
        'width'     : 0,
        'height'    : 0,
        'modal'     : 0,
        'background': '',
        'title'     : caption
      }, params || {});

      params['width']   = parseint(params['width']);
      params['height']  = parseint(params['height']);
      params['modal']   = parseint(params['modal']);

      this.overlay.options.hideonclick = !params['modal'];
      this.lightbox  = $.extend({}, params, { 'width' : params['width'] + 14 });
      this.navigator = this.lightbox.title ? true : false;

      if ( force=='image' || baseurl.match(imageurl) )
      {
          this.img = new image();
          this.img.onload = $.bind(this, function(){
              this.img.onload=function(){};
              if (!params['width'])
              {
                var objsize = this.calculate(this.img.width, this.img.height);
                params['width']   = objsize.x;
                params['height']  = objsize.y;
                this.lightbox.width = params['width'] + 14;
              }

              this.lightbox.height = params['height'] - (this.navigator ? 21 : 35);
              
              this.replacebox({ 'resize' : 1 });
              
              // mostrar la imagen, solo cuando la animacion de resizado se ha completado
              this.resizebox.bind('complete', $.bind(this, function(){
                this.showimage(this.img.src, params);
              }));
          });

          this.img.onerror = $.bind(this, function() {
            this.show('', this.options.imagesdir+'/'+this.options.color+'/404.png', this.options.find);
          });

          this.img.src = url;
          
      } else { //code to show html pages

          this.lightbox.height = params['height']+($.browser.opera?2:0);
          this.replacebox({'resize' : 1});
        
          if (url.indexof('tb_inline') != -1) //inline id
          {
            this.resizebox.bind('complete', $.bind(this, function(){
              this.showcontent($('#'+params['inlineid']).html(), this.lightbox);
            }));
          }
          else if(url.indexof('tb_iframe') != -1) //iframe
          {
            var urlnoquery = url.split('tb_');
            this.resizebox.bind('complete', $.bind(this, function(){
              this.showiframe(urlnoquery[0], this.lightbox);
            }));
          }
          else //ajax
          {
            this.resizebox.bind('complete', $.bind(this, function(){
              $.ajax({
                url: url,
                type: "get",
                cache: false,
                error: $.bind(this, function(){this.show('', this.options.imagesdir+'/'+this.options.color+'/404html.png', this.options.find)}),
                success: $.bind(this, this.handlerfunc)
              });
            }));
          }

      }
      

      this.next = false;
      this.prev = false;
       //si la imagen pertenece a un grupo
      if (rel.length > this.options.find.length)
      {
          this.navigator = true;
          var foundself  = false;
          var exit       = false;
          var self       = this;

          $.each(this.anchors, function(index){
            if ($(this).attr('rel') == rel && !exit) {
              if ($(this).attr('href') == url) {
                  foundself = true;
              } else {
                  if (foundself) {
                      self.next = self.getinfo(this, "right");
                       //stop searching
                      exit = true;
                  } else {
                      self.prev = self.getinfo(this, "left");
                  }
              }
            }
          });
      }

      this.addbuttons();
      this.shownavbar(caption);
      this.animate(1);
    },// end function

    calculate: function(x, y) {
      // resizing large images
      var maxx = $(window).width() - 74;
      var maxy = $(window).height() - 74;

      if (x > maxx)
      {
        y = y * (maxx / x);
        x = maxx;
        if (y > maxy)
        {
          x = x * (maxy / y);
          y = maxy;
        }
      }
      else if (y > maxy)
      {
        x = x * (maxy / y);
        y = maxy;
        if (x > maxx)
        {
          y = y * (maxx / x);
          x = maxx;
        }
      }
      // end resizing
      return {x: parseint(x), y: parseint(y)};
    },

    handlerfunc: function(obj, html) {
      this.showcontent(html, this.lightbox);
    },

    addbuttons: function(){
      if(this.prev) this.prev.bind('click', $.bind(this, function(obj, event) {event.preventdefault();this.hook(this.prev);}));
      if(this.next) this.next.bind('click', $.bind(this, function(obj, event) {event.preventdefault();this.hook(this.next);}));
    },

    shownavbar: function() {
      if (this.navigator)
      {
        this.bb.addclass("slb-bbnav");
        this.nav.empty();
        this.innerbb.empty();
        this.innerbb.append(this.nav);
        this.descripcion.html(this.lightbox.title);
        this.nav.append(this.prev);
        this.nav.append(this.next);
        this.nav.append(this.descripcion);
      }
      else
      {
        this.bb.removeclass("slb-bbnav");
        this.innerbb.empty();
      }
    },

    showimage: function(image, size) {
      this.background.empty().removeattr('style').css({'width':'auto', 'height':'auto'}).append('<img id="'+this.options.name+'-image"/>');
      this.image = $('#'+this.options.name+'-image');
      this.image.attr('src', image).css({
        'width'  : size['width'],
        'height' : size['height']
      });
    
      this.contenedor.css({
        'background' : 'none'
      });

      this.contenido.empty().css({
          'background-color': 'transparent',
          'padding'         : '0px',
          'width'           : 'auto'
      });
    },

    showcontent: function(html, size) {
      this.background.empty().css({
        'width'            : size['width']-14,
        'height'           : size['height']+35,
        'background-color' : size['background'] || '#ffffff'
      });
      
      this.contenido.empty().css({
        'width'             : size['width']-14,
        'background-color'  : size['background'] || '#ffffff'
      }).append('<div id="'+this.options.name+'-image"/>');

      this.image = $('#'+this.options.name+'-image');
      this.image.css({
        'width'       : size['width']-14,
        'height'      : size['height'],
        'overflow'    : 'auto',
        'background'  : size['height'] || '#ffffff'
      }).append(html);

      this.contenedor.css({
        'background': 'none'
      });
    },

    showiframe: function(src, size, bg) {
      this.background.empty().css({
        'width'           : size['width']-14,
        'height'          : size['height']+35,
        'background-color': size['background'] || '#ffffff'
      });

      var id = "if_"+new date().gettime()+"-image";

      this.contenido.empty().css({
        'width'             : size['width']-14,
        'background-color'  : size['background'] || '#ffffff',
        'padding'           : '0px'
      }).append('<iframe id="'+id+'" frameborder="0"></iframe>');
      
      this.image = $('#'+id);
      this.image.css({
          'width'       : size['width']-14,
          'height'      : size['height'],
          'background'  : size['background'] || '#ffffff'
      }).attr('src', src);

      this.contenedor.css({
        'background' : 'none'
      });
    },

    showloading: function() {
      this.background.empty().removeattr('style').css({'width':'auto', 'height':'auto'});
      this.contenido.empty().css({
        'background-color'  : 'transparent',
        'padding'           : '0px',
        'width'             : 'auto'
      });
      this.contenedor.css({
        'background' : 'url('+this.options.dir+'/'+this.options.color+'/loading.gif) no-repeat 50% 50%'
      });

      this.contenido.empty().css({
          'background-color': 'transparent',
          'padding'         : '0px',
          'width'           : 'auto'
      });

      this.replacebox($.extend(this.options.boxstyles, {'resize' : 1}));
    },
  
    parsequery: function (query) {
      if( !query )
        return {};
      var params = {};

      var pairs = query.split(/[;&]/);
      for ( var i = 0; i < pairs.length; i++ ) {
        var pair = pairs[i].split('=');
        if ( !pair || pair.length != 2 )
          continue;
        params[unescape(pair[0])] = unescape(pair[1]).replace(/\+/g, ' ');
       }
       return params;
    },

    shake: function() {
      var d=this.options.shake.distance;
      var l=this.wrapper.position();
      l=l.left;
      for(x=0;x<this.options.shake.loops;x++) {
       this.wrapper.animate({left: l+d}, this.options.shake.duration, this.options.shake.transition)
       .animate({left: l-d}, this.options.shake.duration, this.options.shake.transition);
      }
       this.wrapper.animate({"left": l+d}, this.options.shake.duration, this.options.shake.transition)
       .animate({"left": l}, this.options.shake.duration, this.options.shake.transition);
    }
    
  }
})(jquery);