$.fn.extend ({
	gallery: function () { 
		var $container		= this;
		var $ul				= $container.children ('ul');
		var $li				= $ul.children ();
		var $img			= $li.children ();
		var $lightbox	= $('#lightbox');

		
		$img.before('<div/>');
		var numImages = $li.length;
		var collapsedWidth = (780 - (numImages)) / numImages;
		var nActiveWidth = (780 - (numImages)) / (numImages + 6);
		$li.css({width: collapsedWidth});
		
		$li.bind('mouseenter',function(){
			var $this = $(this);
			$this.stop().animate({width: nActiveWidth * 7}).addClass('active');
			$li.not($this).stop().animate({width: nActiveWidth});
			
		}).bind('mouseleave',function(){
			$li.stop().animate({width: collapsedWidth}).removeClass('active');
		}).bind ('click',function (e) {
			e.preventDefault ();
			
			var $this	= $(this);
			var $img	= $this.find ('img');
			$.publish ('lightbox/open', [$lightbox, $img.attr ('alt'), $img.clone ()]);
		}).find('div');

	}
});