(function($) {
	$.fn.pagegallery = function(options) {
		
		options = jQuery.extend({}, options);
		
		return this.each(function(){
			var item = $(this);
			var imagesContainer = item.children('ul.galleryItems');
			var images = imagesContainer.children('li');
			images.hide();
			var nImages = images.length;
			var controls = $('<ul></ul>').prependTo(item).addClass('controls');
			var prev = $('<li><</li>').appendTo(controls).addClass('prev');
			var next = $('<li>></li>').appendTo(controls).addClass('next');
			for (var index=0;index<nImages;index++) {
				var indexItem = $('<li>'+(index+1)+'</li>').appendTo(controls).addClass('index');
				indexItem.data('index',index);
				indexItem.click(function(){
					current = $(this).data('index');
					update();
				});
			}
			var indices = controls.children('.index');
			
			var current = 0;
			update();
			prev.click(function(){
				current --;
				if (current < 0) {
					current = nImages-1;
				}
				update();
			});
			
			imagesContainer.click(function(){
				current ++;
				if (current >= nImages) {
					current = 0;
				}
				update();
			});
			next.click(function(){
				current ++;
				if (current >= nImages) {
					current = 0;
				}
				update();
			})
			function update() {
				images.hide();
				images.eq(current).show();
				indices.removeClass('active');
				indices.eq(current).addClass('active')
			}
		});
	};
})(jQuery);