$(document).ready(function()
{ 
	var clientWidth = 0;
	
	if($(window).width() < 1200)
	{
		clientWidth = 1000;
		colWidth = 215;
		$("div#footer-menu div.footer-menu-col").css("padding-left", "20px");
		
	}
	else
	{
		clientWidth = 1200;
		colWidth = 284;
		$("div#footer-menu div.footer-menu-col").css("padding-left", "70px");
	}
		
		
	$("#middle").css("width", clientWidth+"px");
	$("#sliding-block").css("width", clientWidth+"px");	
	$(".sliding-col").css("width", colWidth+"px");
	
	$("#sliding-window").css("width", clientWidth-86+"px")
		
	
	var cols = $(".sliding-col");
	
	var height = 0;
	var width = 0;
	
	cols.each(
		function()
		{
			if($(this).height() > height)
				height = $(this).height();
				
			width = width + colWidth+80;
			
		}
	);
	
	$("#sliding-block").css("height", height+"px");
	$("#sliding-window").css("height", height+"px");
	$("#left-part").css("height", height+"px");
	$("#right-part").css("height", height+"px");
	
	var dels = $(".del");
	width = width + 10*dels.length;	
	
	$("#sliding-part").css("width", width+"px");
	
	
	LinkPos = height/2 - 24;
	LinkPos = LinkPos.toFixed();
	
	$("#left-part-window").css("top", LinkPos+"px");
	$("#right-part-window").css("top", LinkPos+"px");
	
	DelPos = height/2 - 102;
	DelPos = DelPos.toFixed();
	
	$(".del").css("background-position", "left "+DelPos+"px")
	
	
	var slideWidth = $("#sliding-window").css("width");
	slideWidth = slideWidth.replace("px", "");
	
	function SlidingPict()
	{
		left = $("#sliding-part").css("left");
		left = parseInt(left.replace("px",""));
						
		toLeft = width + left;
						
		if(toLeft<slideWidth)
		{
			$("#right-part-window").addClass("none");
			$("#right-part-window a").css("display", "none");
		}
			
		else
			$("#right-part-window").removeClass("none");
							
		if(left >= 0)
		{
			$("#left-part-window").addClass("none");
			$("#left-part-window a").css("display", "none");
		}	
		else
			$("#left-part-window").removeClass("none");
	};
	
	SlidingPict();
	
	
	$("#right-part-window").hover(
		function()
		{
			if($(this).attr("class") != "none")
				$(this).toggleClass("hover");
		}
	);
	
	$("#left-part-window").hover(
		function()
		{
			if($(this).attr("class") != "none")
				$(this).toggleClass("hover");
		}
	);
	
	
	$("#right-part-window a").click(
		function()
		{
			var left = $("#sliding-part").css("left");
			left = left.replace("px","");
			
			var toLeft = width + parseInt(left);
						
			if(toLeft > slideWidth)
			{
				$("#left-part-window a").css("display", "none");
				$("#right-part-window a").css("display", "none");
			
				$("#sliding-part").animate({"left": "-="+$("#sliding-window").css("width")}, 2000, 
					function()
					{
						$("#left-part-window a").css("display", "block");
						$("#right-part-window a").css("display", "block");
						SlidingPict();
					}
				);
				
			}
	
		}	
	);
	
	$("#left-part-window a").click(
		function()
		{
			var left = $("#sliding-part").css("left");
			left = left.replace("px","");
			
			if(left < 0)
			{
				$("#left-part-window a").css("display", "none");
				$("#right-part-window a").css("display", "none");
				$("#sliding-part").animate({"left": "+="+$("#sliding-window").css("width")}, 2000, 
					function()
					{
						$("#left-part-window a").css("display", "block");
						$("#right-part-window a").css("display", "block");
						SlidingPict();
					}
				);
				
			}
			
		}	
	);
	
});