//:. Indica cual es el color seleccionado para el diseņo
function SeleccionaColor(color) {
	var colores = new Array('agua','naranjo','amarillo','crudo','rojo','gris','hojas','azul','azulmarino','piel','verde','cafe','tierra','violeta','negro');
	for(i=0; i<15; i++) {
		if (colores[i] != color) {
			document.getElementById(colores[i]).innerHTML = '<img src="'+ruta_www+'img/color_'+colores[i]+'.gif" width="15" height="15" border="0" alt="">';
		}
	}
	if (color) {
		document.getElementById(color).innerHTML = '<img src="'+ruta_www+'img/color_'+color+'_on.gif" width="15" height="15" border="0" alt="">';
	}

	//:.Cargamos las interfaces
	document.getElementById('Interfaz').innerHTML = '<img src="'+ruta_www+'img/img_cajas/thumb_'+color+'.gif" width="372" height="84" border="0" alt="">';
	document.getElementById('Interfaz_b').innerHTML = '<img src="'+ruta_www+'img/img_cajas/thumb_'+color+'_b.gif" width="372" height="84" border="0" alt="">';
}


function CambiarDisenioBoton(tipoMenu) {
	codigo = document.frm_disenio.codigo.value;
	codigo_boton = document.frm_disenio.codigo_boton.value;
	codigo_pie   = document.frm_disenio.codigo_pie.value;
	color  = document.frm_disenio.color.value;
	colcon = document.frm_disenio.color_contenido.value;
	color_texto = document.frm_disenio.color_texto.value;
	color_fondo = document.frm_disenio.color_fondo.value;
	fuente  = document.frm_disenio.fuente.value;
	titulos = document.frm_disenio.titulo_formato.value;
	tipo_menu = document.frm_disenio.tipo_menu.value;
	tamanio_menu = document.frm_disenio.menuTamanioFuente.value;
	if (tipoMenu == 1) {
		window.open(ruta_www+'disenio_botones.php?ct='+color_texto+'&cp='+codigo_pie+'&ut='+titulos+'&if='+fuente+'&cb='+codigo_boton+'&cp='+codigo_pie+'&c='+codigo+'&color='+color+'&colcon='+colcon,'botones','status=no, width=400,height=300,resizable=0, scrollbars=yes');
	}
	if (tipoMenu == 2) {
		window.open(ruta_www+'disenio_botones_texto.php?colfon='+color_fondo+'&color='+color+'&colcon='+colcon+'&tm='+tamanio_menu,'botones','status=no, width=570,height=640,resizable=0, scrollbars=yes');
	}
}

function CambiarEncabezado() {
	window.open(ruta_www+'disenio_encabezado.php','encabezado','status=no, width=400, height=300, resizable=0, scrollbars=yes');
}

function MostrarPreview(IdSitio) {
	codigo = document.frm_disenio.codigo.value;
	codigo_boton = document.frm_disenio.codigo_boton.value;
	codigo_pie = document.frm_disenio.codigo_pie.value;
	color  = document.frm_disenio.color.value;
	colcon = document.frm_disenio.color_contenido.value;
	color_texto = document.frm_disenio.color_texto.value;
	fuente = document.frm_disenio.fuente.value;
	titulos = document.frm_disenio.titulo_formato.value;

	window.open(ruta_www+'spd_site.php?IdS='+IdSitio+'&preview=1&prevista=1&ct='+color_texto+'&cp='+codigo_pie+'&ut='+titulos+'&if='+fuente+'&cb='+codigo_boton+'&cp='+codigo_pie+'&c='+codigo+'&color='+color+'&colcon='+colcon,'botones','status=no, width=780,height=550,resizable=0,scrollbars=yes');
}


