(function($) {
	$.fn.projectgallery = function(options) {
		
		options = jQuery.extend({imageWidth:480,time:600}, options);
		
		return this.each(function(){
			var item = $(this);
			
			var imagesContainer = item.children('ul.images');
			var background = $('<div></div>').appendTo(item).addClass('background').css('width','100%').css('height','332px').css('background-color','black').css('position','absolute').css('top','0px').css('z-index','-1');
			var images = imagesContainer.children('li');
			var nImages = images.length;
			var controls = item.find('.controls');
			var title = item.find('.title');
			var prev = controls.find('.prev');
			var next = controls.find('.next');
			
			var target = 0;
			
			imagesContainer.width(nImages*options.imageWidth);
			
			if (nImages > 1) {
				prev.click(function(){
					target -= options.imageWidth;
					if (target < 0) {
						target = 0;
					}
					update();
				});
				next.click(function(){
					target += options.imageWidth;
					if (target >= (nImages-1)*options.imageWidth) {
						target = (nImages-1)*options.imageWidth;
					}
					update();
				});
				
				next.mouseenter(function(){
					$(this).css('background-color','black').css('color','white');
				});
				next.mouseleave(function(){
					$(this).css('background-color',title.css('background-color')).css('color','black');
				});
				prev.mouseenter(function(){
					$(this).css('background-color','black').css('color','white');
				});
				prev.mouseleave(function(){
					$(this).css('background-color',title.css('background-color')).css('color','black');
				});
				function update() {
					imagesContainer.stop().animate({left: -target+'px'},{duration: options.time, easing: 'easeInOutQuad'});
				}
			} else {
				controls.hide();
			}
		});
	};
})(jQuery);