(function($) {

$.fn.gallery = function() {

	this.each(function(){
		// подстветка фотографий
		var g = $(this);		
		g.imgs = g.find('img')
		g.leftBtn = g.find('div.left');
		g.rightBtn = g.find('div.right');
		g.content = g.find('div.content');
		g.contentPosition = g.content.position();
		g.contentWidth = g.content.width();
		
				
		g.imgs.hover(function(){
			g.imgs.css({opacity: 0.5});
			$(this).css({opacity: 1});
		},function(){
			g.imgs.css({opacity: 1});
		});
		
		
		
		// 
		//$(window).load(function(){
			var imgsWidth = 0;
			var imgHeight = 0;
			g.imgs.each(function(){
				imgsWidth += $(this).width()+2;
				var tmp = $(this).height();
				if (tmp > imgHeight) imgHeight = tmp;
			});
			g.find('ul').width(imgsWidth);
			
			g.scrollContent = function(x){
				var tmp = g.content.scrollLeft();
				g.content.scrollLeft(tmp + x);
			}
			
			var curInterval;
						
			g.leftBtn.css({
				top: g.contentPosition.top, 
				left: g.contentPosition.left, 
			    height: imgHeight,
				opacity: 0.2}).
			hover(function(e){
				g.leftBtn.animate({opacity: 0.8}, 100);												
				curInterval = setInterval(function(){ g.scrollContent.call(g, -3)}, 4);				
			},function(){
				g.leftBtn.animate({opacity: 0.2}, 100);
				clearInterval(curInterval);				
			}).
			click(function(){
				clearInterval(curInterval);
			});
						
			g.rightBtn.css({
				top: g.contentPosition.top, 
				left: g.contentPosition.left + g.contentWidth - 50, 
				height: imgHeight,
				opacity: 0.2}).
			hover(function(e){
				g.rightBtn.animate({opacity: 0.8}, 100);				
				curInterval = setInterval(function(){ g.scrollContent.call(g, 3)}, 4);							
			},function(){
				g.rightBtn.animate({opacity: 0.2}, 100);
				clearInterval(curInterval);
			}).
			click(function(){
				//clearInterval(curInterval);
			});
	//	});
	});
	
	return this;
};

})(jQuery);