$(document).ready(function(){
	// Hover States for Nav, ignores active pages.
	function activateNav(target, state){
		if(state){
			target.addClass('active');
			target.find('a').addClass('active');
		}
		else{
			target.removeClass('active');
			target.find('a').removeClass('active');
		}
	}
	var disallow = false;
	$('nav ul li a').mouseenter(function(){
		var target = $(this).parent();
		activateNav(target, true);
	});
	$('nav ul li a').mouseout(function(){
		var target = $(this).parent();
		activateNav(target, false);
	});
	
	$('#productChart, .productChart-2').draggable();
	
	//Size chart
	$('<input type="button" id="showSize" value="Show Size Chart" />').insertBefore('#productChart');
	$('#showSize').click(function(){
		$(this).toggleClass('off');
		$('#productChart').toggle();
		return false;
	});
	
	$('#size-chart').click(function(){
		var target = $('.shirt.focused').find('.productChart-2')
		if(target.is(':visible') == true) target.hide();
		else target.show();
		return false;
	});
	
	//Carousel
	var position	= 0;
	var size		= $("#carousel .container div.shirt:visible").size();
	var	on			= 2;
	var finished = true;

	shift(0);
	
	function shift(pos){
		if(finished){
			if($('.shirt.focused').find('.productChart-2').is(':visible') == true) $('#size-chart').click();
			finished = false;
			$('#previewer').hide();
			$('#enlarge').removeClass('on');
			var imgWidth	= $("#carousel .container div.shirt:visible").outerWidth();
			var movement	= imgWidth * pos;
			var next		= on+(pos * -1);
			var curent		= $("#carousel .container div.shirt.focused").index();
			if(next > size || next <= 0){
				finished = true;
				//alert(next);
				return false;
			}
			else{
				$("#carousel .container").animate({
					marginLeft:'+='+movement
				}, 150, 'linear', function(){
					position = position + (pos * -1);
					focus();
				});
			}
		}
	}
	
	function focus(){
		unFocus();
	
		var targetIndex		= position + 1;
		var target			= $("#carousel .container div.shirt:visible").eq(targetIndex);
		var disallow		= target.hasClass('focused');
		var title			= target.find('img').attr('title');
		var alt				= target.find('img').attr('alt');
		on = target.index() + 1;
		
		$('#title-text a').text(title);
		$('#alt-text a').text(alt);
		$(".count .part").text(on);

		if(disallow){
			return false;
		}
		else{
			target.addClass('focused');
		}
		finished = true;
		linkProduct();
	}
	
	function unFocus(){
		var target = $("#carousel .container div.shirt.focused")
		target.removeClass('focused');
	}
	
	$(".count .whole").text(size);
	
	$("#btnRight").click(function(){
		shift(-1);
	});
	$(".link-foward").click(function(){
		shift(-1);
	});
	
	
	$("#btnLeft").click(function(){
		shift(1);
	});
	$(".link-back").click(function(){
		shift(1);
	});
	
	
	$("#carousel").bind('mousewheel',this,function(event, delta){					 
		shift(delta);
		return false;
	});
	
	$(document).keydown(function(e){
    if (e.keyCode == 37) { 
	   shift(1);
       return false;
    }
    if (e.keyCode == 39) { 
	   shift(-1);
       return false;
    }
});
	
	//Enlarge
	$('#enlarge').click(function(){
		$('.focused a img').click();
		$('#previewer').fadeToggle();
		$(this).toggleClass('on');
	});
	$('#previewer').mouseout(function(){
		$(this).fadeToggle();
		$('#enlarge').removeClass('on');
	});
	
	//Links to Products
	
	function linkProduct(){
		var link = $('.shirt.focused img').attr('id');
		$('#more-info').attr('href', link);
		$('#alt-text a').attr('href', link);
		$('#title-text a').attr('href', link);
	}
	
	$('.link-shirt').click(function(){
		var link = $('.shirt.focused img').attr('id');
	//	window.location = "http://web1.sidesmedia.com/save2ndbase/" + link
		window.location = link;
	});
	
	//Filters
	
	$('.filter li a').click(function(){
		if($(this).hasClass('pink')){
			$(this).removeClass('pink').addClass('grey')
		}
		else{
			$(this).removeClass('grey').addClass('pink')
		}
	});
	
});