/* 
jquery.goatstone.resultImage.js

 */
$.widget("ui.resultImage", {
    options: {},
    _create: function() {
        var $this = this;

        $this.element.attr({
            "src":g.images[$this.options.id].media$group.media$thumbnail[0].url, // get data from a factory imageFactory(id)
            "width":g.images[$this.options.id].media$group.media$thumbnail[0].width,
            "height":g.images[$this.options.id].media$group.media$thumbnail[0].height,
            "alt":g.images[$this.options.id].title.$t,
            "title":g.images[$this.options.id].title.$t
        })
        $this.element.bind('mouseover',function(){
            var str = " <small>Title:</small> " + g.images[$this.options.id].title.$t +" : "+
            " <small>Summary: </small> " + g.images[$this.options.id].summary.$t +
            " <small>Author: </small> " + g.images[$this.options.id].author[0].name.$t 
            ;
            $('div[data-name="message"]').html( str );                 // TODOOOOOOOOO!
        });
        
        $this.element.bind('click', function(e){
            if(e.ctrlKey || e.metaKey){                
                $this.element.remove();
                return false;                
            }
            var elem = $('<div>').collageImage({
                id:$this.options.id
            });
            $('body').append( elem );
            
            var l = Math.random()*300;
            var t = 100 + Math.random()*230;
            elem.css({
                position:"absolute",
                left:l,
                top:t            
            });
            
            $this.element.trigger('addImage');
        }); 
        
    },
    destroy: function() {
        console.log('destroy');
        $.Widget.prototype.destroy.apply(this, arguments); // default destroy
    }
});