$(function(){
  $("body").delegate(".media", "mouseover", function(){
    var titleFormat = function(title, currentArray, currentIndex, currentOpts) {
                        return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' 
                               + currentArray.length + (title ? title.length ? ' <b style="padding-left:10px;">' + title + '</b> ':'':'') + '</span>';
                      };
                      
    var iEOpt = {
        'padding'       : 0,
        'titleShow'     : false,
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'titlePosition' : 'over',
        'easingIn'      : 'easeOutBack',
        'easingOut'     : 'easeInBack',
        'titleFormat'   : titleFormat,
        'onComplete'    :   function() {
                              var wrap = $("#fancybox-wrap")[0];
                              var inner = $("#fancybox-inner")[0];
                              wrap.style.pixelHeight+=40;
                              wrap.style.pixelWidth+=40;
                            }
    };
    
    var opt = {
        'padding'       : 0,
        'titleShow'     : false,
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'easingIn'      : 'easeOutBack',
        'easingOut'     : 'easeInBack',
        'titleFormat'   : titleFormat
      };
  
    if(jQuery.browser.msie){
      $(this).fancybox(iEOpt);
    }else{
      $(this).fancybox(opt);
    }
    
  });
});