$(function() {
	showring($("a[rel^='showcase-image']:first")[0], true);
	PaulBram.init();
});

var PaulBram = {
	init: function() {
		PaulBram.carousel.list.click(showring);
		PaulBram.carousel.container.css("width", PaulBram.carousel.list.length * 132);
		PaulBram.navigation.left.click(function() {
			PaulBram.navigation.scroll("next");
		});
		PaulBram.navigation.right.click(function() {
			PaulBram.navigation.scroll("prev");
		});
	},
	carousel: {
		container: $(".showcaseThumbnailsContainer #dnn_bottompane"),
		list: $("a[rel^='showcase-image']")
	},
	navigation: {
		left: $(".showcaseThumbnails .rightArrow"),
		right: $(".showcaseThumbnails .leftArrow"),
		inProgress: false,
		scroll: function(direction) {
			
			var carousel = PaulBram.carousel;
			var maxLeft = PaulBram.carousel.container.css("width").replace("px","") * -1;
			var marginLeft = carousel.container.css("marginLeft").replace("px","");
			if (marginLeft == "auto") marginLeft = 0;
			var offset = Number(marginLeft) + (direction=="next"?-122:122);

			if ((offset > 0) || (((maxLeft - offset) / 122) > -7)) return;
			
			if (!PaulBram.navigation.inProgress) {
				carousel.container.animate({
					marginLeft: offset
				}, "fast", null, function() {
					PaulBram.navigation.inProgress = false;
				});
				PaulBram.navigation.inProgress = true;
			}
		}
	},
	setCurrentRing: function(name, desc, cut, carat, clarity, color, img) {
		value = name + "|"+desc+"|"+cut+"|"+carat+"|"+clarity+"|"+color + "|"+img;
		expires = "";
		document.cookie = "PaulBramShowcaseRing="+value+expires+"; path=/";
	}
}

function showring(event, force) {
	var target = force?$(event):$(event.currentTarget);
	var showcaseHero = $("#ShowcaseHeroImage");
	var loader = $("#Loader");
	var info = target.attr('rel').split("|");
	var header = info[1];
	var name = info[2];
	var cluster = info[3];
	var band = info[4];
	var carat = info[5];
	var color = info[6];
	var clarity = info[7];
	var cut = info[8];
	var price = info[9];
	var img = target.find("img").attr('src');
	
	img = img.replace("thumbnails", "large");
	
	PaulBram.setCurrentRing(header, name, cut, carat, clarity, color, img);
	
	showcaseHero.hide();
	loader.show();
	
	
	
	var objImage = new Image();
	

	objImage.onload = function() {
		showcaseHero.html("<img src=\"" + img + "\" alt=\"\" />");
		loader.hide();
		showcaseHero.fadeIn("normal");
	};
	
	objImage.src = img;
	
	//$(".showcaseHeroText h2").html(header);
	$(".showcaseHeroText p:first").css({
		width: "470px"
	});
	$(".showcaseHeroText p:first").html(name);
	//$(".showcaseHeroText p:first").html(name + "<br /><br />" + cluster + " | " + band + " | Carat: " + carat + " | Clarity: " + clarity);
}