(function($){
    $.fn.cmsPubRandomImages = function(options){
        var defaults = {
            lang: "pl",
            poiPubUrl: "/poi/PoiPub",
			cmsUrlVal: "",
            limit: 4
        };
        var options = $.extend(defaults, options);
        
        
        var container = $(this);

        var imagesContainer = $("<div class='cmsPubRandomImages-container' />");
        
        $.ajax({
            dataType: 'jsonp',
            jsonp: "jsonpCallback",
            jsonpCallback: "cmsLousujObraz",
            success: function(data) {
               
                $(data.obrazy).each(function(){
                    var image = $("<a href='" + this.obraz3Url + "'><div class='cmsPubRandomImages-image-container'><img src='" + this.obraz2Url + "' alt='" + this.opis + "' /></div></a>");
                    var imgData = this;
                    image.fancybox({
                       transitionIn: "fade",
                       transitionOut: "fade",
                       hideOnContentClick: true,
                       titlePosition: "inside",
                       titleFormat: function() {
                          var html = '<div style="background: #fff; color: #000;">';
                          html += '<p><strong>' + imgData.opis + ".</strong></p>";
                          html += '<p><em>' + imgData.autor + '</em></p>'
                          html += "<p><a class='cmsPubRandomImages-details-link' href='"  + options.cmsUrlVal + imgData.infoUrl + "'>" + imgData.infoOpis + "</a></p>";
                          html += '</div>';
                          return html;
                       }
                    })
                    var item = $("<div class='cmsPubRandomImages-item' />");
                    var opis = this.opis;
                    if( opis.length > 70 )
                    	opis = opis.substring(0,70) + "...";
                    
                    item.append(
                       image, 
					   $("<p class='cmsPubRandomImages-description'>" + opis + "<br /><em>" + this.autor + "</em></p>"),
                       $("<a class='cmsPubRandomImages-details-link' href='" +  options.cmsUrlVal  + this.infoUrl + "' title='" + this.infoOpis + "'>" + this.infoOpis + "</a>")
                    );
               
                    imagesContainer.append(item);
                });
                

                container.append(imagesContainer);
                
                imagesContainer.cycle({
                   fx: 'scrollRight',
				   nowrap: 0,
				   fit: 0,
				   containerResize: 1
                });
                
            },
            url: options.poiPubUrl + '?q=cmsLosujObraz&lang=' + options.lang + '&limit=' + options.limit
        });
        

        

    }
})(jQuery);