/* Inicio Declaración de variables */
var OpcionActiva = new Array(null,0,0,0,0) //marcamos con 1 la opción activa
var VisualizarImagen  = new Array(null,true,true,true,false) //marcamos con true si tiene foto para enseñar

var ImagenSourceNumerosOff = new Array(null,'83','85','87','89');
var ImagenSourceNumerosOn = new Array(null,'82','84','86','88');

var PosicionImagen = new Array(null,440,450,440,480);
var PosicionNumeros = new Array(null,360,320,360,362);

var CabeceraTitulo = "<table border=\'0\' cellpadding=\'0\' cellspacing=\'0\' width=\'332\'><tr><td align=\'left\' valign=\'top\' class=\'TituloAzulCasos10\'>";
var PieTitulo = "<br><img src=\'gifs/empty.gif\' width=\'332\' height=\'3\' border=\'0\'><br><img src=\'gifs/d058.gif\' width=\'332\' height=\'1\' border=\'0\'></td></tr></table>";
var ContenidoTitulo = new Array(null,'Conceptualizaci&oacute;n','Dise&ntilde;o','Materiales','Producci&oacute;n');

var CabeceraTexto = "<table border=\'0\' cellpadding=\'0\' cellspacing=\'0\' width=\'315\'><tr><td align=\'left\' valign=\'top\' class=\'TextoAzulCasos10\'>";
var PieTexto = "</td></tr></table>";
var ContenidoTexto = new Array();
	// **************************************
	ContenidoTexto[0] = new Array(null,null,null,null,null);
	// **************************************
	ContenidoTexto[1] = new Array(5);
	ContenidoTexto[1][0] = (3)	
	ContenidoTexto[1][1] = ('El diseño de este calendario es fruto de una conjunción de elementos entre los que hay que destacar:<br><br><b>Objetivo</b><br>Este calendario es concebido como un objeto de regalo.<br>El objetivo es por tanto comunicar: modernidad, creatividad e impacto.');
	ContenidoTexto[1][2] = (' <b>Target</b><br>El público objetivo es un público joven y dinámico que es atra&iacute;do por la propia marca.<br> Este calendario cumple una función de refuerzo de la imagen corporativa, ya que se difunde en lugares y a destinatarios muy concretos. Se regala en los desfiles y se expone en las tiendas Custo.');
	ContenidoTexto[1][3] = ('<b>Forma</b><br>Formas simples y sencillas que le confieren dinamismo y versatilidad. <br>En este caso, la forma tiene especial relevancia puesto que se tienen que aunar la funcionalidad y resistencia que debe tener un calendario con el requisito de Custo de huir del calendario convencional.');
	ContenidoTexto[1][4] = (null);
	// **************************************
	ContenidoTexto[2] = new Array(5);
	ContenidoTexto[2][0] = (2)	
	ContenidoTexto[2][1] = ('En el diseño de este estuche y su contenido encontramos dos elementos fundamentales:<br>Por una parte está el diseño del calendario en sí, realizado por Estudio Dorthe, y por otra el diseño de los elementos gráficos que componen el conjunto, realizado por Custo.<br>En el diseño del calendario tienen primacía la selección de materiales, con texturas y acabados novedosos que le proporcionan un valor añadido. Asimismo, cobran gran importancia las formas rectas, que transmiten una imagen sencilla y elegante, y permiten un resultado funcional. Destacan, asimismo, los perfiles hechos con papel prensado que producen un efecto de madera.');	
	ContenidoTexto[2][2] = ('<b>Elementos Gráficos</b><br>En cuanto a los elementos gráficos, resaltan las imágenes que siguen la línea conceptual de Custo. El grafismo y las ilustraciones son muy características de la marca y fácilmente reconocibles por los públicos a los que se dirige el calendario.<br><br><b>Gama Cromática</b><br>Se ha optado por una gama cromática basada en el uso del negro y el blanco, que actúan como colores neutros y contrastados entre sí. Esto le proporciona una mayor relevancia a las ilustraciones y demás elementos gráficos.');
	ContenidoTexto[2][3] = (null);
	ContenidoTexto[2][4] = (null);
	// **************************************
	ContenidoTexto[3] = new Array(5);
	ContenidoTexto[3][0] = (3)	
	ContenidoTexto[3][1] = ('En la selección de materiales intervienen 2 tipos de requerimientos: requisitos estéticos y requisitos funcionales.<br><br><b>Requisitos estéticos</b><br>Los requisitos estéticos vienen dictados por la concepción del mismo y por el target al que va dirigido. Se trata de hacer un elemento diferencial que distinga a la marca de la competencia, y de conseguir que el objeto no se agote con su uso, es decir, que se guarde y se le busquen otras funcionalidades una vez que se haya visto la información que contiene.');
	ContenidoTexto[3][2] = ('<b>Requisitos funcionales</b><br> Los requisitos funcionales ponen de manifiesto la necesidad de trabajar con un material que reúna toda una serie de características mecánicas que permitan trabajarlo con un buen resultado y que sea un material resistente de gran durabilidad.<br><br><i>Características mecánicas:</i>Geltex es un material de altas prestaciones y elevadas características mecánicas que le hace idóneo para el forrado de todo tipo de elementos promocionales.');
	ContenidoTexto[3][3] = ('<i>Resistencia</i><br>Es una de las características más importante ya que el proceso de forrado se realiza de una manera totalmente automatizada y precisa de un  material con un alto nivel de resistencia.<br><br><i>Imprimible</i><br>Es necesario que el material pueda serigrafiarse, que tenga un buen anclaje de las tintas y  evite problemas de repintado.<br><br><i>Resistencia a la abrasión y tratamiento antihuella.</i>');	
	ContenidoTexto[3][4] = (null);
	// **************************************
	ContenidoTexto[4] = new Array(5);
	ContenidoTexto[4][0] = (1)	
	ContenidoTexto[4][1] = ('Los pasos fundamentales en la producción de los calendarios son los siguientes:<br>1. Se contracola por las dos caras el papel que previamente se ha prensado.<br>2. Se corta el material siguiendo siempre ángulos rectos.<br>3. Se serigrafía el Geltex antes de ensamblar el estuche.<br>4. Se troquelan las partes por separado.<br>5. Se procede al ensamblaje.<br><br>Esta forma de producir el material facilita su almacenamiento, ya que el calendario solamente se monta una vez que llega a las manos del público objetivo.');
	ContenidoTexto[4][2] = (null);	
	ContenidoTexto[4][3] = (null);
	ContenidoTexto[4][4] = (null);
	
