/**
 * jQuery Iconize Plugin
 *
 * Copyright (c) 2010 - 2011 Berkin Berkcan Çırak
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *   
 */


(function($) {
  $.fn.iconize = function(options)
  {
    return this.each(function()
    {
      var o = $.extend({}, $.fn.iconize.defaults, options);
      var base = o.container = $(this);  
      o.img = $(this).find('img');
      
      // prepare icon container
      o.icon = $('<div/>')
      .css({
        position : 'absolute',
        zIndex : 2,
        opacity: o.opacity,
        filter : 'alpha(opacity=' + o.opacity * 100 + ')'
      })
      .attr('class', 'iconize-overlay')
      .append(
        $('<div/>')
        .css({
          background : 'url(' + o.iconSrc + ') no-repeat 0 0',
          height : o.iconHeight + 'px',
          width : o.iconWidth + 'px'
        })
        .each(function() {
          if ( $.browser.msie && $.browser.version <= 8 ) {
            $(this).css({
              background : 'transparent',
              filter : 'progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + o.iconSrc + '\', sizingMethod=\'scale\')'
            });
          }
        }));
      
      // check if the image is loaded
      o.img.imagesLoaded(function() {
        var imageHeight = $(this).height();
        var imageWidth = $(this).width();
        
        base.css({
          display : 'block',
          position : 'relative',
          height : imageHeight,
          width : imageWidth
        });
        
        centerX = parseInt( (imageWidth - o.iconWidth) / 2 );
        centerY = parseInt( (imageHeight - o.iconHeight) / 2 );
        
        posX = centerX;
        posY = centerY;
        
        if ( o.position.match(/top/) ) {
          posY = o.offsetY;
        } else if ( o.position.match(/bottom/) ) {
          posY = imageHeight - (o.offsetY + o.iconHeight);
        }
        
        if ( o.position.match(/left/) ) {
          posX = o.offsetX;
        } else if ( o.position.match(/right/) ) {
          posX = imageWidth - (o.offsetX + o.iconWidth);
        }
        
        o.icon.css({ 
          left : posX,
          top : posY
        })
        .prependTo(base);
        
      });
        
      if (o.initCallback !== null) {
        o.initCallback(this);
      }
        
    });
  }
  
  $.fn.iconize.defaults =
  {
    iconSrc : '/images/play.png',
    iconHeight : 32,
    iconWidth : 32,
    position: 'center',
    offsetX: 10,
    offsetY: 10,
    opacity: 1,
    initCallback: null
  };

})(jQuery);

/**
 * https://gist.github.com/268257
 * $('img.photo',this).imagesLoaded(myFunction)
 * execute a callback when all images have loaded.
 * needed because .load() doesn't work on cached images

 * mit license. paul irish. 2010.
 * webkit fix from Oren Solomianik. thx!

 * callback function is passed the last image to load
 *   as an argument, and the collection as `this`
 */
(function($) {
  $.fn.imagesLoaded = function(callback){
    var elems = this.filter('img'),
    len   = elems.length,
    blank = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
      
    elems.bind('load',function(){
      if (--len <= 0 && this.src !== blank){
        callback.call(elems,this);
      }
    }).each(function(){
      // cached images don't fire load sometimes, so we reset src.
      if (this.complete || this.complete === undefined){
        var src = this.src;
        // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
        // data uri bypasses webkit log warning (thx doug jones)
        this.src = blank;
        this.src = src;
      }  
    }); 

    return this;
  };
})(jQuery);