function getPaleta1(){
		$("#paletaColor1").slideDown(500);//css("display", "block");//load("{TEMPLATE_DIR}/img/paleta_colores/paleta.html");
		$("#paletaColor2").css("display", "none");
		$("#paletaColor3").css("display", "none");
		$("#paletaColor4").css("display", "none");
		$("#paletaColor5").css("display", "none");
		$("#paletaColor6").css("display", "none");
	}
	
	function getPaleta2(){
			$("#paletaColor2").slideDown(500);//.css("display", "block");//load("{TEMPLATE_DIR}/img/paleta_colores/paleta.html");
			$("#paletaColor1").css("display", "none");
			$("#paletaColor3").css("display", "none");
			$("#paletaColor4").css("display", "none");
			$("#paletaColor5").css("display", "none");
			$("#paletaColor6").css("display", "none");
	}
	
	function getPaleta3(){
			$("#paletaColor3").slideDown(500);//.css("display", "block");//load("{TEMPLATE_DIR}/img/paleta_colores/paleta.html");
			$("#paletaColor2").css("display", "none");
			$("#paletaColor1").css("display", "none");
			$("#paletaColor4").css("display", "none");
			$("#paletaColor5").css("display", "none");
			$("#paletaColor6").css("display", "none");
	}
	
	function getPaleta4(){
			$("#paletaColor4").slideDown(500);//.css("display", "block");//load("{TEMPLATE_DIR}/img/paleta_colores/paleta.html");
			$("#paletaColor2").css("display", "none");
			$("#paletaColor3").css("display", "none");
			$("#paletaColor1").css("display", "none");
			$("#paletaColor5").css("display", "none");
			$("#paletaColor6").css("display", "none");
	}
	
	function getPaleta5(){
			$("#paletaColor5").slideDown(500);//.css("display", "block");//load("{TEMPLATE_DIR}/img/paleta_colores/paleta.html");
			$("#paletaColor2").css("display", "none");
			$("#paletaColor3").css("display", "none");
			$("#paletaColor4").css("display", "none");
			$("#paletaColor1").css("display", "none");
			$("#paletaColor6").css("display", "none");
	}
	
	function getPaleta6(){
			$("#paletaColor6").slideDown(500);//.css("display", "block");//load("{TEMPLATE_DIR}/img/paleta_colores/paleta.html");
			$("#paletaColor2").css("display", "none");
			$("#paletaColor3").css("display", "none");
			$("#paletaColor4").css("display", "none");
			$("#paletaColor5").css("display", "none");
			$("#paletaColor1").css("display", "none");
	}



function elijeColor1(color) {
	if(color == 'none')
		$("#color1").css("background", 'url(template/img/paleta_colores/noneg.png) no-repeat center');
	else
		$("#color1").css("background", color);
	$("#paletaColor1").slideUp(500);//.css("display", "none");
	document.look.t_color1.value = color;
}

function elijeColor2(color) {
	if(color == 'none')
		$("#color2").css("background", 'url(template/img/paleta_colores/noneg.png) no-repeat center');
	else
		$("#color2").css("background", color);
	$("#paletaColor2").slideUp(500);//.css("display", "none");
	document.look.t_color2.value = color;
}

function elijeColor3(color) {
	if(color == 'none')
		$("#color3").css("background", 'url(template/img/paleta_colores/noneg.png) no-repeat center');
	else
		$("#color3").css("background", color);
	$("#paletaColor3").slideUp(500);//.css("display", "none");
	document.look.t_color3.value = color;
}

function elijeColor4(color) {
	if(color == 'none')
		$("#color4").css("background", 'url(template/img/paleta_colores/noneg.png) no-repeat center');
	else
		$("#color4").css("background", color);
	$("#paletaColor4").slideUp(500);//.css("display", "none");
	document.look.t_color4.value = color;
}

function elijeColor5(color) {
	if(color == 'none')
		$("#color5").css("background", 'url(template/img/paleta_colores/noneg.png) no-repeat center');
	else
		$("#color5").css("background", color);
	$("#paletaColor5").slideUp(500);//.css("display", "none");
	document.look.t_color5.value = color;
}

function elijeColor6(color) {
	if(color == 'none')
		$("#color6").css("background", 'url(template/img/paleta_colores/noneg.png) no-repeat center');
	else
		$("#color6").css("background", color);
	$("#paletaColor6").slideUp(500);//.css("display", "none");
	document.look.t_color6.value = color;
}

function cerrar1() {
	$("#paletaColor1").slideUp(500);
}

function cerrar2() {
	$("#paletaColor2").slideUp(500);
}

function cerrar3() {
	$("#paletaColor3").slideUp(500);
}

function cerrar4() {
	$("#paletaColor4").slideUp(500);
}

function cerrar5() {
	$("#paletaColor5").slideUp(500);
}

