var dom=document.getElementById;
var ie=(document.all && !dom);
var m_t4modulis, m_modulissoliris, m_t4soliris, m_soliris, m_t4rts, m_t1rts, m_situo;
var l_telis, l_composio, l_impresario, l_io, l_eolsol;
var telis_01, telis_02, telis_03, motorizacion, presmotor, presmando;
var prestelis, pure, silver, lounge, patio, prespure, pressilver, preslounge, prespatio;
var io, presio_01, presio_02, presio_03;
var eolsol, preseolsol;

function initVars() {
  // Options menu
  m_t4modulis=ie? document.all.t4modulis : document.getElementById("t4modulis");
  m_modulissoliris=ie? document.all.modulissoliris : document.getElementById("modulissoliris");
  m_t4soliris=ie? document.all.t4soliris : document.getElementById("t4soliris");
  m_soliris=ie? document.all.soliris : document.getElementById("soliris");
  m_t4rts=ie? document.all.t4rts : document.getElementById("t4rts");
  m_t1rts=ie? document.all.t1rts : document.getElementById("t1rts");
  m_situo=ie? document.all.situo : document.getElementById("situo");
  l_telis=ie? document.all.l_telis : document.getElementById("l_telis");
  l_composio=ie? document.all.l_composio : document.getElementById("l_composio");
  l_impresario=ie? document.all.l_impresario : document.getElementById("l_impresario");
  l_io=ie? document.all.l_io : document.getElementById("l_io");
  l_eolsol=ie? document.all.l_eolsol : document.getElementById("l_eolsol");
  // Objets
  telis_01=ie? document.all.telis_01 : document.getElementById("telis_01");
  telis_02=ie? document.all.telis_02 : document.getElementById("telis_02");
  telis_03=ie? document.all.telis_03 : document.getElementById("telis_03");
  motorizacion=ie? document.all.motorizacion : document.getElementById("motorizacion");
  presmotor=ie? document.all.presmotor : document.getElementById("presmotor");
  presmando=ie? document.all.presmando : document.getElementById("presmando");
  prestelis=ie? document.all.prestelis : document.getElementById("prestelis");
  pure=ie? document.all.pure : document.getElementById("pure");
  silver=ie? document.all.silver : document.getElementById("silver");
  lounge=ie? document.all.lounge : document.getElementById("lounge");
  patio=ie? document.all.patio : document.getElementById("patio");
  prespure=ie? document.all.prespure : document.getElementById("prespure");
  pressilver=ie? document.all.pressilver : document.getElementById("pressilver");
  preslounge=ie? document.all.preslounge : document.getElementById("preslounge");
  prespatio=ie? document.all.prespatio : document.getElementById("prespatio");
  io=ie? document.all.io : document.getElementById("io");
  presio_01=ie? document.all.presio_01 : document.getElementById("presio_01");
  presio_02=ie? document.all.presio_02 : document.getElementById("presio_02");
  presio_03=ie? document.all.presio_03 : document.getElementById("presio_03");
  eolsol=ie? document.all.eolsol : document.getElementById("eolsol");
  preseolsol=ie? document.all.preseolsol : document.getElementById("preseolsol");
}

