var dom=document.getElementById;
var ie=(document.all && !dom);
var m_mediterraneo, m_samba, m_brik, m_omega;
var window_menu;
var mediterraneo01, mediterraneo02, mediterraneo03, mediterraneo04, mediterraneo05, mediterraneo06, mediterraneo07, mediterraneo08;
var cadremediterraneo01, cadremediterraneo02, cadremediterraneo03;
var presmediterraneo01, presmediterraneo02, presmediterraneo03;
var mediterraneobouton;
var samba01, samba02, samba03, samba04, samba05, samba06, samba07;
var cadresamba01, cadresamba02, cadresamba03, cadresamba04;
var pressamba01;
var sambabouton;
var brik01, brik02, brik03, brik04, brik05, brik06, brik07, brik08;
var cadrebrik01, cadrebrik02, cadrebrik03;
var presbrik01, presbrik02, presbrik03;
var brikbouton;
var omega01, omega02, omega03, omega04, omega05, omega06, omega07, omega08, omega09, cadreomega;
var presomega01, presomega02, presomega03;
var omegabouton;

function initVars() {
  // Options menu
  m_mediterraneo=ie? document.all.mediterraneo : document.getElementById("mediterraneo");
  m_samba=ie? document.all.samba : document.getElementById("samba");
  m_brik=ie? document.all.brik : document.getElementById("brik");
  m_omega=ie? document.all.omega : document.getElementById("omega");
  // Images communes
  window_menu=ie? document.all.window_menu : document.getElementById("window_menu");
  // Images
  mediterraneo01=ie? document.all.mediterraneo_01 : document.getElementById("mediterraneo_01");
  mediterraneo02=ie? document.all.mediterraneo_02 : document.getElementById("mediterraneo_02");
  mediterraneo03=ie? document.all.mediterraneo_03 : document.getElementById("mediterraneo_03");
  mediterraneo04=ie? document.all.mediterraneo_04 : document.getElementById("mediterraneo_04");
  mediterraneo05=ie? document.all.mediterraneo_05 : document.getElementById("mediterraneo_05");
  mediterraneo06=ie? document.all.mediterraneo_06 : document.getElementById("mediterraneo_06");
  mediterraneo07=ie? document.all.mediterraneo_07 : document.getElementById("mediterraneo_07");
  mediterraneo08=ie? document.all.mediterraneo_08 : document.getElementById("mediterraneo_08");
  cadremediterraneo01=ie? document.all.cadremediterraneo_01 : document.getElementById("cadremediterraneo_01");
  cadremediterraneo02=ie? document.all.cadremediterraneo_02 : document.getElementById("cadremediterraneo_02");
  cadremediterraneo03=ie? document.all.cadremediterraneo_03 : document.getElementById("cadremediterraneo_03");
  samba01=ie? document.all.samba_01 : document.getElementById("samba_01");
  samba02=ie? document.all.samba_02 : document.getElementById("samba_02");
  samba03=ie? document.all.samba_03 : document.getElementById("samba_03");
  samba04=ie? document.all.samba_04 : document.getElementById("samba_04");
  samba05=ie? document.all.samba_05 : document.getElementById("samba_05");
  samba06=ie? document.all.samba_06 : document.getElementById("samba_06");
  samba07=ie? document.all.samba_07 : document.getElementById("samba_07");
  cadresamba01=ie? document.all.cadresamba_01 : document.getElementById("cadresamba_01");
  cadresamba02=ie? document.all.cadresamba_02 : document.getElementById("cadresamba_02");
  cadresamba03=ie? document.all.cadresamba_03 : document.getElementById("cadresamba_03");
  cadresamba04=ie? document.all.cadresamba_04 : document.getElementById("cadresamba_04");
  brik01=ie? document.all.brik_01 : document.getElementById("brik_01");
  brik02=ie? document.all.brik_02 : document.getElementById("brik_02");
  brik03=ie? document.all.brik_03 : document.getElementById("brik_03");
  brik04=ie? document.all.brik_04 : document.getElementById("brik_04");
  brik05=ie? document.all.brik_05 : document.getElementById("brik_05");
  brik06=ie? document.all.brik_06 : document.getElementById("brik_06");
  brik07=ie? document.all.brik_07 : document.getElementById("brik_07");
  brik08=ie? document.all.brik_08 : document.getElementById("brik_08");
  cadrebrik01=ie? document.all.cadrebrik_01 : document.getElementById("cadrebrik_01");
  cadrebrik02=ie? document.all.cadrebrik_02 : document.getElementById("cadrebrik_02");
  cadrebrik03=ie? document.all.cadrebrik_03 : document.getElementById("cadrebrik_03");
  omega01=ie? document.all.omega_01 : document.getElementById("omega_01");
  omega02=ie? document.all.omega_02 : document.getElementById("omega_02");
  omega03=ie? document.all.omega_03 : document.getElementById("omega_03");
  omega04=ie? document.all.omega_04 : document.getElementById("omega_04");
  omega05=ie? document.all.omega_05 : document.getElementById("omega_05");
  omega06=ie? document.all.omega_06 : document.getElementById("omega_06");
  omega07=ie? document.all.omega_07 : document.getElementById("omega_07");
  omega08=ie? document.all.omega_08 : document.getElementById("omega_08");
  omega09=ie? document.all.omega_09 : document.getElementById("omega_09");
  cadreomega=ie? document.all.cadreomega : document.getElementById("cadreomega");
  // Textes
  presmediterraneo01=ie? document.all.presmediterraneo_01 : document.getElementById("presmediterraneo_01");
  presmediterraneo02=ie? document.all.presmediterraneo_02 : document.getElementById("presmediterraneo_02");
  presmediterraneo03=ie? document.all.presmediterraneo_03 : document.getElementById("presmediterraneo_03");
  pressamba01=ie? document.all.pressamba_01 : document.getElementById("pressamba_01");
  presbrik01=ie? document.all.presbrik_01 : document.getElementById("presbrik_01");
  presbrik02=ie? document.all.presbrik_02 : document.getElementById("presbrik_02");
  presbrik03=ie? document.all.presbrik_03 : document.getElementById("presbrik_03");
  presomega01=ie? document.all.presomega_01 : document.getElementById("presomega_01");
  presomega02=ie? document.all.presomega_02 : document.getElementById("presomega_02");
  presomega03=ie? document.all.presomega_03 : document.getElementById("presomega_03");
  // Boutons
  mediterraneobouton=ie? document.all.boutonmediterraneo : document.getElementById("boutonmediterraneo");
  sambabouton=ie? document.all.boutonsamba : document.getElementById("boutonsamba");
  brikbouton=ie? document.all.boutonbrik : document.getElementById("boutonbrik");
  omegabouton=ie? document.all.boutonomega : document.getElementById("boutonomega");
}

