var dom=document.getElementById;
var ie=(document.all && !dom);
var m_window, m_regio, m_plec, m_eclipse, m_mega, m_neon;
var window_menu;
var window01, window02, window03, window04, window05;
var regio01, regio02, regio03, regio04, regio05, regio06, regio07;
var plec01, plec02, plec03, plec04, plec05, plec06, cadreplec;
var eclipse01, eclipse02, eclipse03, eclipse04, cadreeclipse;
var mega01, mega02, mega03, mega04;
var neon01, neon02, neon03, neon04, neon05, neon06, neon07, neon08, cadreneon;
var presven01, presven02, presregio01, presregio02, presregio03, presplec01, presplec02, presplec03, presplec04, preseclipse01;
var presmega01, presmega02, presmega03, presneon01, presneon02, presneon03;
var windowbouton, regiobouton, plecbouton, eclipsebouton, megabouton, neonbouton;

function initVars() {
  m_window=ie? document.all.window : document.getElementById("window");
  m_regio=ie? document.all.regio : document.getElementById("regio");
  m_plec=ie? document.all.plec : document.getElementById("plec");
  m_eclipse=ie? document.all.eclipse : document.getElementById("eclipse");
  m_mega=ie? document.all.mega : document.getElementById("mega");
  m_neon=ie? document.all.neon : document.getElementById("neon");
  window_menu=ie? document.all.window_menu : document.getElementById("window_menu");
  window01=ie? document.all.window_01 : document.getElementById("window_01");
  window02=ie? document.all.window_02 : document.getElementById("window_02");
  window03=ie? document.all.window_03 : document.getElementById("window_03");
  window04=ie? document.all.window_04 : document.getElementById("window_04");
  window05=ie? document.all.window_05 : document.getElementById("window_05");
  regio01=ie? document.all.regio_01 : document.getElementById("regio_01");
  regio02=ie? document.all.regio_02 : document.getElementById("regio_02");
  regio03=ie? document.all.regio_03 : document.getElementById("regio_03");
  regio04=ie? document.all.regio_04 : document.getElementById("regio_04");
  regio05=ie? document.all.regio_05 : document.getElementById("regio_05");
  regio06=ie? document.all.regio_06 : document.getElementById("regio_06");
  regio07=ie? document.all.regio_07 : document.getElementById("regio_07");
  plec01=ie? document.all.plec_01 : document.getElementById("plec_01");
  plec02=ie? document.all.plec_02 : document.getElementById("plec_02");
  plec03=ie? document.all.plec_03 : document.getElementById("plec_03");
  plec04=ie? document.all.plec_04 : document.getElementById("plec_04");
  plec05=ie? document.all.plec_05 : document.getElementById("plec_05");
  plec06=ie? document.all.plec_06 : document.getElementById("plec_06");
  cadreplec=ie? document.all.cadreplec : document.getElementById("cadreplec");
  eclipse01=ie? document.all.eclipse_01 : document.getElementById("eclipse_01");
  eclipse02=ie? document.all.eclipse_02 : document.getElementById("eclipse_02");
  eclipse03=ie? document.all.eclipse_03 : document.getElementById("eclipse_03");
  eclipse04=ie? document.all.eclipse_04 : document.getElementById("eclipse_04");
  cadreeclipse=ie? document.all.cadreeclipse : document.getElementById("cadreeclipse");
  mega01=ie? document.all.mega_01 : document.getElementById("mega_01");
  mega02=ie? document.all.mega_02 : document.getElementById("mega_02");
  mega03=ie? document.all.mega_03 : document.getElementById("mega_03");
  mega04=ie? document.all.mega_04 : document.getElementById("mega_04");
  neon01=ie? document.all.neon_01 : document.getElementById("neon_01");
  neon02=ie? document.all.neon_02 : document.getElementById("neon_02");
  neon03=ie? document.all.neon_03 : document.getElementById("neon_03");
  neon04=ie? document.all.neon_04 : document.getElementById("neon_04");
  neon05=ie? document.all.neon_05 : document.getElementById("neon_05");
  neon06=ie? document.all.neon_06 : document.getElementById("neon_06");
  neon07=ie? document.all.neon_07 : document.getElementById("neon_07");
  neon08=ie? document.all.neon_08 : document.getElementById("neon_08");
  cadreneon=ie? document.all.cadreneon : document.getElementById("cadreneon");
  presven01=ie? document.all.presven_01 : document.getElementById("presven_01");
  presven02=ie? document.all.presven_02 : document.getElementById("presven_02");
  presregio01=ie? document.all.presregio_01 : document.getElementById("presregio_01");
  presregio02=ie? document.all.presregio_02 : document.getElementById("presregio_02");
  presregio03=ie? document.all.presregio_03 : document.getElementById("presregio_03");
  presplec01=ie? document.all.presplec_01 : document.getElementById("presplec_01");
  presplec02=ie? document.all.presplec_02 : document.getElementById("presplec_02");
  presplec03=ie? document.all.presplec_03 : document.getElementById("presplec_03");
  presplec04=ie? document.all.presplec_04 : document.getElementById("presplec_04");
  preseclipse01=ie? document.all.preseclipse_01 : document.getElementById("preseclipse_01");
  presmega01=ie? document.all.presmega_01 : document.getElementById("presmega_01");
  presmega02=ie? document.all.presmega_02 : document.getElementById("presmega_02");
  presmega03=ie? document.all.presmega_03 : document.getElementById("presmega_03");
  presneon01=ie? document.all.presneon_01 : document.getElementById("presneon_01");
  presneon02=ie? document.all.presneon_02 : document.getElementById("presneon_02");
  presneon03=ie? document.all.presneon_03 : document.getElementById("presneon_03");
  windowbouton=ie? document.all.boutonwin : document.getElementById("boutonwin");
  regiobouton=ie? document.all.boutonregio : document.getElementById("boutonregio");
  plecbouton=ie? document.all.boutonplec : document.getElementById("boutonplec");
  eclipsebouton=ie? document.all.boutoneclipse : document.getElementById("boutoneclipse");
  megabouton=ie? document.all.boutonmega : document.getElementById("boutonmega");
  neonbouton=ie? document.all.boutonneon : document.getElementById("boutonneon");
}