function changeTel(opt){
  switch (opt){
  case 1: // Telis
     ErasePage();
     ShowMenu();
     ShowTelis();
     ActiveAllMenus();
     ActiveAllLiens();
     DesactiveLien(l_telis);
  break;
  case 2: // Composio
     EraseTelis();
     ErasePage();
     HideMenu();
     telis_01.innerHTML = '<img src="images/composio.jpg" border="0">';
     presmando.innerHTML = 'Telis Composio RTS, control del hogar zona por zona.<br>Mando a distancia para controlar hasta 20 agrupaciones de productos motorizados. Separando zonas de su hogar (por plantas, por fachadas, por habitaciones...) Todos los productos de un mismo grupo bajan, suben o adoptan una posición preferida simultáneamente. La pantalla permite localizar cada grupo de un vistazo.';
     ActiveAllLiens();
     DesactiveLien(l_composio);
  break;
  case 3: // Impresario
     EraseTelis();
     ErasePage();
     HideMenu();
     telis_01.innerHTML = '<img src="images/impresario.jpg" border="0">';
     presmando.innerHTML = 'Impressario Chronis RTS crea escenarios, es un mando a distancia que permite programar hasta 16 escenarios. En cada momento del día, Impressario Chronis RTS recordará la posición para en ese momento de todos y cada uno de los automatismos. Cada producto puede bajar, subir o alcanzar la posición preferida con independencia del resto, a voluntad del usuario. La función Auto/Menu permite controlar manualmente los automatismos programados en cualquier momento. La pantalla intuitiva simplifica el uso.';
     ActiveAllLiens();
     DesactiveLien(l_impresario);
  break;
  case 4: // Io
     EraseTelis();
     ErasePage();
     HideMenu();
     io.innerHTML = '<img src="images/io.jpg" border="0">';
     presio_01.innerHTML = '<span class="stylepbfondblanc">Io-homecontrol</span><br>es la nueva tecnología radio desarrollada por somfy conjuntamente con otros líderes en sistemas para el hogar, como son Assa Abloy, Honeywell, Hörmann y Velux.<br>Io-homecontrol permite la interoperabilidad entre automatismos, para ofrecerle mayor confort, ahorro de energía y seguridad.<br>Funciones como bloqueo de cerraduras, cierre del gas, la puerta de garage, bloqueo de un teclado, gracias a Io-homecontrol estas u otras funciones están a sólo un click y desde un sólo mando.';
     presio_02.innerHTML = 'Botón Home';
     presio_03.innerHTML = 'Control de cierre IO';
     ActiveAllLiens();
     DesactiveLien(l_io);
  break;
  case 5: // Eolsol
     EraseTelis();
     ErasePage();
     HideMenu();
     eolsol.innerHTML = '<img src="images/eolsol.jpg" border="0">';
     preseolsol.innerHTML = 'Eolis Sensor es un captor de viento con un nuevo diseño versátil y funcional. Para aquellos que buscan aprovechar también la energía solar: Soliris Sensor es un captor de viento y sol combinado.';
     ActiveAllLiens();
     DesactiveLien(l_eolsol);
  break;
  }
}

function changeMot(opt){
  ErasePage();
  EraseTelis();
  ActiveAllMenus();
  switch (opt){
  case 1: // t4modulis
     telis_01.innerHTML = '<img src="images/t4modulisrts.jpg" border="0">';
     presmando.innerHTML = 'Modulis especial persianas venecianas.<br>Mando especial venecianas tanto interiores como exteriores, incorpora una rueda que permite orientar las lamas con precisión. La forma más elegante de controlar la luz natural en el hogar. Versione 5 canales.';
     DesactiveMenu(m_t4modulis);
  break;
  case 2: // modulissoliris
     telis_01.innerHTML = '<img src="images/modulissoliris.jpg" border="0">';
     presmando.innerHTML = 'Modulis especial persianas venecianas.<br>Mando especial venecianas tanto interiores como exteriores, incorpora una rueda que permite orientar las lamas con precisión. La forma más elegante de controlar la luz natural en el hogar. Versione Soliris, con un sensor Soliris RTS, permite inclinar automáticamente las lamas en caso de luz solar directa o recoger la persiana veneciana exterior cuando sopla el viento.';
     DesactiveMenu(m_modulissoliris);
  break;
  case 3: // t4soliris
     telis_02.innerHTML = '<img src="images/t4soliris.jpg" border="0">';
     DesactiveMenu(m_t4soliris);
  break;
  case 4: // soliris
     telis_01.innerHTML = '<img src="images/solirisrts.jpg" border="0">';
     DesactiveMenu(m_soliris);
  break;
  case 5: // t4rts
     telis_01.innerHTML = '<img src="images/t4rts_1.jpg" border="0">';
     telis_03.innerHTML = '<img src="images/t4rts_2.jpg" border="0">';
     DesactiveMenu(m_t4rts);
  break;
  case 6: // t1rts
     telis_01.innerHTML = '<img src="images/t1rts_1.jpg" border="0">';
     telis_03.innerHTML = '<img src="images/t1rts_2.jpg" border="0">';
     DesactiveMenu(m_t1rts);
  break;
  case 7: // situo
     telis_02.innerHTML = '<img src="images/situorts.jpg" border="0">';
     DesactiveMenu(m_situo);
  break;
  }
}

