var captions = [["Negro profundo", "Negro puro"], ["Casta&#209;o oscuro", "Casta&#241;o muy oscuro,<br />casi negro"], ["Casta&#209;o mediano", "Rico casta&#241;o mediano"], ["Casta&#209;o claro", "Rico casta&#241;o claro<br />(si su cabello es casta&#241;o muy claro,<br />utilice el tono Rubio Ceniza)"], ["Rubio ceniza", "Rubio ceniza mediano"], ["Rubio dorado", "Rubio dorado mediano"], ["Casta&#209;o rojizo claro", "Rojizo claro con tono subyacente casta&#241;o"], ["Casta&#209;o rojizo oscuro", "Rojizo oscuro con tono subyacente casta&#241;o"]];
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)
		{
		}
	}
}