function CambiarDisenioPie() {
	codigo = document.frm_disenio.codigo.value;
	codigo_boton = document.frm_disenio.codigo_boton.value;
	codigo_pie = document.frm_disenio.codigo_pie.value;
	color  = document.frm_disenio.color.value;
	colcon = document.frm_disenio.color_contenido.value;
	color_texto = document.frm_disenio.color_texto.value;
	fuente = document.frm_disenio.fuente.value;
	titulos = document.frm_disenio.titulo_formato.value;

	window.open(ruta_www+'disenio_pie.php?ct='+color_texto+'&cp='+codigo_pie+'&ut='+titulos+'&if='+fuente+'&cb='+codigo_boton+'&cp='+codigo_pie+'&c='+codigo+'&color='+color+'&colcon='+colcon,'pie','status=no, width=400,height=300,resizable=0,scrollbars=yes');
}

function CambiarDisenioEncabezado() {
	color  = document.frm_disenio.color.value;
	color_fondo  = document.frm_disenio.color_fondo.value;
	window.open(ruta_www+'disenios_encabezado.php?color='+color+'&color_fondo='+color_fondo,'encabezado','status=no, width=780, height=550, resizable=0, scrollbars=yes');
}

function NombreColorHex(color_hex) {
	switch(color_hex) {
		case '91D8E3':	color1 = 'agua';	break;
		case 'FF6600':	color1 = 'naranjo';	break;
		case 'FFFF77':	color1 = 'amarillo';break;
		case 'EEEECC':	color1 = 'crudo';	break;
		case 'F91F00':	color1 = 'rojo';	break;
		case 'ACACAC':	color1 = 'gris';	break;
		case '70BA95':	color1 = 'hojas';	break;
		case '1D61FE':	color1 = 'azul';	break;
		case '000099':	color1 = 'azulmarino';	break;
		case 'F5E6D8':	color1 = 'piel';	break;
		case '009500':	color1 = 'verde';	break;
		case '644300':	color1 = 'cafe';	break;
		case 'AD8F7A':	color1 = 'tierra';	break;
		case 'AF00F2':	color1 = 'violeta';	break;
		case '000000':	color1 = 'negro';	break;
		default:	color1 = 'agua';	break;
	}
	return(color1);
}


function ActualizaEncabezado() {
	codigo = document.frm_disenio.codigo.value;
	color  = document.frm_disenio.color.value;
	color_contenido = document.frm_disenio.color_contenido.value;
	color1 = NombreColorHex(color);

	cadena = "<img src='"+ruta_www+"cargar_disenio.php?c="+codigo+"&p=-1&color="+color1+"&a=450' border='0' alt=''>";
	if (document.frm_disenio.encabezado_propio.value == 1) {
		cadena = "<img src='"+ruta_www+"img/1_encabezado_propio.jpg' width='450' height='83' border='0' alt=''>";
	}
	document.getElementById('EncabezadoImagen').innerHTML = cadena;
	document.getElementById('imgPreview').innerHTML = '<img class="ImagenPreview" src="'+ruta_www+'cargar_disenio.php?c='+codigo+'&p=-1&color='+color1+'&a=500" height="93" width="500" border="0" vspace="2" title="" />';
	ValidaColoresContenido();
}


function CargaFlechita() {
	cadena = "<img src='"+ruta_www+"img/flechilia_elije_encab.gif' border='0' alt=''>";
	document.getElementById('flechiliaEncabezado').innerHTML = cadena;
}


function ActualizaPie() {
	codigo = document.frm_disenio.codigo_pie.value;
	color1 = NombreColorHex(color);

	cadena = "<img src='"+ruta_www+"cargar_disenio.php?c="+codigo+"&p=3&color="+color1+"&a=450' border='0' alt=''>";
	document.getElementById('PieImagen').innerHTML = cadena;
}


