$(document).ready(function() {
	carouselNavigation();
	navHoverStates();
});

function carouselNavigation() {
	var width = $('#carousel > div.product').size() * 149;
	var lastPage = (6 * 149);
	var maxScroll = width;
	if (width > lastPage)
		maxScroll = width - lastPage;
		
	$('#carousel').css('width', width + 'px');
	$('div.left-arrow').click(function() {
		
		var position = parseFloat($('div#carousel').css("margin-left"));
		if(position != 0) {
			if(position + 149 > 0) {
				$('div#carousel').animate({ 'margin-left': "0px"}, 300);
			}
			else {
				$('div#carousel').animate({ 'margin-left': "+=149px"}, 300);
			}
		}
	});

	$('div.right-arrow').click(function() {
		var position = parseFloat($('div#carousel').css("margin-left"));
		var maxMargin = 0 - maxScroll; //-1338;
		if (position > maxMargin) {
			if ((position - 149) < maxMargin) {
				$('div#carousel').animate({ 'margin-left': maxMargin + "px" }, 300);
			}
			else {
				$('div#carousel').animate({ 'margin-left': "-=149px" }, 300);
			}
		}
	});
}

function navHoverStates() {
	
	$('#nav ul li.points').hover (
		function() { $('#puppy-points-menu').css('display','block'); $('#products-menu').css('display','none'); $('#fun-games-menu').css('display','none'); $('#news-menu').css('display','none'); },
		function() { $('#puppy-points-menu').css('display','none'); }
	);
	$('#nav ul li.products').hover (
			function() { $('#products-menu').css('display','block'); $('#puppy-points-menu').css('display','none'); $('#fun-games-menu').css('display','none'); $('#news-menu').css('display','none'); },
			function() { $('#products-menu').css('display','none'); }
	);
	$('#nav ul li.fun-games').hover (
			function() { $('#fun-games-menu').css('display','block'); $('#products-menu').css('display','none'); $('#puppy-points-menu').css('display','none'); $('#news-menu').css('display','none'); },
			function() { $('#fun-games-menu').css('display','none'); }
	);
	$('#nav ul li.news').hover (
			function() { $('#news-menu').css('display','block'); $('#products-menu').css('display','none'); $('#fun-games-menu').css('display','none'); $('#puppy-points-menu').css('display','none'); },
			function() { $('#news-menu').css('display','none'); }
	);
	
}