var dom=document.getElementById;
var ie=(document.all && !dom);
var m_pasillos, m_party, m_zenit, m_cosmopolitan;
var window_menu;
var pasillos01, pasillos02, pasillos03;
var cadrepasillos01, cadrepasillos02;
var prespasillos01;
var party01, party02, party03, party04, party05, party06, party07, party08, party09;
var cadreparty01, cadreparty02, cadreparty03, cadreparty04, cadreparty05, cadreparty06;
var presparty01, presparty02;
var partybouton;
var zenit01, zenit02, zenit03, zenit04, zenit05, zenit06, zenit07, zenit08;
var cadrezenit01, cadrezenit02, cadrezenit03, cadrezenit04, cadrezenit05, cadrezenit06;
var preszenit01;
var zenitbouton;
var cosmopolitan01, cosmopolitan02, cosmopolitan03, cosmopolitan04, cosmopolitan05, cosmopolitan06, cosmopolitan07, cosmopolitan08, cosmopolitan09;
var cadrecosmopolitan01, cadrecosmopolitan02, cadrecosmopolitan03, cadrecosmopolitan04, cadrecosmopolitan05, cadrecosmopolitan06;
var prescosmopolitan01, prescosmopolitan02;
var cosmopolitanbouton;

function initVars() {
  // Options menu
  m_pasillos=ie? document.all.pasillos : document.getElementById("pasillos");
  m_party=ie? document.all.party : document.getElementById("party");
  m_zenit=ie? document.all.zenit : document.getElementById("zenit");
  m_cosmopolitan=ie? document.all.cosmopolitan : document.getElementById("cosmopolitan");
  // Images communes
  window_menu=ie? document.all.window_menu : document.getElementById("window_menu");
  // Images
  pasillos01=ie? document.all.pasillos_01 : document.getElementById("pasillos_01");
  pasillos02=ie? document.all.pasillos_02 : document.getElementById("pasillos_02");
  pasillos03=ie? document.all.pasillos_03 : document.getElementById("pasillos_03");
  cadrepasillos01=ie? document.all.cadrepasillos_01 : document.getElementById("cadrepasillos_01");
  cadrepasillos02=ie? document.all.cadrepasillos_02 : document.getElementById("cadrepasillos_02");
  party01=ie? document.all.party_01 : document.getElementById("party_01");
  party02=ie? document.all.party_02 : document.getElementById("party_02");
  party03=ie? document.all.party_03 : document.getElementById("party_03");
  party04=ie? document.all.party_04 : document.getElementById("party_04");
  party05=ie? document.all.party_05 : document.getElementById("party_05");
  party06=ie? document.all.party_06 : document.getElementById("party_06");
  party07=ie? document.all.party_07 : document.getElementById("party_07");
  party08=ie? document.all.party_08 : document.getElementById("party_08");
  party09=ie? document.all.party_09 : document.getElementById("party_09");
  cadreparty01=ie? document.all.cadreparty_01 : document.getElementById("cadreparty_01");
  cadreparty02=ie? document.all.cadreparty_02 : document.getElementById("cadreparty_02");
  cadreparty03=ie? document.all.cadreparty_03 : document.getElementById("cadreparty_03");
  cadreparty04=ie? document.all.cadreparty_04 : document.getElementById("cadreparty_04");
  cadreparty05=ie? document.all.cadreparty_05 : document.getElementById("cadreparty_05");
  cadreparty06=ie? document.all.cadreparty_06 : document.getElementById("cadreparty_06");
  zenit01=ie? document.all.zenit_01 : document.getElementById("zenit_01");
  zenit02=ie? document.all.zenit_02 : document.getElementById("zenit_02");
  zenit03=ie? document.all.zenit_03 : document.getElementById("zenit_03");
  zenit04=ie? document.all.zenit_04 : document.getElementById("zenit_04");
  zenit05=ie? document.all.zenit_05 : document.getElementById("zenit_05");
  zenit06=ie? document.all.zenit_06 : document.getElementById("zenit_06");
  zenit07=ie? document.all.zenit_07 : document.getElementById("zenit_07");
  zenit08=ie? document.all.zenit_08 : document.getElementById("zenit_08");
  cadrezenit01=ie? document.all.cadrezenit_01 : document.getElementById("cadrezenit_01");
  cadrezenit02=ie? document.all.cadrezenit_02 : document.getElementById("cadrezenit_02");
  cadrezenit03=ie? document.all.cadrezenit_03 : document.getElementById("cadrezenit_03");
  cadrezenit04=ie? document.all.cadrezenit_04 : document.getElementById("cadrezenit_04");
  cadrezenit05=ie? document.all.cadrezenit_05 : document.getElementById("cadrezenit_05");
  cadrezenit06=ie? document.all.cadrezenit_06 : document.getElementById("cadrezenit_06");
  cosmopolitan01=ie? document.all.cosmopolitan_01 : document.getElementById("cosmopolitan_01");
  cosmopolitan02=ie? document.all.cosmopolitan_02 : document.getElementById("cosmopolitan_02");
  cosmopolitan03=ie? document.all.cosmopolitan_03 : document.getElementById("cosmopolitan_03");
  cosmopolitan04=ie? document.all.cosmopolitan_04 : document.getElementById("cosmopolitan_04");
  cosmopolitan05=ie? document.all.cosmopolitan_05 : document.getElementById("cosmopolitan_05");
  cosmopolitan06=ie? document.all.cosmopolitan_06 : document.getElementById("cosmopolitan_06");
  cosmopolitan07=ie? document.all.cosmopolitan_07 : document.getElementById("cosmopolitan_07");
  cosmopolitan08=ie? document.all.cosmopolitan_08 : document.getElementById("cosmopolitan_08");
  cosmopolitan09=ie? document.all.cosmopolitan_09 : document.getElementById("cosmopolitan_09");
  cadrecosmopolitan01=ie? document.all.cadrecosmopolitan_01 : document.getElementById("cadrecosmopolitan_01");
  cadrecosmopolitan02=ie? document.all.cadrecosmopolitan_02 : document.getElementById("cadrecosmopolitan_02");
  cadrecosmopolitan03=ie? document.all.cadrecosmopolitan_03 : document.getElementById("cadrecosmopolitan_03");
  cadrecosmopolitan04=ie? document.all.cadrecosmopolitan_04 : document.getElementById("cadrecosmopolitan_04");
  cadrecosmopolitan05=ie? document.all.cadrecosmopolitan_05 : document.getElementById("cadrecosmopolitan_05");
  cadrecosmopolitan06=ie? document.all.cadrecosmopolitan_06 : document.getElementById("cadrecosmopolitan_06");
  // Textes
  prespasillos01=ie? document.all.prespasillos_01 : document.getElementById("prespasillos_01");
  presparty01=ie? document.all.presparty_01 : document.getElementById("presparty_01");
  presparty02=ie? document.all.presparty_02 : document.getElementById("presparty_02");
  preszenit01=ie? document.all.preszenit_01 : document.getElementById("preszenit_01");
  prescosmopolitan01=ie? document.all.prescosmopolitan_01 : document.getElementById("prescosmopolitan_01");
  prescosmopolitan02=ie? document.all.prescosmopolitan_02 : document.getElementById("prescosmopolitan_02");
  // Boutons
  partybouton=ie? document.all.boutonparty : document.getElementById("boutonparty");
  zenitbouton=ie? document.all.boutonzenit : document.getElementById("boutonzenit");
  cosmopolitanbouton=ie? document.all.boutoncosmopolitan : document.getElementById("boutoncosmopolitan");
}