function ActualizaMenu() {
	codigo_boton = document.frm_disenio.codigo_boton.value;
	color       = document.frm_disenio.color.value;
	fuente_tipo = document.frm_disenio.fuente.value;
	color_texto = document.frm_disenio.color_texto.value;
	tipo_menu = document.frm_disenio.tipo_menu.value;
	menuColorTexto = document.frm_disenio.menuColorTexto.value;
	menuColorFondo = document.frm_disenio.menuColorFondo.value;
	menuColorBorde = document.frm_disenio.menuColorBorde.value;

	if (tipo_menu == 1) {
		cadena = "<div style='background-color: #"+color+"; height: 150px;'><img src='"+ruta_www+"imagen_texto.php?cb="+codigo_boton+"&color="+color+"&if="+fuente_tipo+"&ct="+color_texto+"&bm=true' border='0' alt='' vspace='5'></div>";
	}
	if (tipo_menu == 2) {
		cadena = "<div style='background-color: #"+color+"; height: 150px;'><div style='font-size: 9px; margin: 1px; padding: 2px 2px 2px 6px; color: "+menuColorTexto+"; border: 1px solid "+menuColorBorde+"; background-color: "+menuColorFondo+";'>Menu</div><div>";
	}
	document.getElementById('MenuImagen').innerHTML = cadena;
}


function ActualizaContenido() {
	codigo = document.frm_disenio.codigo.value;
	color  = document.frm_disenio.color.value;
	if (document.frm_disenio.color_contenido.value) {
		color = document.frm_disenio.color_contenido.value;
	}
	cadena = "<div style='background-color: #"+color+"; height: 150px;'>&nbsp;</div>";
	document.getElementById('ContenidoImagen').innerHTML = cadena;

	ValidaColoresContenido();
}


function ActualizaExtra() {
	codigo = document.frm_disenio.codigo.value;
	color  = document.frm_disenio.color.value;
	cadena = "<div style='background-color: #"+color+"; height: 150px;'>&nbsp;</div>";
	document.getElementById('ExtraImagen').innerHTML = cadena;
}


function ActualizaColor(color) {
	document.frm_disenio.color.value = color;
//	document.frm_disenio.color_contenido.value = color;
	Actualizar();
}


function OpcionesColoresContenido(color_seleccionado) {

	color  = document.frm_disenio.color.value;
	var colores = new Array(4);
	var imagen  = new Array(4);

	on = '';
//alert(color);
	switch(color) {
		case '91D8E3': //AGUA
			colores[1] = '2FA8B9';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_agua_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'BAE7ED';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_agua_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'agua';
			break;
		case 'FF6600'://NARANJO
			colores[1] = 'A44200';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_naranjo_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'FFB17D';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_naranjo_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'naranjo';
			break;
		case 'FFFF77'://AMARILLO
			colores[1] = 'C4C400';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_amarillo_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'FFFFBB';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_amarillo_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'amarillo';
			break;
		case 'EEEECC'://CRUDO
			colores[1] = 'D8D88D';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_crudo_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'F7F7E8';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_crudo_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'crudo';
			break;
		case 'F91F00'://ROJO
			colores[1] = 'A81500';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_rojo_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'FFBCB3';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_rojo_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'rojo';
			break;
		case 'ACACAC'://GRIS
			colores[1] = '7E7E7E';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_gris_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'DDDDDD';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_gris_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'gris';
			break;
		case '70BA95'://HOJAS
			colores[1] = '3D7E5E';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_hojas_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'A9D6BF';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_hojas_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'hojas';
			break;
		case '1D61FE'://AZUL
			colores[1] = '0135AF';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_azul_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'B3CAFF';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_azul_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'azul';
			break;
		case '000099'://AZULMARINO
			colores[1] = '00006C';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_azulmarino_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = '4646FF';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_azulmarino_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'azulmarino';
			break;
		case 'F5E6D8'://PIEL
			colores[1] = 'E8C19F';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_piel_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'FBF3EC';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_piel_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'piel';
			break;
		case '009500'://VERDE
			colores[1] = '004A00';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_verde_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'C1FFC1';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_verde_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'verde';
			break;
		case '644300'://CAFE
			colores[1] = '422D00';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_cafe_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'FFD782';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_cafe_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'cafe';
			break;
		case 'AD8F7A'://TIERRA
			colores[1] = '674F3F';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_tierra_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'CBB8AB';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_tierra_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'tierra';
			break;
		case 'AF00F2'://VIOLETA
			colores[1] = '7A00A8';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_violeta_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'ECBBFF';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_violeta_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'violeta';
			break;
		case '000000'://NEGRO
			colores[1] = '3F3F3F';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_negro_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'CCCCCC';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_negro_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'negro';
			break;
		default: //AGUA
			colores[1] = '2FA8B9';
			if (colores[1] == color_seleccionado) { on = '_on'; }
			imagen[1]  = '<img src="'+ruta_www+'img/color_agua_1'+on+'.gif" width="15" height="15" border="0" alt="">';
			on = '';
			colores[2] = 'BAE7ED';
			if (colores[2] == color_seleccionado) { on = '_on'; }
			imagen[2]  = '<img src="'+ruta_www+'img/color_agua_2'+on+'.gif" width="15" height="15" border="0" alt="">';
			color_original = 'agua';
			break;
	}
	on = '';
	colores[3] = 'FFFFFF';
	if (colores[3] == color_seleccionado) { on = '_on'; }
	imagen[3]  = '<img src="'+ruta_www+'img/color_blanco'+on+'.gif" width="15" height="15" border="0" alt="">';

	on = '';
	colores[0] = color;
	if ((colores[0] == color_seleccionado) || (!color_seleccionado)) { on = '_on'; }
	imagen[0]  = '<img src="'+ruta_www+'img/color_'+color_original+on+'.gif" width="15" height="15" border="0" alt="">';

	cadena = "";
	for (i=0; i<=3; i++) {
		cadena += "<a href=\"#\" class=\"LinkColores\" onclick=\"javascript: document.frm_disenio.color_contenido.value='"+colores[i]+"'; Actualizar(); OpcionesColoresContenido('"+colores[i]+"'); return false;\">"+imagen[i]+"</a>";
	}
	document.getElementById('ColorContenido').innerHTML = cadena;
}


