var captions = [["Rich Black", "Pure black"], ["Dark Brown", "Very dark brown<br />black/brown"], ["Medium Brown", "Rich, medium brown"], ["Light Brown", "Rich, light brown<br />(for very light brown<br />hair, use Ash Blonde)"], ["Ash Blonde", "Medium-toned<br />ash blonde"], ["Golden Blonde", "Medium-toned<br />golden blonde"], ["Light Auburn", "Light red with<br />brown undertone"], ["Dark Auburn", "Deep red with<br />brown undertone"]];
var textContent = true;

$(document).ready(function() {
	var params = {
		menu: "false",
		wmode: "transparent",
		bgcolor: "#c4c9cd",
		allowscriptaccess: "always"
	};
	var attributes = {
		id: "flashColorContent",
		name: "flashColorContent"
	};
	var flashvars = {
	};
	swfobject.embedSWF("../images/colors/colors.swf", "colorsContainer", "340", "154", "9.0.0","expressInstall.swf", flashvars, params, attributes);
	registerColor(0, "#markbox1", "#swat1box1");
	registerColor(1, "#markbox2", "#swat1box2");
	registerColor(2, "#markbox3", "#swat1box3");
	registerColor(3, "#markbox4", "#swat1box4");
	registerColor(4, "#markbox5", "#swat2box1");
	registerColor(5, "#markbox6", "#swat2box2");
	registerColor(6, "#markbox7", "#swat2box3");
	registerColor(7, "#markbox8", "#swat2box4");
});

function registerColor(index, marker, swatch)
{
	$triggers = $(marker + ", " + swatch);
	if ($triggers.length == 2)
	{
		$triggers.addClass("colorTrigger").addClass("colorTrigger" + index);
		$triggers.click(function(e) { 
			e.preventDefault();
			var selected = $(this).hasClass("selected");
			$(".colorTrigger").removeClass("selected");
			if (selected)
			{
				updateCaption(-1);
			}
			else
			{
				$(".colorTrigger" + index).addClass("selected");
				updateCaption(index);
			}
			return false;
		});
	}
}

function updateCaption(index)
{
	$(".colordescripts .captionhd").html(index == -1 ? "" : captions[index][0]);
	$(".colordescripts .caption").html(index == -1 ? "" : captions[index][1]);
	updateFlash(index);
}

function updateFlash(index)
{
	var $flash = $("#flashColorContent");
	if ($flash.length == 1)
	{
		try
		{
			$flash.eq(0).each(function (indx, domElement) {
				this.loadImage(index);
			});
		}
		catch (err)
		{
		}
	}
}