function changeBal(opt){
  switch (opt){
  case 1: // mediterraneo
     ErasePage();
     window_menu.innerHTML = '<img src="images/mediterraneo_menu.jpg" border="0">';
     mediterraneo01.innerHTML = '<img src="images/mediterraneo_01.jpg" border="0">';
     mediterraneo02.innerHTML = '<img src="images/mediterraneo_02.jpg" border="0">';
     mediterraneo03.innerHTML = '<img src="images/mediterraneo_03.jpg" border="0">';
     presmediterraneo01.innerHTML = 'Telón<span class="stylevenmain"> es el más sencillo de los toldos.<br>Su sistema de brazo permite dos posiciones: una totalmente vertical a la barandilla y la otraseparada de la barandilla mediante unos sencillos brazos abatibles. Existe un motor específico para el toldo Telón.</span>';
     presmediterraneo02.innerHTML = 'Soporte telón';
     presmediterraneo03.innerHTML = 'Fijación a barandilla';
     mediterraneobouton.innerHTML = '<input name="fiche" type="submit" onclick="showMediterraneo();" value="Ver ficha técnica">'
     mediterraneobouton.style.zIndex=4;
     ActiveAllMenus();
     DesactiveMenu(m_mediterraneo);
  break;
  case 2: // samba
     ErasePage();
     window_menu.innerHTML = '<img src="images/samba_menu.jpg" border="0">';
     samba01.innerHTML = '<img src="images/samba_01.jpg" border="0">';
     samba02.innerHTML = '<img src="images/samba_02.jpg" border="0">';
     pressamba01.innerHTML = 'Vertical<span class="stylevenmain"> es un toldo para balcón ideal para crear un ambiente acogedor y personal, de colores alegres y llenos de luz.<br>Por su sistema vertical de funcionamentio queda garantizada su intimidad. Modelo ideal para utilizar tejidos traslúcidos tipo screen o soltis.</span>';
     sambabouton.innerHTML = '<input name="fiche" type="submit" onclick="showSamba();" value="Ver ficha técnica">'
     sambabouton.style.zIndex=4;
     ActiveAllMenus();
     DesactiveMenu(m_samba);
  break;
  case 3: // brik
     ErasePage();
     window_menu.innerHTML = '<img src="images/brik_menu.jpg" border="0">';
     brik01.innerHTML = '<img src="images/brik_01.jpg" border="0">';
     brik02.innerHTML = '<img src="images/brik_02.jpg" border="0">';
     brik03.innerHTML = '<img src="images/brik_03.jpg" border="0">';
     presbrik01.innerHTML = 'Telón cofre<span class="stylevenmain"> es un toldo con perfil envolvente que protege la lona cuando el toldo está recogido alargando la vida del tejido e integrando el toldo como partede la fachada.</span>';
     presbrik02.innerHTML = 'Perfil y soporte';
     presbrik03.innerHTML = 'Detalle de fijación';
     brikbouton.innerHTML = '<input name="fiche" type="submit" onclick="showBrik();" value="Ver ficha técnica">'
     brikbouton.style.zIndex=4;
     ActiveAllMenus();
     DesactiveMenu(m_brik);
  break;
  case 4: // omega
     ErasePage();
     window_menu.innerHTML = '<img src="images/omega_menu.jpg" border="0">';
     omega01.innerHTML = '<img src="images/omega_01.jpg" border="0">';
     omega02.innerHTML = '<img src="images/omega_02.jpg" border="0">';
     omega03.innerHTML = '<img src="images/omega_03.jpg" border="0">';
     presomega01.innerHTML = 'Omega<span class="stylevenmain"> se adapta a todo tipo de espacios.<br>Toldo funcional y atractivo fabricado en aluminio certificado de calidad internacional Qualicoat.</span>';
     presomega02.innerHTML = 'Tensión<br>por cinta';
     presomega03.innerHTML = 'Instalación<br>frontal<br>techo o<br>entreparedes';
     omegabouton.innerHTML = '<input name="fiche" type="submit" onclick="showOmega();" value="Ver ficha técnica">'
     omegabouton.style.zIndex=4;
     ActiveAllMenus();
     DesactiveMenu(m_omega);
  break;
  }
}