function ValidaColoresContenido() {
	codigo = document.frm_disenio.codigo.value;
	color_contenido = document.frm_disenio.color_contenido.value;

/*	if ((codigo >= 7000) && (codigo <= 7999)) {
		document.getElementById('ColorContenido').innerHTML = '<img src="'+ruta_www+'img/color_blanco_on.gif" width="15" height="15" border="0" alt="">';
		cadena = "<div style='background-color: #FFFFFF; height: 150px;'>&nbsp;</div>";
		document.getElementById('ContenidoImagen').innerHTML = cadena;
		document.frm_disenio.color_contenido.value = 'FFFFFF';
	}
	else {*/
		OpcionesColoresContenido(color_contenido);
//	}
}


function Actualizar() {
	ActualizaEncabezado();
	ActualizaMenu();
	ActualizaContenido();
	ActualizaExtra();
	ActualizaPie();
}


function ActualizaColorFondo(color) {

	document.frm_disenio.trama_fondo.value = '';
	document.frm_disenio.color_fondo.value = color;
	document.getElementById('SitioFondo').style.background = 'url()';
	document.getElementById('SitioFondo').style.backgroundColor = '#'+color;

	SeleccionarColorFondo();
	ocultar = false;
	if ((color == 'FFFFFF') || (color == '000000')) {
		ocultar = true;
	}
	SeleccionaTexturaFondo(ocultar);

}