function ActiveAllMenus(){
  ActiveMenu(m_t4modulis, 1);
  ActiveMenu(m_modulissoliris, 2);
  ActiveMenu(m_t4soliris, 3);
  ActiveMenu(m_soliris, 4);
  ActiveMenu(m_t4rts, 5);
  ActiveMenu(m_t1rts, 6);
  ActiveMenu(m_situo, 7);
}

function ActiveAllLiens(){
  ActiveLien(l_telis, 1);
  ActiveLien(l_composio, 2);
  ActiveLien(l_impresario, 3);
  ActiveLien(l_io, 4);
  ActiveLien(l_eolsol, 5);
}

function ActiveMenu(obj_Menu, no_Opt){
  obj_Menu.onmouseover = function onmouseover(event){this.style.color="#333333";};
  obj_Menu.onmouseout = function onmouseout(event){this.style.color="#CCCCCC";};
  obj_Menu.onclick = function onclick(event){changeMot(no_Opt);};
  obj_Menu.style.background = '#999999';
  obj_Menu.style.color = '#CCCCCC';
  obj_Menu.style.cursor = 'pointer';
  obj_Menu.style.cursor = 'hand';
}

function ActiveLien(obj_Menu, no_Opt){
  obj_Menu.onmouseover = function onmouseover(event){this.style.background="#E7E7E7";};
  obj_Menu.onmouseout = function onmouseout(event){this.style.background="#FFFFFF";};
  obj_Menu.onclick = function onclick(event){changeTel(no_Opt);};
  obj_Menu.style.background = '#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 = '#999999';
  obj_Menu.style.color = '#FFFFFF';
  obj_Menu.style.cursor = 'pointer';
  obj_Menu.style.cursor = 'default';
}

function DesactiveLien(obj_Menu){
  obj_Menu.onmouseover = function onmouseover(event){};
  obj_Menu.onmouseout = function onmouseout(event){};
  obj_Menu.onclick = function onclick(event){};
  obj_Menu.style.background = '#CCCCCC';
  obj_Menu.style.cursor = 'pointer';
  obj_Menu.style.cursor = 'default';
}

function ErasePage(){
  motorizacion.style.visibility = 'hidden';
  presmotor.style.visibility = 'hidden';
  telis_01.innerHTML = '';
  telis_02.innerHTML = '';
  telis_03.innerHTML = '';
  presmando.innerHTML = '';
  io.innerHTML = '';
  presio_01.innerHTML = '';
  presio_02.innerHTML = '';
  presio_03.innerHTML = '';
  eolsol.innerHTML = '';
  preseolsol.innerHTML = '';
}

function EraseTelis(){
  prestelis.style.visibility = 'hidden';
  pure.style.visibility = 'hidden';
  silver.style.visibility = 'hidden';
  lounge.style.visibility = 'hidden';
  patio.style.visibility = 'hidden';
  prespure.style.visibility = 'hidden';
  pressilver.style.visibility = 'hidden';
  preslounge.style.visibility = 'hidden';
  prespatio.style.visibility = 'hidden';
}

function ShowTelis(){
  prestelis.style.visibility = 'visible';
  pure.style.visibility = 'visible';
  silver.style.visibility = 'visible';
  lounge.style.visibility = 'visible';
  patio.style.visibility = 'visible';
  prespure.style.visibility = 'visible';
  pressilver.style.visibility = 'visible';
  preslounge.style.visibility = 'visible';
  prespatio.style.visibility = 'visible';
}

function ShowMenu(){
  m_t4modulis.style.visibility = 'visible';
  m_modulissoliris.style.visibility = 'visible';
  m_t4soliris.style.visibility = 'visible';
  m_soliris.style.visibility = 'visible';
  m_t4rts.style.visibility = 'visible';
  m_t1rts.style.visibility = 'visible';
  m_situo.style.visibility = 'visible';
}

function HideMenu(){
  m_t4modulis.style.visibility = 'hidden';
  m_modulissoliris.style.visibility = 'hidden';
  m_t4soliris.style.visibility = 'hidden';
  m_soliris.style.visibility = 'hidden';
  m_t4rts.style.visibility = 'hidden';
  m_t1rts.style.visibility = 'hidden';
  m_situo.style.visibility = 'hidden';
}