function changeCen(opt){
  switch (opt){
  case 1: // pasillos
     ErasePage();
     window_menu.innerHTML = '<img src="images/pasillos_menu.jpg" border="0">';
     pasillos01.innerHTML = '<img src="images/pasillos_01.jpg" border="0">';
     pasillos02.innerHTML = '<img src="images/pasillos_02.jpg" border="0">';
     pasillos03.innerHTML = '<img src="images/pasillos_03.jpg" border="0">';
     prespasillos01.innerHTML = 'Pasillos<span class="stylevenmain">  en un toldo cenador de líneas discretas.<br>Unimos armazón, lona y accesorios para crear un toldo elegante y con carácter.</span>';
     cadrepasillos01.style.visibility = 'visible';
     cadrepasillos02.style.visibility = 'visible';
     ActiveAllMenus();
     DesactiveMenu(m_pasillos);
  break;
  case 2: // party
     ErasePage();
     window_menu.innerHTML = '<img src="images/party_menu.jpg" border="0">';
     party01.innerHTML = '<img src="images/party_01.jpg" border="0">';
     party02.innerHTML = '<img src="images/party_02.jpg" border="0">';
     presparty01.innerHTML = 'Party<span class="styleregiosubhead"> cuadrado 4 aguas </span><span class="stylevenmain">es un toldo cenador con forma de pirámide. Se define por la sencillez de sus líneas, conjunto armónico y equilibrado. La lona transmitirá la luz o intimidad deseada. De fácil montaje.</span>';
     presparty02.innerHTML = 'Detalle de interior<br>sujección de lona,<br>techo y cortinas';
     partybouton.innerHTML = '<input name="fiche" type="submit" onclick="showParty();" value="Ver ficha técnica">'
     partybouton.style.zIndex=4;
     ActiveAllMenus();
     DesactiveMenu(m_party);
  break;
  case 3: // zenit
     ErasePage();
     window_menu.innerHTML = '<img src="images/zenit_menu.jpg" border="0">';
     zenit01.innerHTML = '<img src="images/zenit_01.jpg" border="0">';
     zenit02.innerHTML = '<img src="images/zenit_02.gif" border="0">';
     preszenit01.innerHTML = 'Zenit<span class="styleregiosubhead"> portería 2 aguas </span><span class="stylevenmain">es un toldo cenador en el confluyen y se apoyan una barra horizontal y dos perpendiculares, marcando todo un estilo muy funcional. Portería de hierro galvanizado y lacado. El resto de componentes del armazón están fabricados en aluminio de calidad internacional Qualicoat.</span>';
     zenitbouton.innerHTML = '<input name="fiche" type="submit" onclick="showZenit();" value="Ver ficha técnica">'
     zenitbouton.style.zIndex=4;
     ActiveAllMenus();
     DesactiveMenu(m_zenit);
  break;
  case 4: // cosmopolitan
     ErasePage();
     window_menu.innerHTML = '<img src="images/cosmopolitan_menu.jpg" border="0">';
     cosmopolitan01.innerHTML = '<img src="images/cosmopolitan_01.jpg" border="0">';
     cosmopolitan02.innerHTML = '<img src="images/cosmopolitan_02.jpg" border="0">';
     prescosmopolitan01.innerHTML = 'Cosmopolitan<span class="styleregiosubhead"> rectangular 4 aguas </span><span class="stylevenmain">es un toldo cenador que permite un amplio cuadro de medidas adaptables por módulos.<br>De apariencia discreta, es un elemento básico de las terrazas de verano.</span>';
     prescosmopolitan02.innerHTML = 'Detalle de interior<br>sujección de lona,<br>techo y cortinas';
     cosmopolitanbouton.innerHTML = '<input name="fiche" type="submit" onclick="showCosmopolitan();" value="Ver ficha técnica">'
     cosmopolitanbouton.style.zIndex=4;
     ActiveAllMenus();
     DesactiveMenu(m_cosmopolitan);
  }
}