var CabeceraTablaNumeros = "<table border=\'0\' cellpadding=\'3\' cellspacing=\'0\' width=\'18\'>";
var CabeceraFilaNumeros = "<tr><td align=\'left\' valign=\'top\'>";
var PieFilaNumeros = "</td></tr>";
var PieTablaNemuros = "</table>";

/* Fin Declaraci&oacute;n de variables */
/* ··························································································································· */
/* Inicio Precarga de imagenes*/
f1 = new Image();
f1.src = "gifs/casosuso/cascusto_01.jpg" 
f2 = new Image();
f2.src = "gifs/casosuso/cascusto_03.jpg"
f3 = new Image();
f3.src = "gifs/casosuso/cascusto_02.jpg"
f4 = new Image();
f4.src = "gifs/empty.gif"
m1Off = new Image();
m1Off.src = "gifs/d047_cast.gif"
m1On = new Image();
m1On.src = "gifs/d048_cast.gif"
m2Off = new Image();
m2Off.src = "gifs/d049_cast.gif"
m2On = new Image();
m2On.src = "gifs/d050_cast.gif"
m3Off = new Image();
m3Off.src = "gifs/d051_cast.gif"
m3On = new Image();
m3On.src = "gifs/d052_cast.gif"
m4Off = new Image();
m4Off.src = "gifs/d053_cast.gif"
m4On = new Image();
m4On.src = "gifs/d054_cast.gif"
n1Off = new Image();
n1Off.src = "gifs/d083.gif"
n1On = new Image();
n1On.src = "gifs/d082.gif"
n2Off = new Image();
n2Off.src = "gifs/d085.gif"
n2On = new Image();
n2On.src = "gifs/d084.gif"
n3Off = new Image();
n3Off.src = "gifs/d087.gif"
n3On = new Image();
n3On.src = "gifs/d086.gif"
n4Off = new Image();
n4Off.src = "gifs/d089.gif"
n4On = new Image();
n4On.src = "gifs/d088.gif"

