/*******************************************************************************
 jquery.mb.components
 Copyright (c) 2001-2010. Matteo Bicocchi (Pupunzi); Open lab srl, Firenze - Italy
 email: info@pupunzi.com
 site: http://pupunzi.com

 Licences: MIT, GPL
 http://www.opensource.org/licenses/mit-license.php
 http://www.gnu.org/licenses/gpl.html
 ******************************************************************************/

/*
 * Name:jquery.mb.gallery
 * Version: 2.0.2
 *
 *
 * It is possible to show EXIF metadata of your photos.
 * include: jquery.exif.js (http://www.nihilogic.dk/labs/exifjquery/)
 * set exifData: true 
 * to keep EXIF data in your jpeg from Photoshop© you can't use "save for the web" command; use "save as..." and save as .jpg instead.
 */

(function($){

  $.makeMBGallery ={
    name:"mb.gallery",
    author:"Matteo Bicocchi",
    version:"2.0.2",
    defaults:{
      containment:"body",
      cssURL:"css/",
      skin:"white",
      overlayBackground:"#333",
      exifData:false, //todo
      showGalleryTitle: true,
      showGalleryNav:true,
      animateGalleryNav:false,
      showThumbsIcon:true,
      showPhotoTitle:true,
      showPhotoCounter:true,
      galleryTitle:"My Gallery",
      imageSelector: ".imgFull",
      thumbnailSelector: ".imgThumb",
      titleSelector: ".imgTitle",
      descSelector: ".imgDesc",
      linkSelector: ".imgLinkToUrl",
      allowCloseIcon:true,
      allowHideThumbsOnMouseLeave:true,
      allowDescAnimation:true,
      nhPad:120,
      nhPadMinus:130,
      nwPad:100,
      nwPadMinus:120,
      minWidth: 300,
      minHeight: 200,
      maxWidth: 0,
      maxHeight: 0,
      fullScreen:true,
      addRaster:false,
      overlayOpacity:.5,
      startFrom: 0,//"random"
      fadeTime: 500,
      slideTimer: 6000,
      autoSlide: true,

      onOpen:function(){},
      onBeforeClose:function(){},
      onClose:function(){},
      onChangePhoto:function(){}
    },
    buildGallery:function(options){
      var gallery= $(this).get(0);
      
      if (gallery.initialized){
        $(gallery).mb2_closeGallery();
        return;
      }
      gallery.initialized = true;
      gallery.options = $.extend({}, $.makeMBGallery.defaults, options);
      if(gallery.options.onOpen) gallery.options.onOpen();

      var css= "<link rel='stylesheet' id='GalleryCss' type='text/css' href='"+gallery.options.cssURL+gallery.options.skin+".css' title='tyle'  media='screen'/>";
      $("head").prepend(css);
      $(gallery).hide();
      gallery.galleryID= "mb2_gallery_"+gallery.id;
      $(gallery).mb2_getPhotos();
      var galleryNav=$("<div/>").addClass("galleryNav").hide();
      var overlay=$("<div/>").addClass("mb2_overlay").one("click",function(){$(gallery).mb2_closeGallery();}).css({opacity:gallery.options.overlayOpacity,background: gallery.options.overlayBackground}).hide();
      var galleryScreen= $("<div/>").attr("id",gallery.galleryID).addClass("galleryScreen").addClass("mbGall_"+gallery.options.skin);
      var galleryDesc= gallery.options.allowDescAnimation ? $("<div/>").addClass("galleryDesc").hide():$("<div/>").addClass("galleryDesc");
      var galleryDescBg= gallery.options.allowDescAnimation ? $("<div/>").addClass("galleryDescBg").css({opacity:.3}).hide():$("<div/>").addClass("galleryDescBg").css({opacity:.3});
      var galleryDescContent=$("<div/>").addClass("galleryDescContent");
      galleryDesc.append(galleryDescBg);
      galleryDesc.append(galleryDescContent);
      var galleryTitle=$("<div/>").addClass("galleryTitle").html(gallery.options.galleryTitle);
      var galleryImg= $("<div/>").addClass("galleryImg")
              .hover(function(){
                  if (galleryDesc.html() && gallery.options.allowDescAnimation) galleryDesc.slideDown();
                  if (gallery.options.animateGalleryNav){galleryNav.show()}
              },function(){
                  if (gallery.options.allowDescAnimation){galleryDesc.slideUp();}
                  if (gallery.options.animateGalleryNav){galleryNav.hide()}
              })
              .dblclick(function(){if (gallery.sliding) $(gallery).mb2_stopSlide(); else $(gallery).mb2_startSlide();});
      var galleryRaster= $("<div/>").addClass("galleryRaster").css({width:"100%",height:"100%"});
      var galleryLoader= $("<div/>").addClass("loader").mb2_bringToFront().css("opacity",.7).hide();
      var galleryThumbs=$("<div/>").addClass("galleryThumbs").hide();
      
      galleryScreen.bind("mouseleave",function(){
        if (gallery.options.allowHideThumbsOnMouseLeave)$(gallery).mb2_hideThumbs();
      });
      if(gallery.options.containment=="body"){
        $("body").append(overlay);
        overlay.fadeIn();
        $("body").append(galleryScreen);
      }else{
        galleryScreen.addClass("contained");
        $("#"+gallery.options.containment).show();
        $("#"+gallery.options.containment).append(galleryScreen);
      }
      
      if (gallery.options.showGalleryTitle) galleryScreen.append(galleryTitle);

      var galleryCloseIcon= $("<div/>").addClass("galleryCloseIcon ico").one("click",function(){$(gallery).mb2_closeGallery();});//galleryCloseIcon
      // dh: I added this option b/c I don't want a close icon.
      if (gallery.options.allowCloseIcon) galleryTitle.append(galleryCloseIcon);
      galleryScreen.append(galleryImg);
      galleryImg.append(galleryLoader);
      if(gallery.options.addRaster)
        galleryImg.append(galleryRaster).mb2_bringToFront();
      galleryImg.append(galleryThumbs);
      galleryImg.append(galleryDesc);
      if (gallery.options.showGalleryNav){
          if (gallery.options.animateGalleryNav){galleryImg.append(galleryNav);}else{galleryScreen.append(galleryNav);}
      }
      if(gallery.options.containment=="body")
        galleryScreen.css({
          minWidth:gallery.options.minWidth,
          minHeight:gallery.options.minHeight,
          top:"50%",
          marginTop:-(gallery.options.minHeight/2),
          left:"50%",
          marginLeft:-(gallery.options.minWidth/2)
        });
      galleryImg.css({
        minWidth:gallery.options.minWidth,
        minHeight:gallery.options.minHeight
      });
      gallery.sliding=gallery.options.autoSlide;
      gallery.idx=gallery.options.startFrom=="random"?Math.floor(Math.random()*(gallery.images.length-1)):gallery.options.startFrom;
      $("#"+gallery.galleryID).find(".loader").addClass("loading").show();
      $(gallery).mb2_buildThumbs();
      $(gallery).mb2_selectThumb();
      $(gallery).mb2_buildNav();
      $(gallery).mb2_preload();
//      setTimeout(function(){galleryNav.fadeIn(500);},1000);
    },
    getPhotos: function(){
      var gallery= $(this).get(0);
      gallery.images= new Array();
      
      $(gallery).find(gallery.options.thumbnailSelector).each(function(i){
        var photo=new Object();
        photo.idx= i;
        photo.thumb= $(this).attr("href");
        photo.full= $(this).next("a").attr("href");
        photo.fullWidth= $(this).attr("w")?$(this).attr("w"):false;
        photo.fullHeight= $(this).attr("h")?$(this).attr("h"):false;
        photo.title= $(this).nextAll(gallery.options.titleSelector).html();
        photo.description= $(this).nextAll(gallery.options.descSelector).html();
        photo.link = $(this).nextAll(gallery.options.linkSelector).html();
        gallery.images.push(photo);
        
      });
    },
    preload:function(){
      var gallery= $(this).get(0);
      if(!gallery.sliding) $("#"+gallery.galleryID).find(".loader").addClass("loading").show();
      var rndVar=$.browser.msie?"?"+new Date():"";
      var showExif=gallery.options.exifData;
      $("<img/>").attr({"src":gallery.images[gallery.idx].full+rndVar,"exif":showExif}).load(
              function(){
                if(!gallery.sliding) $("#"+gallery.galleryID).find(".loader").fadeOut(500,function(){$("#"+gallery.galleryID).find(".loader").removeClass("loading");});
                $(gallery).mb2_changePhoto(rndVar);
                $(gallery).mb2_selectThumb();
              });

    },
    changePhoto:function(rndVar){
      var gallery= $(this).get(0);
      $("#"+gallery.galleryID).find(".loader").fadeOut(500,function(){$("#"+gallery.galleryID).find(".loader").removeClass("loading");});
      var galleryImg=$("#"+gallery.galleryID).find(".galleryImg");
      var photoTitle=$("#"+gallery.galleryID).find(".photoTitle");
      var galleryDesc=$("#"+gallery.galleryID).find(".galleryDesc");
      var galleryDescContent=$("#"+gallery.galleryID).find(".galleryDescContent");
      var galleryScreen=$("#"+gallery.galleryID);
      var galleryNav=$("#"+gallery.galleryID).find(".galleryNav");
      var newImg= $("<img/>").addClass("highRes").attr({src:gallery.images[gallery.idx].full+rndVar}).css({position:"absolute",top:0,left:0}).hide();
      $(newImg).bind("click",function(){
          //gallery.images[gallery.idx].link
          //alert('TODO: go to page' + gallery.images[gallery.idx].link);
          window.location.href = gallery.images[gallery.idx].link;
      });
      galleryImg.prepend(newImg);

      var dim=newImg.getDim2(gallery,gallery.images[gallery.idx].fullWidth,gallery.images[gallery.idx].fullHeight);
      var w=parseFloat(dim[1]);
      var h=parseFloat(dim[0]);
      if(gallery.options.containment=="body")
        galleryScreen.animate({
          top:"50%",
          marginTop:-(h/2),
          left:"50%",
          marginLeft:-(w/2)
        },"slow");
      galleryImg.animate({
        width:w,
        height:h
      },"slow");

      newImg.fadeIn("slow",function(){if (!gallery.options.animateGalleryNav) galleryNav.fadeIn(500)});
      newImg.next("img").fadeOut("slow",function(){$(this).remove();});
      photoTitle.fadeOut("slow",function(){photoTitle.html(gallery.images[gallery.idx].title); photoTitle.fadeIn();});
      galleryDescContent.html(gallery.images[gallery.idx].description);
      if(gallery.sliding){
        galleryNav.find(".startStopIcon").addClass("selected");
        gallery.startGallery=setTimeout(function(){
          gallery.idx=gallery.idx==gallery.images.length-1?0:gallery.idx+1;
          $(gallery).mb2_preload();
        },gallery.options.slideTimer);
      }
      galleryNav.find(".photoCounter").html((gallery.idx+1)+" / <b>"+gallery.images.length+"</b>");
      if(galleryDescContent.html()==""){ galleryDesc.slideUp()}else{if(!gallery.options.allowDescAnimation)galleryDesc.show()};

      if(gallery.options.onChangePhoto) gallery.options.onChangePhoto();
    },
    buildThumbs:function(){
      var gallery= $(this).get(0);
      var galleryThumbs=$("#"+gallery.galleryID).find(".galleryThumbs");
      galleryThumbs.empty();
      $(gallery.images).each(function(i){
        var photo=this;
        var img=$("<img/>").addClass("thumb");
        img.attr("src",photo.thumb);
        img.attr("id", gallery.galleryID+"_thumb2_"+i);
        img.bind("click",function(){
          if($(this).is(".selected")) return;
          gallery.idx = photo.idx;
          $(gallery).mb2_selectThumb();
          $(gallery).mb2_stopSlide();
          $(gallery).mb2_preload();
          //$(gallery).mb2_hideThumbs();
          if (!gallery.options.allowDescAnimation) $('.galleryDesc').slideDown();
        });
        galleryThumbs.css("opacity",.9);
        galleryThumbs.append(img);
      });
    },
    buildNav:function(){
      var gallery= $(this).get(0);
      var galleryNav=$("#"+gallery.galleryID).find(".galleryNav");
      var galleryThumbs=$("#"+gallery.galleryID).find(".galleryThumbs");

      var photoTitle= $("<div/>").addClass("photoTitle");
      var showThumbsIcon = gallery.options.showThumbsIcon;
      var thumbsIcon= $("<div/>").addClass("thumbsIcon ico").bind("click",function(){
        if(galleryThumbs.is(":hidden")) $(gallery).mb2_showThumbs();
        else $(gallery).mb2_hideThumbs();
      });
      var startStopIcon= $("<div/>").addClass("startStopIcon ico").bind("click",function(){
        if (gallery.sliding) $(gallery).mb2_stopSlide();
        else $(gallery).mb2_startSlide();
      });
      var prevIcon= $("<div/>").addClass("prevIcon ico").bind("click",function(){
        $(gallery).mb2_Prev();
      });
      var nextIcon= $("<div/>").addClass("nextIcon ico").bind("click",function(){
        $(gallery).mb2_Next();
      });

       var showExif=gallery.options.exifData;
       var exifIcon= showExif?$("<div/>").addClass("exifIcon ico").bind("click",function(){
         $(gallery).mb2_showExifData();
       }):"";

       var showPhotoCounter = gallery.options.showPhotoCounter;
      var photoCounter= $("<div/>").addClass("photoCounter ico");
      var showPhotoTitle = gallery.options.showPhotoTitle;
      var galleryBtns= $("<div/>").addClass("galleryBtns");
      galleryNav.append(showPhotoTitle?photoTitle:"");
      galleryNav.append(galleryBtns);
      galleryBtns.prepend(showThumbsIcon?thumbsIcon:"").prepend(startStopIcon).prepend(prevIcon).prepend(nextIcon).prepend((showExif?exifIcon:"")).prepend(showPhotoCounter?photoCounter:"");
    },
    //   todo
    showExifData:function(){
      var gallery= $(this).get(0);
      /*
      EXIF methods:
      $(this).exif(key): a specific key;
      $(this).exifPretty(): all key as string;
      $(this).exifAll(): all key as object;
       */
     // console.debug($("#"+gallery.galleryID).find(".highRes").exifAll());
      $(gallery).mb2_stopSlide();
    },
    selectThumb:function(){
      var gallery= $(this).get(0);
      var galleryThumbs=$("#"+gallery.galleryID).find(".galleryThumbs");
      var actualThumb=$("#"+gallery.galleryID+"_thumb2_"+gallery.idx);
      galleryThumbs.find(".thumb").removeClass("selected").css("opacity",1);
      actualThumb.addClass("selected").css("opacity",.4);
    },
    startSlide:function(idx){
      var gallery= $(this).get(0);
      var galleryNav=$("#"+gallery.galleryID).find(".galleryNav");
      gallery.sliding=true;

      gallery.idx=idx?idx: gallery.idx==gallery.images.length-1?0:gallery.idx+1;
      $(gallery).mb2_preload();
      galleryNav.find(".startStopIcon").addClass("selected");
    },
    stopSlide:function(){
      var gallery= $(this).get(0);
      var galleryNav=$("#"+gallery.galleryID).find(".galleryNav");
      gallery.sliding=false;
      clearTimeout(gallery.startGallery);
      galleryNav.find(".startStopIcon").removeClass("selected");
    },
    prev:function(){
      var gallery= $(this).get(0);
      $(gallery).mb2_stopSlide();
      gallery.sliding=false;
      gallery.idx=gallery.idx==0?gallery.images.length-1:gallery.idx-1;
      $(gallery).mb2_preload();
    },
    next:function(){
      var gallery= $(this).get(0);
      $(gallery).mb2_stopSlide();
      gallery.sliding=false;
      gallery.idx=gallery.idx==gallery.images.length-1?0:gallery.idx+1;
      $(gallery).mb2_preload();
    },
    gotoIDX:function(idx){
      var gallery= $(this).get(0);
      gallery.idx = idx-1;
      $(gallery).mb2_selectThumb();
      $(gallery).mb2_stopSlide();
      $(gallery).mb2_preload();
      $(gallery).mb2_hideThumbs();

    },
    loader:function(){
      var gallery= $(this).get(0);
      var galleryNav=$("#"+gallery.galleryID).find(".galleryNav");
      galleryNav.find(".thumbsIcon").addClass("selected");
      var galleryThumbs=$("#"+gallery.galleryID).find(".galleryThumbs");
      galleryThumbs.slideDown();
    },
    hideThumbs:function(){
      var gallery= $(this).get(0);
      var galleryNav=$("#"+gallery.galleryID).find(".galleryNav");
      galleryNav.find(".thumbsIcon").removeClass("selected");
      var galleryThumbs=$("#"+gallery.galleryID).find(".galleryThumbs");
      galleryThumbs.slideUp();
    },
    closeGallery:function(){
      var gallery= $(this).get(0);
      if(gallery.options.onBeforeClose) gallery.options.onBeforeClose();
      if(!$.browser.msie)
        $("#"+gallery.galleryID).animate({position:"absolute",top:-1000},"slow",
                function(){
                  $("#"+gallery.galleryID).remove();
                  $("#"+gallery.options.containment).slideUp();
                  if (gallery.options.onClose) gallery.options.onClose();
                });
      else{
        $("#"+gallery.galleryID).remove();
        $("#"+gallery.options.containment).hide();
      }
      $(".mb2_overlay").slideUp("slow",function(){$(".mb2_overlay").remove();});
      $(gallery).mb2_stopSlide();
      gallery.initialized=false;
    }
  };

  jQuery.fn.extend({
    getDim2:function(gallery,w,h){
      var nw=w?w:$(this).outerWidth();
      var nh=h?h:$(this).outerHeight();
      var wh=gallery.options.containment=="body"?$(window).height():$("#"+gallery.options.containment).innerHeight();
      var ww=gallery.options.containment=="body"?$(window).width():$("#"+gallery.options.containment).innerWidth();
      if (gallery.options.galleryMaxHeight>0 && $(this).outerHeight()>gallery.options.galleryMaxHeight){nh=gallery.options.galleryMaxHeight;}
      if (gallery.options.galleryMaxWidth>0 && $(this).outerWidth()>gallery.options.galleryMaxWidth){nw=gallery.options.galleryMaxWidth;}


      nhPad = gallery.options.nhPad;//120
      nhPadMinus = gallery.options.nhPadMinus;//130
      
      if (parseFloat(nh)+nhPad>wh || gallery.options.fullScreen){
        nh= wh-nhPadMinus;
        nw=(nh*$(this).outerWidth())/$(this).outerHeight();
        $(this).attr("height", nh);
        $(this).attr("width", nw);
      }
      nwPad = gallery.options.nwPad; //100
      nwPadMinus = gallery.options.nwPadMinu; // 120
      if (parseFloat(nw)+nwPad>ww ){
        nw= ww-nwPadMinus;
        nh=(nw*$(this).outerHeight())/$(this).outerWidth();
        $(this).attr("width", nw);
        $(this).attr("height", nh);
      }

      return [nh,nw];
    }
  });

  // public methods
  $.fn.makeMBGallery = $.makeMBGallery.buildGallery;
  $.fn.mb2_getPhotos= $.makeMBGallery.getPhotos;
  $.fn.mb2_buildThumbs= $.makeMBGallery.buildThumbs;
  $.fn.mb2_buildNav= $.makeMBGallery.buildNav;
  $.fn.mb2_preload= $.makeMBGallery.preload;
  $.fn.mb2_changePhoto= $.makeMBGallery.changePhoto;
  $.fn.mb2_selectThumb= $.makeMBGallery.selectThumb;
  $.fn.mb2_showExifData= $.makeMBGallery.showExifData;

  $.fn.mb2_Next= $.makeMBGallery.next;
  $.fn.mb2_Prev= $.makeMBGallery.prev;
  $.fn.mb2_gotoIDX= $.makeMBGallery.gotoIDX;
  $.fn.mb2_startSlide= $.makeMBGallery.startSlide;
  $.fn.mb2_stopSlide= $.makeMBGallery.stopSlide;

  $.fn.mb2_showThumbs= $.makeMBGallery.loader;
  $.fn.mb2_hideThumbs= $.makeMBGallery.hideThumbs;
  $.fn.mb2_closGallery= $.makeMBGallery.closeGallery;

  jQuery.fn.mb2_bringToFront= function(){
    var zi=10;
    $('*').each(function() {
      if($(this).css("position")=="absolute" || $(this).css("position")=="fixed"){
        var cur = parseInt($(this).css('zIndex'));
        zi = cur > zi ? parseInt($(this).css('zIndex')) : zi;
      }
    });
    $(this).css('zIndex',zi+=1);
    return $(this);
  };

})(jQuery);