function ActiveAllMenus(){
  ActiveMenu(m_pasillos, 1);
  ActiveMenu(m_party, 2);
  ActiveMenu(m_zenit, 3);
  ActiveMenu(m_cosmopolitan, 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){changeCen(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
  pasillos01.innerHTML = '';
  pasillos02.innerHTML = '';
  pasillos03.innerHTML = '';
  party01.innerHTML = '';
  party02.innerHTML = '';
  party03.innerHTML = '';
  party04.innerHTML = '';
  party05.innerHTML = '';
  party06.innerHTML = '';
  party07.innerHTML = '';
  party08.innerHTML = '';
  party09.innerHTML = '';
  zenit01.innerHTML = '';
  zenit02.innerHTML = '';
  zenit03.innerHTML = '';
  zenit04.innerHTML = '';
  zenit05.innerHTML = '';
  zenit06.innerHTML = '';
  zenit07.innerHTML = '';
  zenit08.innerHTML = '';
  cosmopolitan01.innerHTML = '';
  cosmopolitan02.innerHTML = '';
  cosmopolitan03.innerHTML = '';
  cosmopolitan04.innerHTML = '';
  cosmopolitan05.innerHTML = '';
  cosmopolitan06.innerHTML = '';
  cosmopolitan07.innerHTML = '';
  cosmopolitan08.innerHTML = '';
  cosmopolitan09.innerHTML = '';
  // Cadres
  cadrepasillos01.style.visibility = 'hidden';
  cadrepasillos02.style.visibility = 'hidden';
  cadreparty01.style.visibility = 'hidden';
  cadreparty02.style.visibility = 'hidden';
  cadreparty03.style.visibility = 'hidden';
  cadreparty04.style.visibility = 'hidden';
  cadreparty05.style.visibility = 'hidden';
  cadreparty06.style.visibility = 'hidden';
  cadrezenit01.style.visibility = 'hidden';
  cadrezenit02.style.visibility = 'hidden';
  cadrezenit03.style.visibility = 'hidden';
  cadrezenit04.style.visibility = 'hidden';
  cadrezenit05.style.visibility = 'hidden';
  cadrezenit06.style.visibility = 'hidden';
  cadrecosmopolitan01.style.visibility = 'hidden';
  cadrecosmopolitan02.style.visibility = 'hidden';
  cadrecosmopolitan03.style.visibility = 'hidden';
  cadrecosmopolitan04.style.visibility = 'hidden';
  cadrecosmopolitan05.style.visibility = 'hidden';
  cadrecosmopolitan06.style.visibility = 'hidden';
  // Textes
  prespasillos01.innerHTML = '';
  presparty01.innerHTML = '';
  presparty02.innerHTML = '';
  preszenit01.innerHTML = '';
  prescosmopolitan01.innerHTML = '';
  prescosmopolitan02.innerHTML = '';
  // Boutons
  partybouton.innerHTML = '';
  partybouton.style.zIndex=3;
  zenitbouton.innerHTML = '';
  zenitbouton.style.zIndex=3;
  cosmopolitanbouton.innerHTML = '';
  cosmopolitanbouton.style.zIndex=3;
}

function showParty(){
  party03.innerHTML = '<img src="images/party_03.gif" border="0">';
  party04.innerHTML = '<img src="images/party_04.gif" border="0">';
  party05.innerHTML = '<img src="images/party_05.gif" border="0">';
  party06.innerHTML = '<img src="images/party_06.gif" border="0">';
  party07.innerHTML = '<img src="images/navarretegris.gif" border="0">';
  party08.innerHTML = '<img src="images/sma_01.jpg" border="0">';
  party09.innerHTML = '<img src="images/sma_02.jpg" border="0">';
  cadreparty01.style.visibility = 'visible';
  cadreparty02.style.visibility = 'visible';
  cadreparty03.style.visibility = 'visible';
  cadreparty04.style.visibility = 'visible';
  cadreparty05.style.visibility = 'visible';
  cadreparty06.style.visibility = 'visible';
  partybouton.innerHTML = '<input name="fiche" type="submit" onclick="hideParty()" value="Ocultar ficha técnica">';
}

function hideParty(){
  party03.innerHTML = '';
  party04.innerHTML = '';
  party05.innerHTML = '';
  party06.innerHTML = '';
  party07.innerHTML = '';
  party08.innerHTML = '';
  party09.innerHTML = '';
  cadreparty01.style.visibility = 'hidden';
  cadreparty02.style.visibility = 'hidden';
  cadreparty03.style.visibility = 'hidden';
  cadreparty04.style.visibility = 'hidden';
  cadreparty05.style.visibility = 'hidden';
  cadreparty06.style.visibility = 'hidden';
  partybouton.innerHTML = '<input name="fiche" type="submit" onclick="showParty()" value="Ver ficha técnica">';
}

function showZenit(){
  zenit03.innerHTML = '<img src="images/zenit_03.jpg" border="0">';
  zenit04.innerHTML = '<img src="images/zenit_04.jpg" border="0">';
  zenit05.innerHTML = '<img src="images/zenit_05.jpg" border="0">';
  zenit06.innerHTML = '<img src="images/navarretegris.gif" border="0">';
  zenit07.innerHTML = '<img src="images/sma_01.jpg" border="0">';
  zenit08.innerHTML = '<img src="images/sma_02.jpg" border="0">';
  cadrezenit01.style.visibility = 'visible';
  cadrezenit02.style.visibility = 'visible';
  cadrezenit03.style.visibility = 'visible';
  cadrezenit04.style.visibility = 'visible';
  cadrezenit05.style.visibility = 'visible';
  cadrezenit06.style.visibility = 'visible';
  zenitbouton.innerHTML = '<input name="fiche" type="submit" onclick="hideZenit()" value="Ocultar ficha técnica">';
}

function hideZenit(){
  zenit03.innerHTML = '';
  zenit04.innerHTML = '';
  zenit05.innerHTML = '';
  zenit06.innerHTML = '';
  zenit07.innerHTML = '';
  zenit08.innerHTML = '';
  cadrezenit01.style.visibility = 'hidden';
  cadrezenit02.style.visibility = 'hidden';
  cadrezenit03.style.visibility = 'hidden';
  cadrezenit04.style.visibility = 'hidden';
  cadrezenit05.style.visibility = 'hidden';
  cadrezenit06.style.visibility = 'hidden';
  zenitbouton.innerHTML = '<input name="fiche" type="submit" onclick="showZenit()" value="Ver ficha técnica">';
}

function showCosmopolitan(){
  cosmopolitan03.innerHTML = '<img src="images/cosmopolitan_03.gif" border="0">';
  cosmopolitan04.innerHTML = '<img src="images/cosmopolitan_04.gif" border="0">';
  cosmopolitan05.innerHTML = '<img src="images/cosmopolitan_05.gif" border="0">';
  cosmopolitan06.innerHTML = '<img src="images/cosmopolitan_06.gif" border="0">';
  cosmopolitan07.innerHTML = '<img src="images/navarretegris.gif" border="0">';
  cosmopolitan08.innerHTML = '<img src="images/sma_01.jpg" border="0">';
  cosmopolitan09.innerHTML = '<img src="images/sma_02.jpg" border="0">';
  cadrecosmopolitan01.style.visibility = 'visible';
  cadrecosmopolitan02.style.visibility = 'visible';
  cadrecosmopolitan03.style.visibility = 'visible';
  cadrecosmopolitan04.style.visibility = 'visible';
  cadrecosmopolitan05.style.visibility = 'visible';
  cadrecosmopolitan06.style.visibility = 'visible';
  cosmopolitanbouton.innerHTML = '<input name="fiche" type="submit" onclick="hideCosmopolitan()" value="Ocultar ficha técnica">';
}

function hideCosmopolitan(){
  cosmopolitan03.innerHTML = '';
  cosmopolitan04.innerHTML = '';
  cosmopolitan05.innerHTML = '';
  cosmopolitan06.innerHTML = '';
  cosmopolitan07.innerHTML = '';
  cosmopolitan08.innerHTML = '';
  cosmopolitan09.innerHTML = '';
  cadrecosmopolitan01.style.visibility = 'hidden';
  cadrecosmopolitan02.style.visibility = 'hidden';
  cadrecosmopolitan03.style.visibility = 'hidden';
  cadrecosmopolitan04.style.visibility = 'hidden';
  cadrecosmopolitan05.style.visibility = 'hidden';
  cadrecosmopolitan06.style.visibility = 'hidden';
  cosmopolitanbouton.innerHTML = '<input name="fiche" type="submit" onclick="showCosmopolitan()" value="Ver ficha técnica">';
}