/*
Crea un list-menu con links e background personalizzabile in orientamento, colori, contenuti, ecc...
OPTIONS ------------------------------

- items = 			[ {id, filtered, link}, {id, filtered, link}, ...]
- numItemsPerRow =	10 (facoltativo)
- type = 			'pubblica' , 'password' or 'pagamento' or 'amici' (default 'pubblica')
- access =			true or false (serve per gallerie private e freinds)
- title = 			titolo della galleria
- id = 				id della galleria
*/


(function($){
    $.fn.extend({
        galleryMenu : function (options){

            // assegno subito la classe madre alla quale tutte faranno riferimento
            $(this).addClass('gallery-menu');

            // creo un elemento temporaneo per poter recuperare i css e settare le misure
            var gapClass = options.numItemsPerRow == 1 ? '' : 'item-gap';
            $(this).append("<div id='TMPitem' class='item "+gapClass+"'></div>");
            var size = $("#TMPitem").css('width');
            size = parseInt(size.substr(0,size.length-2));
            var gap = $("#TMPitem").css('margin-left');
            gap = parseInt(gap.substr(0,gap.length-2));
            var itemsPerRow = Math.floor( $(this).width() / ( size + gap ) );
            $("#TMPitem").remove();
            // setto la larghezza massima
            var max_width = itemsPerRow * ( size + gap ) ;
            $(this).css('max-width', max_width+"px");
            // setti i paramentri di default
            var defaults = {
                numItemsPerRow :	itemsPerRow
            };
            var o = $.extend(defaults, options);
            // preparo il titolo
                $(this).append("<a id='"+o.galleryinfo.id+"' class='title g6'>"+o.galleryinfo.title+"</a>");
            // creo gli elementi se ho l'accesso
            var target = this;
            $.each( o.galleryitems, function(index, data){
                var filterClass = data.category=='2' ? 'item item-filtered' : 'item cursor-pointer';
                var itemHTML = "<img src='http://"+domain+"/item/get/picture/micro/"+data.id+"' class='"+filterClass+"' id="+data.id+" category='"+data.category+"' />";
            	$(target).append(itemHTML);
            });
        }
    });
})(jQuery);