/**
 * @author on1ooker
 */

$(document).ready(function(){

	// change gallery page
	function changePage(index,count,item)
	{
		pager.find('span').css('display','none');
		pager.find('span').eq(index).css('display','inline');
		if (item) {
			pager.find('a').not(item).css('display', 'inline');
		}
		else {
			pager.find('a').css('display', 'inline')
		}
		pager.find('a').eq(index+1).css('display','none');
	
		if (index == 0) {pager.find('.prev').css('display','none');}
		if (index == count-1) {pager.find('.next').css('display','none');}
	}	
	
	// find gallery
	var gallery = $('.right-column .gallery');
	var count = $(gallery).length;
	
	$(gallery).css('display','none');
	$(gallery).eq(0).css('display','block');
	
	// if gallery pages > 1 then append page navigator
	if (count > 1)
	{
		var cur = 0;
		$('.right-column .content').append('<ul class="nav"><li><a href="#" class="prev"><i>‹ </i>Назад</a></li>')
		var pager = $('.right-column .nav');
		for (i=1; i<=count; i++)
		{
			pager.append('<li><a href="#">'+i+'</a><span>'+i+'</span></li>')
		}
		pager.append('<li><a href="#" class="next">Далее<i> ›</i></a></li></ul>');
		
		// switch to the first page
		changePage(0,count,null);
		
		// click navigation buttons
		pager.find('a').click(function()
		{
			// if page number is clicked
			if (!$(this).hasClass('prev') && !$(this).hasClass('next')) 
			{
				var index = parseInt($(this).text()) - 1;
				
				pager.hide();
				gallery.eq(cur).fadeOut(500, function(){gallery.eq(index).fadeIn(1000); pager.fadeIn(1000);});
				
				cur = index;
				
				changePage(index,count,this);
			}
			// if prev is clicked
			if ($(this).hasClass('prev'))
			{
				cur = cur - 1;
				pager.hide();
				
				changePage(cur,count,this);
				
				gallery.eq(cur+1).fadeOut(500, function(){gallery.eq(cur).fadeIn(1000); pager.fadeIn(1000);});
			}
			// if next is clicked
			if ($(this).hasClass('next'))
			{
				cur = cur + 1;
				pager.hide();
				
				changePage(cur,count,this);
				gallery.eq(cur-1).fadeOut(500, function(){gallery.eq(cur).fadeIn(1000); pager.fadeIn(1000);});
			}
			return false;
		})	
	}
});