function ActiveAllMenus(){
  ActiveMenu(m_mediterraneo, 1);
  ActiveMenu(m_samba, 2);
  ActiveMenu(m_brik, 3);
  ActiveMenu(m_omega, 4);
}

function ActiveMenu(obj_Menu, no_Opt){
  obj_Menu.onmouseover = function onmouseover(event){this.style.background="#FFCC66";};
  obj_Menu.onmouseout = function onmouseout(event){this.style.background="#FB8B01";};
  obj_Menu.onclick = function onclick(event){changeBal(no_Opt);};
  obj_Menu.style.background = '#FB8B01';
  obj_Menu.style.color = '#FFFFFF';
  obj_Menu.style.cursor = 'pointer';
  obj_Menu.style.cursor = 'hand';
}

function DesactiveMenu(obj_Menu){
  obj_Menu.onmouseover = function onmouseover(event){};
  obj_Menu.onmouseout = function onmouseout(event){};
  obj_Menu.onclick = function onclick(event){};
  obj_Menu.style.background = '#FFCC66';
  obj_Menu.style.color = '#FB8B01';
  obj_Menu.style.cursor = 'pointer';
  obj_Menu.style.cursor = 'default';
}

function ErasePage(){
  // Images
  mediterraneo01.innerHTML = '';
  mediterraneo02.innerHTML = '';
  mediterraneo03.innerHTML = '';
  mediterraneo04.innerHTML = '';
  mediterraneo05.innerHTML = '';
  mediterraneo06.innerHTML = '';
  mediterraneo07.innerHTML = '';
  mediterraneo08.innerHTML = '';
  samba01.innerHTML = '';
  samba02.innerHTML = '';
  samba03.innerHTML = '';
  samba04.innerHTML = '';
  samba05.innerHTML = '';
  samba06.innerHTML = '';
  samba07.innerHTML = '';
  brik01.innerHTML = '';
  brik02.innerHTML = '';
  brik03.innerHTML = '';
  brik04.innerHTML = '';
  brik05.innerHTML = '';
  brik06.innerHTML = '';
  brik07.innerHTML = '';
  brik08.innerHTML = '';
  omega01.innerHTML = '';
  omega02.innerHTML = '';
  omega03.innerHTML = '';
  omega04.innerHTML = '';
  omega05.innerHTML = '';
  omega06.innerHTML = '';
  omega07.innerHTML = '';
  omega08.innerHTML = '';
  omega09.innerHTML = '';
  // Cadres
  cadremediterraneo01.style.visibility = 'hidden';
  cadremediterraneo02.style.visibility = 'hidden';
  cadremediterraneo03.style.visibility = 'hidden';
  cadresamba01.style.visibility = 'hidden';
  cadresamba02.style.visibility = 'hidden';
  cadresamba03.style.visibility = 'hidden';
  cadresamba04.style.visibility = 'hidden';
  cadrebrik01.style.visibility = 'hidden';
  cadrebrik02.style.visibility = 'hidden';
  cadrebrik03.style.visibility = 'hidden';
  cadreomega.style.visibility = 'hidden';
  // Textes
  presmediterraneo01.innerHTML = '';
  presmediterraneo02.innerHTML = '';
  presmediterraneo03.innerHTML = '';
  pressamba01.innerHTML = '';
  presbrik01.innerHTML = '';
  presbrik02.innerHTML = '';
  presbrik03.innerHTML = '';
  presomega01.innerHTML = '';
  presomega02.innerHTML = '';
  presomega03.innerHTML = '';
  // Boutons
  mediterraneobouton.innerHTML = '';
  mediterraneobouton.style.zIndex=3;
  sambabouton.innerHTML = '';
  sambabouton.style.zIndex=3;
  brikbouton.innerHTML = '';
  brikbouton.style.zIndex=3;
  omegabouton.innerHTML = '';
  omegabouton.style.zIndex=3;
}

