$(document).ready(function(){
	
	
	$(document).everyTime(10000, "interval", function() {
		next();
	});
	
	
	$('.carouselContainer').mouseover(function(){
		$(document).stopTime("interval");
	});
	
	$('.carouselContainer').mouseout(function(){
		$(document).everyTime(10000, "interval", function() {
			next();
		});
	});
	
	var width = parseInt($('.carouselContainer').css('width').replace('px', ''));
	var margin = parseInt($('.carouselSlider').css('marginLeft').replace('px', ''));
	
	if($('.carouselSlider').attr('rel'))
	{
		var rel = $('.carouselSlider').attr('rel').replace('px', '');
	}
	var count = $(".carouselSlider > div").length;
	var singleWidth = parseInt($('.carouselContainer').css('width').replace('px', ''));
	var totalWidth = (parseInt($('.carouselContainer').css('width').replace('px', ''))  * count);
	//var totalWidth = parseInt($('.carouselSlider').css('width').replace('px', ''));
	
	function next(){
		if($('.carouselSlider').attr('rel'))
		{
			margin = parseInt($('.carouselSlider').attr('rel'));
		}
		var nextMargin = margin + width;
		
		if(nextMargin < totalWidth)
		{
			var newMargin = '-' + nextMargin + 'px';
			$('.carouselSlider').animate({"margin-left" : newMargin}, "slow", "linear");
			$('.carouselSlider').attr('rel', nextMargin);
			var calc = (nextMargin) / singleWidth;
			//alert(calc);
			resetAndSetDots('carouselPagImg' + calc);
			return false;
		}
		else
		{
			var newMargin = '0px';
			$('.carouselSlider').animate({"margin-left" : newMargin}, "slow", "linear");
			$('.carouselSlider').attr('rel', '0');
			resetAndSetDots('carouselPagImg0');
			return false;
		}  
	}

	function resetAndSetDots(parent){
		$('.navImg').each(function(){
			$(this).attr('src', '/images/greyDot.png');
		});
		
		$('#' + parent).attr('src', '/images/orangeDot.png');
	}
	
	$('.carouselNavLink').click(function(){
		var itemNr = $(this).attr('title');

		if(itemNr > 0)
		{
			var newWidth = '-' + (width * itemNr) + 'px';
			$('.carouselSlider').animate({"margin-left" : newWidth}, "slow", "linear");
			$('.carouselSlider').attr('rel', (width * itemNr));
			resetAndSetDots('carouselPagImg' + itemNr);
			return false;
		}
	});
	
	$('#carouselPagItem0').click(function(){
		$('.carouselSlider').animate({"margin-left" : "0"}, "slow", "linear");
		$('.carouselSlider').attr('rel', '0');
		resetAndSetDots('carouselPagImg0');
		return false;
	});
	
	
	$('#prevCarousel').click(function(){
		 
		if($('.carouselSlider').attr('rel'))
		{
			margin = parseInt($('.carouselSlider').attr('rel'));
		}
		var nextMargin = margin - width;
			if(nextMargin >= 0)
			{
				var newMargin = '-' + nextMargin + 'px';
				$('.carouselSlider').animate({"margin-left" : newMargin}, "slow", "linear");
				$('.carouselSlider').attr('rel', nextMargin);
				var calc = (nextMargin) / singleWidth;
				
				resetAndSetDots('carouselPagImg' + calc);
				return false;
			}
			else
			{
				var newMargin = '-' + (totalWidth - width) + 'px';
				$('.carouselSlider').animate({"margin-left" : newMargin}, "slow", "linear");
				$('.carouselSlider').attr('rel', totalWidth - width);
				var calc = ($(".carouselSlider > div").length) -1;
			
				resetAndSetDots('carouselPagImg' + calc);
				return false;
			}
	});
	
	$('#nextCarousel').click(function(){
		next();
		return false;
	});
	
	
});