//Libreria para trabajar en le definicion y modificacion de paginas
var plantillas = new Array()//sera un array de plantillas

//Metodo para declarar objetos del tipo plantilla
function obj_plantillas(id_plantilla, descripcion, color_fondo, color_fondo_cuadros, color_lineas, color_texto, fuente_texto, tamanyo_texto, color_texto_menu, fuente_texto_menu, tamanyo_texto_menu, color_texto_titulo, fuente_texto_titulo, tamanyo_texto_titulo) {
	this.id_plantilla = id_plantilla;
	this.descripcion = "../imagenes/" + descripcion;
	this.color_fondo = color_fondo;
	this.color_fondo_cuadros = color_fondo_cuadros;
	this.color_lineas = color_lineas;
	this.color_texto = color_texto;
	this.fuente_texto = fuente_texto;
	this.tamanyo_texto = tamanyo_texto;
	this.color_texto_menu = color_texto_menu;
	this.fuente_texto_menu = fuente_texto_menu;
	this.tamanyo_texto_menu = tamanyo_texto_menu;
	this.color_texto_titulo = color_texto_titulo;
	this.fuente_texto_titulo = fuente_texto_titulo;
	this.tamanyo_texto_titulo = tamanyo_texto_titulo;
}

//Esta funcion establece el estilo correspondeiente a la plantilla seleccionada en los camnpos del form
function establecer_estilo(id_plantilla) {
	var tamanyo; 
	tamanyo = plantillas.length;
	//si no se le pasa el id no hago nada
	
	if (id_plantilla == ""){
		null;
	}
	else
	{
		for (var x = 0;x < tamanyo ;x++ )
		{
			if (plantillas[x].id_plantilla == id_plantilla)
			{
				form_automatico.color_fondo.value = plantillas[x].color_fondo;
				form_automatico.color_fondo_cuadros.value = plantillas[x].color_fondo_cuadros;
				form_automatico.color_lineas.value = plantillas[x].color_lineas;
				form_automatico.color_texto.value = plantillas[x].color_texto;
				form_automatico.fuente_texto.value = plantillas[x].fuente_texto;
				form_automatico.tamanyo_texto.value = plantillas[x].tamanyo_texto;
				form_automatico.color_texto_menu.value = plantillas[x].color_texto_menu;
				form_automatico.fuente_texto_menu.value = plantillas[x].fuente_texto_menu;
				form_automatico.tamanyo_texto_menu.value = plantillas[x].tamanyo_texto_menu;
				form_automatico.color_texto_titulo.value = plantillas[x].color_texto_titulo;
				form_automatico.fuente_texto_titulo.value = plantillas[x].fuente_texto_titulo;
				form_automatico.tamanyo_texto_titulo.value = plantillas[x].tamanyo_texto_titulo;
				
				// Modificamos el fondo de los text que muestran los colores
				form_automatico.color_fondo.style.backgroundColor = plantillas[x].color_fondo;
				form_automatico.color_fondo_cuadros.style.backgroundColor = plantillas[x].color_fondo_cuadros;
				form_automatico.color_lineas.style.backgroundColor = plantillas[x].color_lineas;
				form_automatico.color_texto.style.backgroundColor = plantillas[x].color_texto;
				form_automatico.color_texto_menu.style.backgroundColor = plantillas[x].color_texto_menu;
				form_automatico.color_texto_titulo.style.backgroundColor = plantillas[x].color_texto_titulo;
				
				// Modificamos el gif para el ejemplo
				form_automatico.ejemplo.value = plantillas[x].descripcion
				//window.alert(plantillas[x].descripcion);
				break;
			}
		}
	}
}


//Fucnion para escribir en la capa "capa" el texto "texto"
function escribeCapa(capa,texto){

	window.parent.principal.document.getElementById(capa).innerHTML = texto;

} 
//Fucnion para escribir en la capa "capa" el texto "texto"
function escribeCapa2(capa,texto){
	alert(capa)
    alert(texto)
//	window.parent.principal.document.getElementById(capa).innerHTML = texto;

}