$(document).ready(function()
{
	$('.rht, .lft').animate({opacity:'0'}, 0);
	setTimeout( "$('.rht, .lft').css({display:'block'},0);", 300);
	setTimeout( "$('.arrowr, .arrowl').fadeIn(400).fadeOut(400).fadeIn(400).fadeOut(400).fadeIn(400).fadeOut(400)", 300);
	/*setTimeout( "$('.rht, .lft').animate({opacity:'0.8'}, 600).animate({opacity:'0'}, 600).animate({opacity:'0.8'}, 600).animate({opacity:'0'}, 600);", 300);*/
	
	$(".rht").hoverIntent
	(
		function()
		{
			$(this).animate({opacity:'1'}, 400);
		},
		function()
		{
			$(this).animate({opacity:'0'}, 400);
		}
	);

	$(".lft").hoverIntent
	(
		function()
		{
			$(this).animate({opacity:'1'}, 400);
		},
		function()
		{
			$(this).animate({opacity:'0'}, 400);
		}
	);

	
	var sliderw=0;
	
	$(".lft").click
	(
		function()
		{
			var count = $('#'+$('.line.clicked').attr('id')+'_tab td').size();
			sliderw = sliderw+1;
			if(sliderw == 1)
			{
				$('#'+$('.line.clicked').attr('id')+'_tab tr td:last').clone().insertBefore($('#'+$('.line.clicked').attr('id')+'_tab td:first'));
				$(".slider").css({marginLeft:-1000});
				sliderw = sliderw-1;
				$('#'+$('.line.clicked').attr('id')+'_tab tr td:last').remove();
			}
			$(".slider").animate({marginLeft:(sliderw*1000)},300);
		}
	);
	
	$(".rht").click
	(
		function()
		{
			var count = $('#'+$('.line.clicked').attr('id')+'_tab td').size()*-1;
			sliderw = sliderw-1;

			if(sliderw == count)
			{
				$('#'+$('.line.clicked').attr('id')+'_tab tr td:first').clone().insertAfter($('#'+$('.line.clicked').attr('id')+'_tab td:last'));
				$('#'+$('.line.clicked').attr('id')+'_tab tr td:first').remove();
				$(".slider").css({marginLeft:(sliderw+2)*1000});
				sliderw = sliderw+1;
				
			}
			$(".slider").animate({marginLeft:(sliderw*1000)},300);
		}
	);
	
	
	$('.line').click
	(
		function()
		{
			if (!$(this).is('.clicked'))
			{
				$(".slider").animate({marginLeft:(($('#'+$('.line.clicked').attr('id')+'_tab td').size())*(-1000))},1500);
				$('.line').removeClass('clicked');
				$(this).removeClass('xxl');
				$(this).addClass('clicked');
				$(this).animate({marginTop: "0px", fontSize: "36px"}, 300);
				$('.line:not(.clicked)').animate({marginTop: "20px", fontSize: "14px"}, 300);
				setTimeout("$('.slider').css({marginLeft:1000}); $('.imagesForCollertion').css({display:'none'});$('#'+$('.line.clicked').attr('id')+'_tab').css({display:'block'});$('.slider').animate({marginLeft:0},300)",1600);
			}
		}
	)
	.hoverIntent
	(
		function()
		{
			if ($(this).is('.clicked'))
			{
				$(this).removeClass('xxl');
			} else
			{
				$(this).addClass('xxl');
			}
		},
		function()
		{
			$(this).removeClass('xxl');
		}
	);
	
	
	/*var slider = this;*/
	$(".navihov").hoverIntent
	(
		function()
		{
			$(this).find('div').fadeIn(300)
		},
		function()
		{
			$(this).find('div').fadeOut(300)
		}
	);
});