var dom=document.getElementById;
var ie=(document.all && !dom);
var window_menu;
var m_corredero, m_discovery;
var discovery01, discovery02, discovery03, discovery04, discovery05, discovery06, discovery07, discovery08, discovery09;
var cadrediscovery01, cadrediscovery02, cadrediscovery03, cadrediscovery04, cadrediscovery05, cadrediscovery06, cadrediscovery07, cadrediscovery08;
var presdiscovery01;
var discoverybouton;
var marino01, marino02, marino03, marino04, marino05, marino06, marino07, marino08, cadremarino01, cadremarino02;
var presmarino01, presmarino02;
var marinobouton;

function initVars() {
  m_corredero=ie? document.all.corredero : document.getElementById("corredero");
  m_discovery=ie? document.all.discovery : document.getElementById("discovery");
  window_menu=ie? document.all.window_menu : document.getElementById("window_menu");
  discovery01=ie? document.all.discovery_01 : document.getElementById("discovery_01");
  discovery02=ie? document.all.discovery_02 : document.getElementById("discovery_02");
  discovery03=ie? document.all.discovery_03 : document.getElementById("discovery_03");
  discovery04=ie? document.all.discovery_04 : document.getElementById("discovery_04");
  discovery05=ie? document.all.discovery_05 : document.getElementById("discovery_05");
  discovery06=ie? document.all.discovery_06 : document.getElementById("discovery_06");
  discovery07=ie? document.all.discovery_07 : document.getElementById("discovery_07");
  discovery08=ie? document.all.discovery_08 : document.getElementById("discovery_08");
  discovery09=ie? document.all.discovery_09 : document.getElementById("discovery_09");
  cadrediscovery01=ie? document.all.cadrediscovery_01 : document.getElementById("cadrediscovery_01");
  cadrediscovery02=ie? document.all.cadrediscovery_02 : document.getElementById("cadrediscovery_02");
  cadrediscovery03=ie? document.all.cadrediscovery_03 : document.getElementById("cadrediscovery_03");
  cadrediscovery04=ie? document.all.cadrediscovery_04 : document.getElementById("cadrediscovery_04");
  cadrediscovery05=ie? document.all.cadrediscovery_05 : document.getElementById("cadrediscovery_05");
  cadrediscovery06=ie? document.all.cadrediscovery_06 : document.getElementById("cadrediscovery_06");
  cadrediscovery07=ie? document.all.cadrediscovery_07 : document.getElementById("cadrediscovery_07");
  cadrediscovery08=ie? document.all.cadrediscovery_08 : document.getElementById("cadrediscovery_08");
  presdiscovery01=ie? document.all.presdiscovery_01 : document.getElementById("presdiscovery_01");
  discoverybouton=ie? document.all.boutondiscovery : document.getElementById("boutondiscovery");
  marino01=ie? document.all.marino_01 : document.getElementById("marino_01");
  marino02=ie? document.all.marino_02 : document.getElementById("marino_02");
  marino03=ie? document.all.marino_03 : document.getElementById("marino_03");
  marino04=ie? document.all.marino_04 : document.getElementById("marino_04");
  marino05=ie? document.all.marino_05 : document.getElementById("marino_05");
  marino06=ie? document.all.marino_06 : document.getElementById("marino_06");
  marino07=ie? document.all.marino_07 : document.getElementById("marino_07");
  marino08=ie? document.all.marino_08 : document.getElementById("marino_08");
  cadremarino01=ie? document.all.cadremarino_01 : document.getElementById("cadremarino_01");
  cadremarino02=ie? document.all.cadremarino_02 : document.getElementById("cadremarino_02");
  presmarino01=ie? document.all.presmarino_01 : document.getElementById("presmarino_01");
  marinobouton=ie? document.all.boutonmarino : document.getElementById("boutonmarino");
}

function changeCer(opt){
  switch (opt){
  case 1: // discovery
     ErasePage();
     window_menu.innerHTML = '<img src="images/goliath_menu.jpg" border="0">';
     discovery01.innerHTML = '<img src="images/discovery_01.jpg" border="0">';
     presdiscovery01.innerHTML = 'Veranda<span class="stylevenmain"> es un toldo corredero funcional realizado íntegramente en aluminio, accionado siempre mediante motor y con muelle interior, permite tensar el tejido, un cofre superior que protege la lona. Se puede instalar tanto para amortiguar el efecto invernadero sobre cerramientos de aluminio y cristal o como toldo corredero, previa fabricación de la estructura.</span>';
     discoverybouton.innerHTML = '<input name="fiche" type="submit" onclick="showDiscovery();" value="Ver ficha técnica">'
     discoverybouton.style.zIndex=4;
     ActiveAllMenus();
     DesactiveMenu(m_discovery);
  break;
  case 2: // corredero
     ErasePage();
     window_menu.innerHTML = '<img src="images/marino_menu.jpg" border="0">';
     marino01.innerHTML = '<img src="images/corredero_01.jpg" border="0">';
     marino02.innerHTML = '<img src="images/marino_02.jpg" border="0">';
     presmarino01.innerHTML = 'Corredero Marino<span class="stylevenmain"> es un toldo de tendencia minimalista, líneas rectas y elementales. Estructura de aluminio reforzada cuando sea necesario, cómodo método de utilización con cualquiera de nuestros sistemas de maniobra manuales.</span>';
     marinobouton.innerHTML = '<input name="fiche" type="submit" onclick="showMarino();" value="Ver ficha técnica">'
     marinobouton.style.zIndex=4;
     ActiveAllMenus();
     DesactiveMenu(m_corredero);
  break;
  }
}

