jQuery.fn.gallery = function() {
	var $gallery = $(this);
	var $leng = $('.gallery li').size()+1;
	var anim = false;
	var imgW = 97;
	var imgMargin = 26;
	var amount = 5;
	var currPage;
	
	if (jQuery.browser.msie){
		$(".gallery").css({'left':5,'width':598}); // $(".gallery").css({'left':-20,'width':370});
	}
	
	var _sort = function() {
		for(i=0;i<$leng;i++){
			$(".gallery li").eq(i).css({
				'display': 'block',
				'position':'absolute',
				'width': imgW,
				'top':0,
				'left':i * (imgW+imgMargin)
			});
		}
	}
		
	$("#prev").click(
		 function () {
			if(currPage>1){
				prev();
				butnActivity();
			}
		}
	);
	$("#next").click(
		 function () {
			if(currPage<($leng-amount)){
				next();
				butnActivity();
			}
		}
	);
	
	var prev = function() {
		if(anim) return;
		anim= true;
		$gallery.find('li').each(function(i){
			$(this).animate({'left': parseFloat($(this).css('left')) + (imgW + imgMargin) }, 'normal', function(){anim = false;});
		});
		currPage--;
	};
	var next = function() {
		if(anim) return;
		anim= true;
		$gallery.find('li').each(function(i){
			$(this).animate({'left': parseFloat($(this).css('left')) - (imgW + imgMargin) }, 'normal', function(){anim = false;});
		});
		currPage++;
	};
	
	var butnActivity = function() {
		if(currPage == 1){
			$("#prev").attr({src: "/img/arrowGrayL.gif"});
			$("#next").attr({src: "/img/arrowGreenR.gif"});
		}else if(currPage == $leng-amount){
			$("#prev").attr({src: "/img/arrowGreenL.gif"});
			$("#next").attr({src: "/img/arrowGrayR.gif"});
		}else{
			$("#prev").attr({src: "/img/arrowGreenL.gif"});
			$("#next").attr({src: "/img/arrowGreenR.gif"});
		}
	}

	$gallery.find('li').each(function(i){
		$(this).tipsy({fallback: $(".gallery li a").eq(i).attr("ttitle"), gravity: 's', fade: true});
	});

	$(".gallery li a").click(
	function () {
		$('#bimg').attr({src: $(this).attr("pic")});
		$('#title').text($(this).attr("name_"));
		$('#descr').text($(this).attr("des"));
	});
	currPage = 1;
	_sort();
	butnActivity();
};