function showMediterraneo(){
  mediterraneo04.innerHTML = '<img src="images/mediterraneo_04.gif" border="0">';
  mediterraneo05.innerHTML = '<img src="images/mediterraneo_05.gif" border="0">';
  mediterraneo06.innerHTML = '<img src="images/navarretegris.gif" border="0">';
  mediterraneo07.innerHTML = '<img src="images/sma_01.jpg" border="0">';
  mediterraneo08.innerHTML = '<img src="images/sma_02.jpg" border="0">';
  cadremediterraneo01.style.visibility = 'visible';
  cadremediterraneo02.style.visibility = 'visible';
  cadremediterraneo03.style.visibility = 'visible';
  mediterraneobouton.innerHTML = '<input name="fiche" type="submit" onclick="hideMediterraneo()" value="Ocultar ficha técnica">';
}

function hideMediterraneo(){
  mediterraneo04.innerHTML = '';
  mediterraneo05.innerHTML = '';
  mediterraneo06.innerHTML = '';
  mediterraneo07.innerHTML = '';
  mediterraneo08.innerHTML = '';
  cadremediterraneo01.style.visibility = 'hidden';
  cadremediterraneo02.style.visibility = 'hidden';
  cadremediterraneo03.style.visibility = 'hidden';
  mediterraneobouton.innerHTML = '<input name="fiche" type="submit" onclick="showMediterraneo()" value="Ver ficha técnica">';
}