function ActiveAllMenus(){
  ActiveMenu(m_discovery, 1);
  ActiveMenu(m_corredero, 2);
}

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){changeCer(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(){
  discovery01.innerHTML = '';
  discovery02.innerHTML = '';
  discovery03.innerHTML = '';
  discovery04.innerHTML = '';
  discovery05.innerHTML = '';
  discovery06.innerHTML = '';
  discovery07.innerHTML = '';
  discovery08.innerHTML = '';
  discovery09.innerHTML = '';
  presdiscovery01.innerHTML = '';
  cadrediscovery01.style.visibility = 'hidden';
  cadrediscovery02.style.visibility = 'hidden';
  cadrediscovery03.style.visibility = 'hidden';
  cadrediscovery04.style.visibility = 'hidden';
  cadrediscovery05.style.visibility = 'hidden';
  cadrediscovery06.style.visibility = 'hidden';
  cadrediscovery07.style.visibility = 'hidden';
  cadrediscovery08.style.visibility = 'hidden';
  discoverybouton.innerHTML = '';
  marino01.innerHTML = '';
  marino02.innerHTML = '';
  marino03.innerHTML = '';
  marino04.innerHTML = '';
  marino05.innerHTML = '';
  marino06.innerHTML = '';
  marino07.innerHTML = '';
  marino08.innerHTML = '';
  cadremarino01.style.visibility = 'hidden';
  cadremarino02.style.visibility = 'hidden';
  presmarino01.innerHTML = '';
  marinobouton.innerHTML = '';
  marinobouton.style.zIndex=3;
}

function showDiscovery(){
  discovery02.innerHTML = '<img src="images/discovery_02.gif" border="0">';
  discovery03.innerHTML = '<img src="images/discovery_03.gif" border="0">';
  discovery04.innerHTML = '<img src="images/discovery_04.gif" border="0">';
  discovery05.innerHTML = '<img src="images/discovery_05.gif" border="0">';
  discovery06.innerHTML = '<img src="images/discovery_06.gif" border="0">';
  discovery07.innerHTML = '<img src="images/navarrete.gif" width="76" height="76" border="0">';
  discovery08.innerHTML = '<img src="images/sma_01.jpg" border="0">';
  discovery09.innerHTML = '<img src="images/sma_02.jpg" border="0">';
  cadrediscovery01.style.visibility = 'visible';
  cadrediscovery02.style.visibility = 'visible';
  cadrediscovery03.style.visibility = 'visible';
  cadrediscovery04.style.visibility = 'visible';
  cadrediscovery05.style.visibility = 'visible';
  cadrediscovery06.style.visibility = 'visible';
  cadrediscovery07.style.visibility = 'visible';
  cadrediscovery08.style.visibility = 'visible';
  discoverybouton.innerHTML = '<input name="fiche" type="submit" onclick="hideDiscovery()" value="Ocultar ficha técnica">';
}

function hideDiscovery(){
  discovery02.innerHTML = '';
  discovery03.innerHTML = '';
  discovery04.innerHTML = '';
  discovery05.innerHTML = '';
  discovery06.innerHTML = '';
  discovery07.innerHTML = '';
  discovery08.innerHTML = '';
  discovery09.innerHTML = '';
  cadrediscovery01.style.visibility = 'hidden';
  cadrediscovery02.style.visibility = 'hidden';
  cadrediscovery03.style.visibility = 'hidden';
  cadrediscovery04.style.visibility = 'hidden';
  cadrediscovery05.style.visibility = 'hidden';
  cadrediscovery06.style.visibility = 'hidden';
  cadrediscovery07.style.visibility = 'hidden';
  cadrediscovery08.style.visibility = 'hidden';
  discoverybouton.innerHTML = '<input name="fiche" type="submit" onclick="showDiscovery()" value="Ver ficha técnica">';
}

function showMarino(){
  marino03.innerHTML = '<img src="images/marino_03.jpg" border="0">';
  marino04.innerHTML = '<img src="images/marino_04.jpg" border="0">';
  marino05.innerHTML = '<img src="images/marino_05.jpg" border="0">';
  marino06.innerHTML = '<img src="images/navarrete.gif" border="0">';
  marino07.innerHTML = '<img src="images/sma_01.jpg" border="0">';
  marino08.innerHTML = '<img src="images/sma_02.jpg" border="0">';
  cadremarino01.style.visibility = 'visible';
  cadremarino02.style.visibility = 'visible';
  marinobouton.innerHTML = '<input name="fiche" type="submit" onclick="hideMarino()" value="Ocultar ficha técnica">';
}

function hideMarino(){
  marino03.innerHTML = '';
  marino04.innerHTML = '';
  marino05.innerHTML = '';
  marino06.innerHTML = '';
  marino07.innerHTML = '';
  marino08.innerHTML = '';
  cadremarino01.style.visibility = 'hidden';
  cadremarino02.style.visibility = 'hidden';
  marinobouton.innerHTML = '<input name="fiche" type="submit" onclick="showMarino()" value="Ver ficha técnica">';
}