/* Javascript by Chirskiy */
$(document).ready(function ()
{
	var CurWidth = $(window).width();
	var n = $("#galleria li").size();
	var scrollWidth = $('#galleria li img').width()*n;
	
	if (CurWidth < 528)
	{
		$('.scrollGallery').css('width', '528px');
	}
	if (CurWidth > 528)
	{
		$('.scrollGallery').css('width', scrollWidth + 'px');
	}
	for (Kol=1; Kol<=n; Kol++)
	{
		$(".gal_pad").append("<a id='gal_num_" +Kol+"' class='gal_num'>"+Kol+"</a>");
	}
	
	/* Скроллер для галереи */
	var Duration = 200;
	var Long = -528+"px";
	var Long2 = -528*2+"px";
	var Long3 = -528*3+"px";
	var Long4 = -528*4+"px";
	var Long5 = -528*5+"px";
	var Long6 = -528*6+"px";
	var Long7 = -528*7+"px";
	var Long8 = -528*8+"px";
	var Long9 = -528*9+"px";
	var Long10 = -528*10+"px";
	var Long11 = -528*11+"px";
	var Long12 = -528*12+"px";
	var Long13 = -528*13+"px";
	var Long14 = -528*14+"px";
	var Long15 = -528*15+"px";
	var Long16 = -528*16+"px";
	
	$("#gal_num_1").click(function ()
	{
		$("#galleria").animate({left: '0px'}, Duration);
	});
	$("#gal_num_2").click(function ()
	{
		$("#galleria").animate({left: Long}, Duration);
	});
	$("#gal_num_3").click(function ()
	{
		$("#galleria").animate({left: Long2}, Duration);
	});
	$("#gal_num_4").click(function ()
	{
		$("#galleria").animate({left: Long3}, Duration);
	});
	$("#gal_num_5").click(function ()
	{
		$("#galleria").animate({left: Long4}, Duration);
	});
	$("#gal_num_6").click(function ()
	{
		$("#galleria").animate({left: Long5}, Duration);
	});
	$("#gal_num_7").click(function ()
	{
		$("#galleria").animate({left: Long6}, Duration);
	});
	$("#gal_num_8").click(function ()
	{
		$("#galleria").animate({left: Long7}, Duration);
	});
	$("#gal_num_9").click(function ()
	{
		$("#galleria").animate({left: Long8}, Duration);
	});
	$("#gal_num_10").click(function ()
	{
		$("#galleria").animate({left: Long9}, Duration);
	});
	$("#gal_num_11").click(function ()
	{
		$("#galleria").animate({left: Long10}, Duration);
	});
	$("#gal_num_12").click(function ()
	{
		$("#galleria").animate({left: Long11}, Duration);
	});
	$("#gal_num_13").click(function ()
	{
		$("#galleria").animate({left: Long12}, Duration);
	});
	$("#gal_num_14").click(function ()
	{
		$("#galleria").animate({left: Long13}, Duration);
	});
	$("#gal_num_15").click(function ()
	{
		$("#galleria").animate({left: Long14}, Duration);
	});
	$("#gal_num_16").click(function ()
	{
		$("#galleria").animate({left: Long15}, Duration);
	});
});