(function($) {
	$.fn.extend({
		pages : function(parameters){			
		
			var defaults = {
				container : null,
				page:'1059253',
				type:'page',
				dimensions : null,
				properties : ["idPage","title","menuTitle","idSmallPicture","idPicture","introduction","presentation","source","dateSorted","link","linkTextPrefix","linkTextInfix","linkTextSuffix","linkOnClick","label"]
			};	
		
			var options = $.extend(true, defaults, parameters);	
		
			return this.each(function(){
				var self = $(this);
				
				//ADD META DATA; IF AVAILABLE
				options = $.metadata ? $.extend(true,options,self.metadata()) : options;
				options.container = self;
				
				var elements = jQuery("<div />").addClass("elements").appendTo(options.container);				
				$(elements).busy();
				
				$.ajax({
					url: "/Webdesk/get?from=page&page="+options.page+"&type="+options.type+"&format=json&properties="+options.properties.join(","),
					success: function(data){
						console.log(data);
						if(data.error){
							console.log(data.error.code+": "+data.error.message);
							return;
						}
				
						if(data.elements && data.elements.length > 0){
							$.each(data.elements,function(index,element){
								if(!$.isEmptyObject(element)){
				
									var image = '';
									if($.hasValue(element.idSmallPicture))
										image = '<img src="../../images/'+element.idSmallPicture+'" alt="" />';
											
									var title = '';
									if($.hasValue(element.title))
										title = '<h5>'+element.title+'</h5>';		    
						
									var date = '';
									if($.hasValue(element.dateSorted))
										date = '<span class="date">'+element.dateSorted+'</span>';					
											
											var source = '';
									if($.hasValue(element.source))
										source = '<span class="source">'+element.source+'</span>';					
											
									var byline = '<p class="byline">'+date+source+'</p>';
											
									var presentation = '';
									if($.hasValue(element.presentation))
										presentation = '<p>'+element.presentation+'</p>';			
														
											
									$(options.container).append($("<div/>").addClass("element").html(image + title + byline + presentation));
								}
							});
						}
					},
					error: function(XMLHttpRequest, textStatus, errorThrown){
						console.log(textStatus);
					}
				});
				
				$(elements).finished();
			});
		}
	});
})(jQuery);