/* Fin Precarga de imagenes*/
/* ··························································································································· */
/* Inicio Rollovers de imagen */
function Activa(act1, act2, act3){
  EstaImagenSrc = eval(act2+".src");
  if((ns && !act3) || ie){
  	document[act1].src = EstaImagenSrc;
  }else{
    document.layers[act3].document.images[act1].src = EstaImagenSrc;
  }
}
/* Fin Rollovers de imagen */
/* ··························································································································· */
/* ··························································································································· */
/* Inicio Iniciamos la p&aacute;gina */

function Inicia(){

  if(ns){
    CabeceraTitulo = CabeceraTitulo + "<font color='#213F57' face='Verdana,Arial' size='1'><b>";
	PieTitulo = "</b></font>" + PieTitulo;
  }

  Ensenia('1','1');
  
  Activa('ff','f1','Imagen');
  
  veoCapa('Numeros');
  veoCapa('Imagen');

  if(ns){
    CabeceraTexto = CabeceraTexto + "<font style=\'font-family:Verdana,Arial; font-size:0.12in; color:#30516E; text-decoration:none; line-height:1.5;\'>";
	PieTexto = "</font>" + PieTexto;
  }

}
/* Fin Iniciamos la p&aacute;gina */
/* ··························································································································· */
/* ··························································································································· */
/* Inicio montar y desmontar capas*/
function Ensenia(cual,subcual){
  
  self.focus();
  
  for(i=1;i<=4;i++){
	OpcionActiva[i] = 0;
  	EstaImagenmm = "mm"+i;
  	EstaImagenm = "m"+i+"Off";
	Activa(EstaImagenmm, EstaImagenm, null);
  }
  
  EstaImagenff = "f"+cual;
  EstaImagenmm = "mm"+cual;
  EstaImagenm = "m"+cual+"On";


  Activa(EstaImagenmm, EstaImagenm,null);

  CapaTitulo = CabeceraTitulo + ContenidoTitulo[cual] + PieTitulo;
  CapaTexto = CabeceraTexto + ContenidoTexto[cual][subcual] + PieTexto;
  CapaNumeros = CabeceraTablaNumeros;
  if(ContenidoTexto[cual][0]>1){
	  for(i=1; i<=ContenidoTexto[cual][0]; i++){
	  	if(subcual!=i){
	  		CapaNumeros = CapaNumeros + CabeceraFilaNumeros + "<a href=\"javascript: Ensenia(\'"+cual+"\',\'"+i+"'\)\" onMouseOver=\"Activa(\'nn"+i+"\',\'n"+i+"On\',\'Numeros\'); return true;\" onMouseOut=\"Activa(\'nn"+i+"\',\'n"+i+"Off\',\'Numeros\'); return true;\"><img src=\'gifs/d0"+ImagenSourceNumerosOff[i]+".gif\' width=\'12\' height=\'12\' border=\'0\' name=\'nn"+i+"\'></a>" + PieFilaNumeros;
		}else{
			CapaNumeros = CapaNumeros + CabeceraFilaNumeros + "<img src=\'gifs/d0"+ImagenSourceNumerosOn[i]+".gif\' width=\'12\' height=\'12\' border=\'0\'>" + PieFilaNumeros;
		}	
	  }
  }	  
  CapaNumeros = CapaNumeros + PieTablaNemuros;
  
  if(!ns){
	document.all.Imagen.style.pixelTop = PosicionImagen[cual];
	document.all.Numeros.style.pixelTop = PosicionNumeros[cual];	
	
    document.all.Titulo.innerHTML = CapaTitulo;
	document.all.Texto.innerHTML = CapaTexto;
	document.all.Numeros.innerHTML = CapaNumeros;
  }else{
	document.Imagen.top = PosicionImagen[cual];
	document.Numeros.top = PosicionNumeros[cual] + 10; 

  	document.layers["Titulo"].document.open(); document.layers["Titulo"].document.write(CapaTitulo); document.layers["Titulo"].document.close();  
	document.layers["Texto"].document.open(); document.layers["Texto"].document.write(CapaTexto); document.layers["Texto"].document.close();	
	document.layers["Numeros"].document.open(); document.layers["Numeros"].document.write(CapaNumeros); document.layers["Numeros"].document.close();
  }
  
  if(VisualizarImagen[cual]){veoCapa('Imagen'); Activa('ff',EstaImagenff,'Imagen')}else{noVeoCapa('Imagen')};
  
  OpcionActiva[cual] = 1;
}
/* Fin montar y desmontar capas */