function cerrar6() {
	$("#paletaColor6").slideUp(500);
}




 var perline = 9;
 var divSet = false;
 var curId;
 var colorLevels = Array('0', '3', '6', '9', 'C', 'F');
 var colorArray = Array();
 var ie = false;
 var nocolor = 'none';
 if (document.all) { ie = true; nocolor = ''; }
 
 function getObj(id) {
 if (ie) { return document.all[id]; }
 else { return document.getElementById(id); }
 }

 function addColor(r, g, b) {
 var red = colorLevels[r];
 var green = colorLevels[g];
 var blue = colorLevels[b];
 addColorValue(red, green, blue);
 }

 function addColorValue(r, g, b) {
 colorArray[colorArray.length] = '#' + r + r + g + g + b + b;
 }

 function setColor(color) {
 var link = getObj(curId);
 var field = getObj(curId + 'field');
 var picker = getObj('colorpicker');
 field.value = color;
 if (color == '') {
 link.style.background = nocolor;
 link.style.color = nocolor;
 color = nocolor;
 } else {
 link.style.background = color;
 link.style.color = color;
 }
 picker.style.display = 'none';
 eval(getObj(curId + 'field').title);
 }

 function setDiv() {
 if (!document.createElement) { return; }
 var elemDiv = document.createElement('div');
 if (typeof(elemDiv.innerHTML) != 'string') { return; }
 genColors();
 elemDiv.id = 'colorpicker';
 elemDiv.style.position = 'absolute';
 elemDiv.style.display = 'none';
 elemDiv.style.border = '#000000 1px solid';
 elemDiv.style.background = '#FFFFFF';
 elemDiv.innerHTML = '<span style="font-family:Verdana; font-size:11px;">Paleta : '
 + '(<a href="javascript:setColor(\'none\');">Ninguno</a>)<br>'
 + getColorTable();

 fi = document.getElementById('paletaColor');
 fi.appendChild(elemDiv);
 divSet = true;
 }

 function pickColor(id) {
 if (!divSet) { setDiv(); }
 var picker = getObj('colorpicker');
 if (id == curId && picker.style.display == 'block') {
 picker.style.display = 'none';
 return;
 }
 curId = id;
 var thelink = getObj(id);
 picker.style.top = getAbsoluteOffsetTop(thelink) + 20;
 picker.style.left = getAbsoluteOffsetLeft(thelink);
 //var posicion = $("#"+id+"").offset();
 //picker.style.top = posicion.top + 20;
 //picker.style.left = posicion.left;
 picker.style.display = 'block';
 }

 function genColors() {
 addColorValue('0','0','0');
 addColorValue('3','3','3');
 addColorValue('6','6','6');
 addColorValue('8','8','8');
 addColorValue('9','9','9');
 addColorValue('A','A','A');
 addColorValue('C','C','C');
 addColorValue('E','E','E');
 addColorValue('F','F','F');

 for (a = 1; a < colorLevels.length; a++)
 addColor(0,0,a);
 for (a = 1; a < colorLevels.length - 1; a++)
 addColor(a,a,5);

 for (a = 1; a < colorLevels.length; a++)
 addColor(0,a,0);
 for (a = 1; a < colorLevels.length - 1; a++)
 addColor(a,5,a);

 for (a = 1; a < colorLevels.length; a++)
 addColor(a,0,0);
 for (a = 1; a < colorLevels.length - 1; a++)
 addColor(5,a,a);


 for (a = 1; a < colorLevels.length; a++)
 addColor(a,a,0);
 for (a = 1; a < colorLevels.length - 1; a++)
 addColor(5,5,a);

 for (a = 1; a < colorLevels.length; a++)
 addColor(0,a,a);
 for (a = 1; a < colorLevels.length - 1; a++)
 addColor(a,5,5);

 for (a = 1; a < colorLevels.length; a++)
 addColor(a,0,a);
 for (a = 1; a < colorLevels.length - 1; a++)
 addColor(5,a,5);

 return colorArray;
 }
 function getColorTable() {
 var colors = colorArray;
 var tableCode = '';
 tableCode += '<table border="0" cellspacing="1" cellpadding="1">';
 for (i = 0; i < colors.length; i++) {
 if (i % perline == 0) { tableCode += '<tr>'; }
 tableCode += '<td bgcolor="#000000"><a style="outline: 1px solid #000000; color: '
 + colors[i] + '; background: ' + colors[i] + ';font-size: 10px;" title="'
 + colors[i] + '" href="javascript:setColor(\'' + colors[i] + '\');">&nbsp;&nbsp;&nbsp;</a></td>';
 if (i % perline == perline - 1) { tableCode += '</tr>'; }
 }
 if (i % perline != 0) { tableCode += '</tr>'; }
 tableCode += '</table>';
 return tableCode;
 }
 function relateColor(id, color) {
 var link = getObj(id);
 if (color == '') {
 link.style.background = nocolor;
 link.style.color = nocolor;
 color = nocolor;
 } else {
 link.style.background = color;
 link.style.color = color;
 }
 eval(getObj(id + 'field').title);
 }
 function getAbsoluteOffsetTop(obj) {
 var top = obj.offsetTop;
 var parent = obj.offsetParent;
 while (parent != document.body) {
 top += parent.offsetTop;
 parent = parent.offsetParent;
 }
 return top;
 }

 function getAbsoluteOffsetLeft(obj) {
 var left = obj.offsetLeft;
 var parent = obj.offsetParent;
 while (parent != document.body) {
 left += parent.offsetLeft;
 parent = parent.offsetParent;
 }
 return left;
 }