function SeleccionarColorFondo() {
	colores = Array('blanco_3', 'agua_1', 'agua_2', 'agua_3', 'naranjo_1', 'naranjo_2', 'naranjo_3', 'amarillo_1', 'amarillo_2', 'amarillo_3', 'crudo_1', 'crudo_2', 'crudo_3', 'rojo_1', 'rojo_2', 'rojo_3', 'gris_1', 'gris_2', 'gris_3', 'hojas_1', 'hojas_2', 'hojas_3', 'azul_1', 'azul_2', 'azul_3', 'azulmarino_1', 'azulmarino_2', 'azulmarino_3', 'piel_1', 'piel_2', 'piel_3', 'verde_1', 'verde_2', 'verde_3', 'cafe_1', 'cafe_2', 'cafe_3', 'tierra_1', 'tierra_2', 'tierra_3', 'violeta_1', 'violeta_2', 'violeta_3', 'negro_1', 'negro_2', 'negro_3');
	etiqueta_actual = EtiquetaColorBackground(document.frm_disenio.color_fondo.value);
	//agregando la opcion 3
	if ( (etiqueta_actual == 'blanco') || (etiqueta_actual == 'agua') || (etiqueta_actual == 'naranjo') || (etiqueta_actual == 'amarillo') || (etiqueta_actual == 'crudo') || (etiqueta_actual == 'rojo') || (etiqueta_actual == 'gris') || (etiqueta_actual == 'hojas') || (etiqueta_actual == 'azul') || (etiqueta_actual == 'azulmarino') || (etiqueta_actual == 'piel') || (etiqueta_actual == 'verde') || (etiqueta_actual == 'cafe') || (etiqueta_actual == 'tierra') || (etiqueta_actual == 'violeta') ) {
		etiqueta_actual = etiqueta_actual+'_3';
	}
	for(i=0; i<colores.length; i++)	{
		if (etiqueta_actual == colores[i]) {
			if ( (etiqueta_actual == 'blanco') || (etiqueta_actual == 'agua') || (etiqueta_actual == 'naranjo') || (etiqueta_actual == 'amarillo') || (etiqueta_actual == 'crudo') || (etiqueta_actual == 'rojo') || (etiqueta_actual == 'gris') || (etiqueta_actual == 'hojas') || (etiqueta_actual == 'azul') || (etiqueta_actual == 'azulmarino') || (etiqueta_actual == 'piel') || (etiqueta_actual == 'verde') || (etiqueta_actual == 'cafe') || (etiqueta_actual == 'tierra') || (etiqueta_actual == 'violeta') ) {
				colores[i] = colores[i]+'_3';
			}
			document.getElementById('f_'+colores[i]).innerHTML = '<img src="'+ruta_www+'img/color_'+colores[i]+'_on.gif" width="15" height="15" border="0" alt="">';
		}
		else {
			document.getElementById('f_'+colores[i]).innerHTML = '<img src="'+ruta_www+'img/color_'+colores[i]+'.gif" width="15" height="15" border="0" alt="">';
		}
	}
}


function EtiquetaColorBackground(color_hex) {
	switch(color_hex) {
		case '000000': etiqueta_color = 'negro';	break;
		case 'FFFFFF': etiqueta_color = 'blanco';	break;
		case '91D8E3': etiqueta_color = 'agua';	break;
		case '2FA8B9': etiqueta_color = 'agua_1';	break;
		case 'BAE7ED': etiqueta_color = 'agua_2';	break;
		case 'FF6600': etiqueta_color = 'naranjo';	break;
		case 'A44200': etiqueta_color = 'naranjo_1';	break;
		case 'FFB17D': etiqueta_color = 'naranjo_2';	break;
		case 'FFFF77': etiqueta_color = 'amarillo';	break;
		case 'C4C400': etiqueta_color = 'amarillo_1';	break;
		case 'FFFFBB': etiqueta_color = 'amarillo_2';	break;
		case 'EEEECC': etiqueta_color = 'crudo';	break;
		case 'D8D88D': etiqueta_color = 'crudo_1';	break;
		case 'F7F7E8': etiqueta_color = 'crudo_2';	break;
		case 'F91F00': etiqueta_color = 'rojo';	break;
		case 'A81500': etiqueta_color = 'rojo_1';	break;
		case 'FFBCB3': etiqueta_color = 'rojo_2';	break;
		case 'ACACAC': etiqueta_color = 'gris';	break;
		case '7E7E7E': etiqueta_color = 'gris_1';	break;
		case 'DDDDDD': etiqueta_color = 'gris_2';	break;
		case '70BA95': etiqueta_color = 'hojas';	break;
		case '3D7E5E': etiqueta_color = 'hojas_1';	break;
		case 'A9D6BF': etiqueta_color = 'hojas_2';	break;
		case '1D61FE': etiqueta_color = 'azul';	break;
		case '0135AF': etiqueta_color = 'azul_1';	break;
		case 'B3CAFF': etiqueta_color = 'azul_2';	break;
		case '000099': etiqueta_color = 'azulmarino';	break;
		case '00006C': etiqueta_color = 'azulmarino_1';	break;
		case '4646FF': etiqueta_color = 'azulmarino_2';	break;
		case 'F5E6D8': etiqueta_color = 'piel';	break;
		case 'E8C19F': etiqueta_color = 'piel_1';	break;
		case 'FBF3EC': etiqueta_color = 'piel_2';	break;
		case '009500': etiqueta_color = 'verde';	break;
		case '004A00': etiqueta_color = 'verde_1';	break;
		case 'C1FFC1': etiqueta_color = 'verde_2';	break;
		case '644300': etiqueta_color = 'cafe';	break;
		case '422D00': etiqueta_color = 'cafe_1';	break;
		case 'FFD782': etiqueta_color = 'cafe_2';	break;
		case 'AD8F7A': etiqueta_color = 'tierra';	break;
		case '674F3F': etiqueta_color = 'tierra_1';	break;
		case 'CBB8AB': etiqueta_color = 'tierra_2';	break;
		case 'AF00F2': etiqueta_color = 'violeta';	break;
		case '7A00A8': etiqueta_color = 'violeta_1';	break;
		case 'ECBBFF': etiqueta_color = 'violeta_2';	break;
		case '000000': etiqueta_color = 'negro';	break;
		case '3F3F3F': etiqueta_color = 'negro_1';	break;
		case 'CCCCCC': etiqueta_color = 'negro_2';	break;
		default: etiqueta_color = 'negro';
	}
	return(etiqueta_color);
}