function showSamba(){
  samba03.innerHTML = '<img src="images/samba_03.gif" border="0">';
  samba04.innerHTML = '<img src="images/samba_04.gif" border="0">';
  samba05.innerHTML = '<img src="images/navarrete.gif" width="76" height="76" border="0">';
  samba06.innerHTML = '<img src="images/sma_01.jpg" border="0">';
  samba07.innerHTML = '<img src="images/sma_02.jpg" border="0">';
  cadresamba01.style.visibility = 'visible';
  cadresamba02.style.visibility = 'visible';
  cadresamba03.style.visibility = 'visible';
  cadresamba04.style.visibility = 'visible';
  sambabouton.innerHTML = '<input name="fiche" type="submit" onclick="hideSamba()" value="Ocultar ficha técnica">';
}

function hideSamba(){
  samba03.innerHTML = '';
  samba04.innerHTML = '';
  samba05.innerHTML = '';
  samba06.innerHTML = '';
  samba07.innerHTML = '';
  cadresamba01.style.visibility = 'hidden';
  cadresamba02.style.visibility = 'hidden';
  cadresamba03.style.visibility = 'hidden';
  cadresamba04.style.visibility = 'hidden';
  sambabouton.innerHTML = '<input name="fiche" type="submit" onclick="showSamba()" value="Ver ficha técnica">';
}
function showBrik(){
  brik04.innerHTML = '<img src="images/brik_04.gif" border="0">';
  brik05.innerHTML = '<img src="images/brik_05.gif" border="0">';
  brik06.innerHTML = '<img src="images/navarretegris.gif" border="0">';
  brik07.innerHTML = '<img src="images/sma_01.jpg" border="0">';
  brik08.innerHTML = '<img src="images/sma_02.jpg" border="0">';
  cadrebrik01.style.visibility = 'visible';
  cadrebrik02.style.visibility = 'visible';
  cadrebrik03.style.visibility = 'visible';
  brikbouton.innerHTML = '<input name="fiche" type="submit" onclick="hideBrik()" value="Ocultar ficha técnica">';
}

function hideBrik(){
  brik04.innerHTML = '';
  brik05.innerHTML = '';
  brik06.innerHTML = '';
  brik07.innerHTML = '';
  brik08.innerHTML = '';
  cadrebrik01.style.visibility = 'hidden';
  cadrebrik02.style.visibility = 'hidden';
  cadrebrik03.style.visibility = 'hidden';
  brikbouton.innerHTML = '<input name="fiche" type="submit" onclick="showBrik()" value="Ver ficha técnica">';
}

function showOmega(){
  omega04.innerHTML = '<img src="images/omega_04.gif" border="0">';
  omega05.innerHTML = '<img src="images/omega_05.gif" border="0">';
  omega06.innerHTML = '<img src="images/omega_06.gif" border="0">';
  omega07.innerHTML = '<img src="images/navarretegris.gif" border="0">';
  omega08.innerHTML = '<img src="images/sma_01.jpg" border="0">';
  omega09.innerHTML = '<img src="images/sma_02.jpg" border="0">';
  cadreomega.style.visibility = 'visible';
  omegabouton.innerHTML = '<input name="fiche" type="submit" onclick="hideOmega()" value="Ocultar ficha técnica">';
}

function hideOmega(){
  omega04.innerHTML = '';
  omega05.innerHTML = '';
  omega06.innerHTML = '';
  omega07.innerHTML = '';
  omega08.innerHTML = '';
  omega09.innerHTML = '';
  cadreomega.style.visibility = 'hidden';
  omegabouton.innerHTML = '<input name="fiche" type="submit" onclick="showOmega()" value="Ver ficha técnica">';
}