// JavaScript Document

$(document).ready(function(){
						   
	/*показываем большие изображения*/

	var container = $("div#pr_view_big div#pr_view_big_container");

 	var container_sm = $("div#pr_view_small div#pr_view_small_container");

	var count_show = (Math.ceil(Math.ceil($(window).width() - 430)/76 - 1));

	var count = Math.ceil($("#pr_view_small_container").children("div[rel=count]").length / 2);

	set_width_begun($("div#pr_view_small div#pr_view_small_container div#begun"),76);

	set_width($("div#pr_view_big div#pr_view_big_container"),195);

	set_width_prev($("div#pr_view_small div#pr_view_small_container"),76,count);


	
	var count_page = Math.ceil((count*76)/(count_show*76));
	
	set_navig(count_show,count,count_page);

	

	$("div#preloader").fadeOut(200);

	container.fadeIn(600);

	container_sm.fadeIn(600);

	$(window).bind("resize",//при изменении размера окна

	   function()

	   {
			var count = Math.ceil($("#pr_view_small_container").children("div[rel=count]").length / 2);

			set_width($("div#pr_view_big div#pr_view_big_container"),195);

			set_width_prev($("div#pr_view_small div#pr_view_small_container"),76,count);

			set_width_begun();

			$("div#pr_view_small div#begun").stop().animate(

			{

				"left":	"4px"//???????????????????????????????????????? прибавить еще 4 пикселя

			},300											 

			);			



			$("div#pr_view_big div#pr_view_big_container").stop().animate(

			{

				"right":"0px"//???????????????????????????????????????? прибавить еще 4 пикселя

			},300											 

			);	

			$("div#pr_view_small div#pr_view_small_container").stop().animate(

			{

				"left":"0px"//???????????????????????????????????????? прибавить еще 4 пикселя

			},300											 

			);			


			var count_show = (Math.ceil(Math.ceil($(window).width() - 430)/76 - 1));
					
			var count = Math.ceil($("#pr_view_small_container").children("div[rel=count]").length / 2);
			
			var count_page = Math.ceil((count*76)/(count_show*76));
		
			set_navig(count_show,count,count_page);

	   }

	);



	//$("div#pr_view_small div#pr_view_small_container div").live("click",
	$("div#pr_view_small div#pr_view_small_container div").click(
		function()

		{
			var width_beg_pos = (Number($(this).css("left").substring(0,$(this).css("left").length - 2))) + $("div#begun").width() + Number($("div#pr_view_small_container").css("left").substring(0,$("div#pr_view_small_container").css("left").length - 2)); /*$("div#pr_view_small div#pr_view_small_container").width() + $("div#begun").width();*/

			var width_cont = $("div#pr_view_small div#pr_view_small_container").width();
						
			var left = width_cont - $("div#begun").width();
						
			if(width_beg_pos > width_cont)
			{//если ширина бегунка + позиция больше ширины контейнера, то	
						
				$("div#pr_view_small div#begun").stop().animate(

				{

					"left":left + 4

				},300											 

				);			

				$("div#pr_view_big div#pr_view_big_container").stop().animate(

				{

					"right":left/76 * 195

				},300											 

				);

				

			}

			else//если ширина бегунка + позиция меньше ширины контейнера, то

			{			
				
				var zero = $("div#pr_view_small_container").offset().left;
				
				if($("div#pr_view_small_container").css("left") == "auto") $("div#pr_view_small_container").css("left",0);
				
				var l = $(this).offset().left - zero + Number($("div#pr_view_small_container").css("left").substring(0,$("div#pr_view_small_container").css("left").length - 2)) + 4;
								
				$("div#pr_view_small div#begun").stop().animate(

				{

					"left":	l

				},300											 

				);			


				$("div#pr_view_big div#pr_view_big_container").stop().animate(

				{

					"right":(($(this).offset().left - zero)/76)*195

				},900											 

				);

			}

			

		}

	);

	function set_width_prev(el,w,c)

	{
		
		var width = (Math.ceil(Math.ceil($(window).width() - 430)/w - 1));
				
		if((width*w) > (c*w))
		{
			el.parent("div").width(c*w);
		}
		else
		{				
			el.parent("div").width(width*w);
		}

	}

	function set_width(el,w)

	{
		var width = (Math.ceil(Math.ceil($(window).width() - 430)/w - 1));
		
		el.parent("div").width(width*w);	

	}

	

	function set_width_begun(i)

	{

		var width = (Math.ceil(Math.ceil($(window).width() - 430)/195 - 1));

		$("div#pr_view_small div#begun").width(width*76);		

	}
	

	function set_navig(count_show,count,count_page)

	{

		$("div#pager").html("");
		

		/*alert(count+" - "+count*76+" - "+count_show * 76+" - "+($(window).width() - 430));*/
		//alert(count_page+" - "+count*76+" - "+count_show * 76);
		if(count_page)
		{
			$("div#pager").append("Страницы: ");
		}
		for(var i = 1; i <= count_page; i++)
		{
			$("div#pager").append("<a href='javascript:void(0);' class='pager' alt='"+i+"'>"+i+"</a>&nbsp;&nbsp;");
		}

	}
	
	
	$("div#pager a").live("click",
	function()
	{
		var cur_page = $(this).attr('alt');
		//alert(cur_page);
		$("div#pr_view_small div#begun").stop().animate(
	
		{
	
			"left":	4
	
		},300											 
	
		);
	
		//alert(count_show+" - "+count+" - "+count_page+" - "+Number(count_show * 76)+"px");
		if(cur_page == 1)
		{
			$("div#pr_view_small div#pr_view_small_container").stop().animate(
	
			{
	
				"left":0
	
			},900											 
	
			);	

			$("div#pr_view_big div#pr_view_big_container").stop().animate(

			{

				"right":0

			},300											 

			);
			
		}
		else
		{
			//alert("-"+Number(count_show * 76 * (cur_page - 1))+"px"+count_show);
			
			$("div#pr_view_small div#pr_view_small_container").stop().animate(
	
			{
	
				"left":"-"+Number(count_show * 76 * (cur_page - 1))+"px"
	
			},300											 
	
			);	

			$("div#pr_view_big div#pr_view_big_container").stop().animate(

			{

				"right":Number(count_show * 195 * (cur_page - 1))+"px"

			},300											 

			);
		}
	}
	);
}

);