function ActualizaTexturaFondo(textura_n) {
	if (textura_n != '') {
		document.frm_disenio.trama_fondo.value = textura_n;
		color = EliminaCaracter(EtiquetaColorBackground(document.frm_disenio.color_fondo.value), '_');
		document.getElementById('SitioFondo').style.background = 'url('+ruta_www+'img/texturas/'+textura_n+'_'+color+'_a.gif)';
		SeleccionaTexturaFondo();
	}
}


function SeleccionaTexturaFondo(ocultar) {

	texturas = Array('textura1', 'textura2', 'textura3', 'textura4', 'textura5', 'textura6');
	color = EliminaCaracter(EtiquetaColorBackground(document.frm_disenio.color_fondo.value), '_');
	textura_actual = document.frm_disenio.trama_fondo.value;
	for(i=0; i<texturas.length; i++) {
		if (ocultar)
			document.getElementById('f_'+texturas[i]).innerHTML = '';
		else if (textura_actual == texturas[i])
			document.getElementById('f_'+texturas[i]).innerHTML = '<img src="'+ruta_www+'img/texturas/'+texturas[i]+'_'+color+'_on.gif" border="0" alt="">';
		else
			document.getElementById('f_'+texturas[i]).innerHTML = '<img src="'+ruta_www+'img/texturas/'+texturas[i]+'_'+color+'.gif" border="0" alt="">';
	}

}


function EliminaCaracter(entrada, caracter) {
	out = caracter;
	add = '';
	temp = "" + entrada;

	while (temp.indexOf(out)>-1) {
		pos = temp.indexOf(out);
		temp = "" + (temp.substring(0, pos) + add +
		temp.substring((pos + out.length), temp.length));
	}
	return(temp);
}


function SitioAlineacion(alineacion) {
	switch(alineacion) {
		case 'left':
			document.getElementById('SitioAlineacion').style.paddingLeft='0px';
			document.frm_disenio.sitio_alineacion.value = 'left';
			break;
		case 'center':
			document.getElementById('SitioAlineacion').style.paddingLeft='48px';
			document.frm_disenio.sitio_alineacion.value = 'center';
			break;
		case 'right':
			document.getElementById('SitioAlineacion').style.paddingLeft='96px';
			document.frm_disenio.sitio_alineacion.value = 'right';
			break;
	}
}