/**
 * More Images JS
 */

$(document).ready(function(){
	if( $("#product-thumbnails .thumbnail").length > 8 ) {
		$(".arrow").css("visibility","visible");
		$(".arrow-left")
			.click(function() {
				if($(".thumbnail-container").css("left").replace("px", "") < 0) {
					var newLeft = ($(".thumbnail-container").css("left").replace("px", "")*1) + 400;
					$(".thumbnail-container").css("left", newLeft);
				}
			});
		$(".arrow-right")
			.click(function(){
				var panels = Math.ceil( $("#product-thumbnails .thumbnail").length / 8 );
				if($(".thumbnail-container").css("left").replace("px", "") > -((panels-1) * 400)) {
					var newLeft = $(".thumbnail-container").css("left").replace("px", "") - 400;
					$(".thumbnail-container").css("left", newLeft);
				}
			});
	}
	$("#product-thumbnails .thumbnail")
		.click(function(){
			$(".product-tool").removeClass("product-tool-active");
			$(".rich-media-window").hide();
			$("#product-image img").attr({
				src:$(this).find("img").attr("src").replace("_med", "_lg")
			});
			$("#product-thumbnails .thumbnail-active").removeClass("thumbnail-active");
			$(this).addClass("thumbnail-active");
		})
		.hover(function (){
				$(this).css("border-color", "#f5b100");
			},
			function() {
				$(this).css("border-color", "");
			});
	
});