function changeVen(opt){
  switch (opt){
  case 1:
     ErasePage();
     window_menu.innerHTML = '<img src="images/window_menu.jpg" border="0">';
     window01.innerHTML = '<img src="images/window_01.jpg" border="0">';
     window02.innerHTML = '<img src="images/window_02.jpg" border="0">';
     presven01.innerHTML = 'Punto <span class="stylevensubhead">recto tensión</span><br><span class="stylevenmain">Permite variar la inclinación.<br>Un muelle con tensión progresiva en su interior<br>evita que la lona se mueva por efecto del viento.</span>';
     presven02.innerHTML = 'Anclaje<br>de brazo<br>interior';
     windowbouton.innerHTML = '<input name="fiche" type="submit" onclick="showFiche();" value="Ver ficha técnica">'
     windowbouton.style.zIndex=4;
     DesactiveMenu(m_window);
     ActiveMenu(m_regio, 2);
     ActiveMenu(m_plec, 3);
     ActiveMenu(m_eclipse, 4);
     ActiveMenu(m_mega, 6);
     ActiveMenu(m_neon, 7);
  break;
  case 2:
     ErasePage();
     window_menu.innerHTML = '<img src="images/regio_menu.jpg" border="0">';
     regio01.innerHTML = '<img src="images/regio_01.jpg" border="0">';
     regio02.innerHTML = '<img src="images/regio_02.jpg" border="0">';
     regio03.innerHTML = '<img src="images/regio_03.jpg" border="0">';
     presregio01.innerHTML = 'Cofre <span class="styleregiosubhead">punto recto </span><span class="stylevenmain">es un toldo autoprotegido para ventanas.<br>Reducida dimensiones y sistema de brazos con tensión.<br>Es un toldo discreto que se adapta a ventanas y espacios reducidos.</span>';
     presregio02.innerHTML = 'Cofre PRT cerrado';
     presregio03.innerHTML = 'Detalle puntera de brazo';
     regiobouton.innerHTML = '<input name="fiche" type="submit" onclick="showRegio();" value="Ver ficha técnica">'
     regiobouton.style.zIndex=4;
     DesactiveMenu(m_regio);
     ActiveMenu(m_window, 1);
     ActiveMenu(m_plec, 3);
     ActiveMenu(m_eclipse, 4);
     ActiveMenu(m_mega, 5);
     ActiveMenu(m_neon, 6);
  break;
  case 3:
     ErasePage();
     window_menu.innerHTML = '<img src="images/plec_menu.jpg" border="0">';
     plec01.innerHTML = '<img src="images/plec_01.jpg" border="0">';
     plec02.innerHTML = '<img src="images/plec_02.jpg" border="0">';
     presplec01.innerHTML = 'Capota practic<br><span class="stylevenmain">Imprescindible en la decoración de exteriores, una nota de color.<br>Fabricadas en aluminio lacado.</span>';
     presplec02.innerHTML = 'Practic<br>4 aros';
     presplec03.innerHTML = 'Capota<br>cerrada';
     plecbouton.innerHTML = '<input name="fiche" type="submit" onclick="showPlec();" value="Ver ficha técnica">'
     plecbouton.style.zIndex=4;
     DesactiveMenu(m_plec);
     ActiveMenu(m_window, 1);
     ActiveMenu(m_regio, 2);
     ActiveMenu(m_eclipse, 4);
     ActiveMenu(m_mega, 5);
     ActiveMenu(m_neon, 6);
  break;
  case 4:
     ErasePage();
     window_menu.innerHTML = '<img src="images/eclipse_menu.jpg" border="0">';
     eclipse01.innerHTML = '<img src="images/eclipse_01.jpg" border="0">';
     eclipse02.innerHTML = '<img src="images/eclipse_02.jpg" border="0">';
     preseclipse01.innerHTML = 'Capota<span class="styleregiosubhead"> curvada</span><span class="stylevenmain"><br>Capota equilibrada y adaptable, una solución eficaz.<br>Fabricada en aluminio lacado.</span>';
     eclipsebouton.innerHTML = '<input name="fiche" type="submit" onclick="showEclipse();" value="Ver ficha técnica">'
     eclipsebouton.style.zIndex=4;
     DesactiveMenu(m_eclipse);
     ActiveMenu(m_window, 1);
     ActiveMenu(m_regio, 2);
     ActiveMenu(m_plec, 3);
     ActiveMenu(m_mega, 5);
     ActiveMenu(m_neon, 6);
  break;
  case 5:
     ErasePage();
     window_menu.innerHTML = '<img src="images/mega_menu.jpg" border="0">';
     mega01.innerHTML = '<img src="images/mega_01.jpg" border="0">';
     mega02.innerHTML = '<img src="images/mega_02.jpg" border="0">';
     presmega01.innerHTML = 'Capota<span class="styleregiosubhead"> grande</span><span class="stylevenmain"><br>Capota de marcado aire clásico, sistema de integración total a la fachada.<br>Fabricada en aluminio lacado.</span>';
     presmega02.innerHTML = 'Capota grande 5 aros';
     presmega03.innerHTML = 'Capota cerrada';
     megabouton.innerHTML = '<input name="fiche" type="submit" onclick="showMega();" value="Ver ficha técnica">'
     megabouton.style.zIndex=4;
     DesactiveMenu(m_mega);
     ActiveMenu(m_window, 1);
     ActiveMenu(m_regio, 2);
     ActiveMenu(m_plec, 3);
     ActiveMenu(m_eclipse, 4);
     ActiveMenu(m_neon, 6);
  break;
  case 6:
     ErasePage();
     window_menu.innerHTML = '<img src="images/neon_menu.jpg" border="0">';
     neon01.innerHTML = '<img src="images/neon_01.jpg" border="0">';
     neon02.innerHTML = '<img src="images/neon_02.jpg" border="0">';
     neon03.innerHTML = '<img src="images/neon_03.jpg" border="0">';
     presneon01.innerHTML = 'Vertical<span class="stylevenmain"><br>Lineas esenciales y discretas para cubrir ventanas.<br>Diferentes modelos de instalación, funcionamiento y tejidos.<br>Modelo ideal para tejidos traslúcidos como screen o soltis.</span>';
     presneon02.innerHTML = 'Vertical<br>guia';
     presneon03.innerHTML = 'Cofre<br>vertical';
     neonbouton.innerHTML = '<input name="fiche" type="submit" onclick="showNeon();" value="Ver ficha técnica">'
     neonbouton.style.zIndex=4;
     DesactiveMenu(m_neon);
     ActiveMenu(m_window, 1);
     ActiveMenu(m_regio, 2);
     ActiveMenu(m_plec, 3);
     ActiveMenu(m_eclipse, 4);
     ActiveMenu(m_mega, 5);
  break;
  }
}

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){changeVen(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(){
  window_menu.innerHTML='';
  window01.innerHTML='';
  window02.innerHTML='';
  window03.innerHTML='';
  window04.innerHTML='';
  window05.innerHTML='';
  regio01.innerHTML='';
  regio02.innerHTML='';
  regio03.innerHTML='';
  regio04.innerHTML='';
  regio05.innerHTML='';
  regio06.innerHTML='';
  regio07.innerHTML='';
  plec01.innerHTML='';
  plec02.innerHTML='';
  plec03.innerHTML='';
  plec04.innerHTML='';
  plec05.innerHTML='';
  plec06.innerHTML='';
  eclipse01.innerHTML='';
  eclipse02.innerHTML='';
  eclipse03.innerHTML='';
  eclipse04.innerHTML='';
  mega01.innerHTML='';
  mega02.innerHTML='';
  mega03.innerHTML='';
  mega04.innerHTML='';
  neon01.innerHTML='';
  neon02.innerHTML='';
  neon03.innerHTML='';
  neon04.innerHTML='';
  neon05.innerHTML='';
  neon06.innerHTML='';
  neon07.innerHTML='';
  neon08.innerHTML='';
  presven01.innerHTML='';
  presven02.innerHTML='';
  presregio01.innerHTML='';
  presregio02.innerHTML='';
  presregio03.innerHTML='';
  presplec01.innerHTML='';
  presplec02.innerHTML='';
  presplec03.innerHTML='';
  presplec04.innerHTML='';
  preseclipse01.innerHTML='';
  presmega01.innerHTML='';
  presmega02.innerHTML='';
  presmega03.innerHTML='';
  presneon01.innerHTML='';
  presneon02.innerHTML='';
  presneon03.innerHTML='';
  cadreplec.style.visibility = 'hidden';
  cadreeclipse.style.visibility = 'hidden';
  cadreneon.style.visibility = 'hidden';
  windowbouton.innerHTML='';
  regiobouton.innerHTML='';
  plecbouton.innerHTML='';
  eclipsebouton.innerHTML='';
  megabouton.innerHTML='';
  neonbouton.innerHTML='';
  windowbouton.style.zIndex=3;
  regiobouton.style.zIndex=3;
  plecbouton.style.zIndex=3;
  eclipsebouton.style.zIndex=3;
  megabouton.style.zIndex=3;
  neonbouton.style.zIndex=3;
}

function showFiche(){
  window03.innerHTML = '<img src="images/window_03.gif" border="0">';
  window04.innerHTML = '<img src="images/window_04.gif" border="0">';
  window05.innerHTML = '<img src="images/window_05.jpg" border="0">';
  windowbouton.innerHTML = '<input name="fiche" type="submit" onclick="hideFiche()" value="Ocultar ficha técnica">'
}

function hideFiche(){
  window03.innerHTML = '';
  window04.innerHTML = '';
  window05.innerHTML = '';
  windowbouton.innerHTML = '<input name="fiche" type="submit" onclick="showFiche()" value="Ver ficha técnica">'
}

function showRegio(){
  regio04.innerHTML = '<img src="images/regio_04.gif" border="0">';
  regio05.innerHTML = '<img src="images/regio_05.gif" border="0">';
  regio06.innerHTML = '<img src="images/regio_06.gif" border="0">';
  regio07.innerHTML = '<img src="images/regio_07.jpg" border="0">';
  regiobouton.innerHTML = '<input name="fiche" type="submit" onclick="hideRegio()" value="Ocultar ficha técnica">'
}

function hideRegio(){
  regio04.innerHTML = '';
  regio05.innerHTML = '';
  regio06.innerHTML = '';
  regio07.innerHTML = '';
  regiobouton.innerHTML = '<input name="fiche" type="submit" onclick="showRegio()" value="Ver ficha técnica">'
}

function showPlec(){
  plec03.innerHTML = '<img src="images/plec_03.gif" border="0">';
  plec04.innerHTML = '<img src="images/plec_04.gif" border="0">';
  plec05.innerHTML = '<img src="images/plec_05.gif" border="0">';
  plec06.innerHTML = '<img src="images/plec_06.jpg" border="0">';
  presplec04.innerHTML = '<b>Montaje</b>: frontal, techo y entre paredes';
  cadreplec.style.visibility = 'visible';
  plecbouton.innerHTML = '<input name="fiche" type="submit" onclick="hidePlec()" value="Ocultar ficha técnica">'
}

function hidePlec(){
  plec03.innerHTML = '';
  plec04.innerHTML = '';
  plec05.innerHTML = '';
  plec06.innerHTML = '';
  presplec04.innerHTML = '';
  cadreplec.style.visibility = 'hidden';
  plecbouton.innerHTML = '<input name="fiche" type="submit" onclick="showPlec()" value="Ver ficha técnica">'
}

function showEclipse(){
  eclipse03.innerHTML = '<img src="images/eclipse_03.gif" border="0">';
  eclipse04.innerHTML = '<img src="images/eclipse_04.gif" border="0">';
  cadreeclipse.style.visibility = 'visible';
  eclipsebouton.innerHTML = '<input name="fiche" type="submit" onclick="hideEclipse()" value="Ocultar ficha técnica">'
}

function hideEclipse(){
  eclipse03.innerHTML = '';
  eclipse04.innerHTML = '';
  cadreeclipse.style.visibility = 'hidden';
  eclipsebouton.innerHTML = '<input name="fiche" type="submit" onclick="showEclipse()" value="Ver ficha técnica">'
}

function showMega(){
  mega03.innerHTML = '<img src="images/mega_03.gif" border="0">';
  mega04.innerHTML = '<img src="images/mega_04.jpg" border="0">';
  megabouton.innerHTML = '<input name="fiche" type="submit" onclick="hideMega()" value="Ocultar ficha técnica">'
}

function hideMega(){
  mega03.innerHTML = '';
  mega04.innerHTML = '';
  megabouton.innerHTML = '<input name="fiche" type="submit" onclick="showMega()" value="Ver ficha técnica">'
}

function showNeon(){
  neon04.innerHTML = '<img src="images/neon_04.gif" border="0">';
  neon05.innerHTML = '<img src="images/neon_05.gif" border="0">';
  neon06.innerHTML = '<img src="images/neon_06.gif" border="0">';
  neon07.innerHTML = '<img src="images/neon_07.jpg" border="0">';
  neon08.innerHTML = '<img src="images/neon_08.jpg" border="0">';
  cadreneon.style.visibility = 'visible';
  neonbouton.innerHTML = '<input name="fiche" type="submit" onclick="hideNeon()" value="Ocultar ficha técnica">'
}

function hideNeon(){
  neon04.innerHTML = '';
  neon05.innerHTML = '';
  neon06.innerHTML = '';
  neon07.innerHTML = '';
  neon08.innerHTML = '';
  cadreneon.style.visibility = 'hidden';
  neonbouton.innerHTML = '<input name="fiche" type="submit" onclick="showNeon()" value="Ver ficha técnica">'
}