imagenA1=new Image
imagenA1.src="Imagenes/Ins-Calefaccio2.jpg"
imagenA2=new Image
imagenA2.src="Imagenes/Ins-Calefaccio.jpg"
imagenB1=new Image
imagenB1.src="Imagenes/Ins-Climatitz2.jpg"
imagenB2=new Image
imagenB2.src="Imagenes/Ins-Climatitz.jpg"
imagenC1=new Image
imagenC1.src="Imagenes/Ins-EnergSolar2.jpg"
imagenC2=new Image
imagenC2.src="Imagenes/Ins-EnergSolar.jpg"
imagenD1=new Image
imagenD1.src="Imagenes/Ins-EstalvEnerg2.jpg"
imagenD2=new Image
imagenD2.src="Imagenes/Ins-EstalvEnerg.jpg"

var A=1;
var B=1;
var C=1;
var D=1;

function BorraA()
{
      document.images['Calefaccio'].src=imagenA1.src;
      A=1;
      document.all['divCa1'].innerHTML = ' ';
      document.all['divCa2'].innerHTML = ' ';
      document.all['divCa3'].innerHTML = ' ';
      document.all['divCa4'].innerHTML = ' ';
      document.all['divCa5'].innerHTML = ' ';
}
function BorraB()
{
      document.images['Climatitz'].src=imagenB1.src;
      B=1;
      document.all['divCi1'].innerHTML = ' ';
      document.all['divCi2'].innerHTML = ' ';
      document.all['divCi3'].innerHTML = ' ';
      document.all['divCi4'].innerHTML = ' ';
      document.all['divCi5'].innerHTML = ' ';
      document.all['divCi6'].innerHTML = ' ';
}
function BorraC()
{
      document.images['ESolar'].src=imagenC1.src;
      C=1;
      document.all['divEn1'].innerHTML = ' ';
      document.all['divEn2'].innerHTML = ' ';
      document.all['divEn3'].innerHTML = ' ';
      document.all['divEn4'].innerHTML = ' ';
}
function BorraD()
{
      document.images['EstalvEnerg'].src=imagenD1.src;
      D=1;
      document.all['divEs1'].innerHTML = ' ';
      document.all['divEs2'].innerHTML = ' ';
      document.all['divEs3'].innerHTML = ' ';
}

function cambiarCalefaccio()
{                       
   if (A == 1){
   		BorraB();BorraC();BorraD();
      document.images['Calefaccio'].src=imagenA2.src;
      A=2;
      document.all['divCa1'].style.visibility = "visible";
      document.all['divCa1'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Producció d´ACS</font>';
      document.all['divCa2'].style.visibility = "visible";
      document.all['divCa2'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Uniterms</font>';
      document.all['divCa3'].style.visibility = "visible";
      document.all['divCa3'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Aire Calent</font>';
      document.all['divCa4'].style.visibility = "visible";
      document.all['divCa4'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Radiadors</font>';
      document.all['divCa5'].style.visibility = "visible";
      document.all['divCa5'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Terra Radiant / Paret Radiant</font>';
	}
   else BorraA();
}
function cambiarClimatitz()
 {                       
   if (B == 1){
   		BorraA();BorraC();BorraD();    
      document.images['Climatitz'].src=imagenB2.src;
      B=2;
      document.all['divCi1'].style.visibility = "visible";
      document.all['divCi1'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Climatitzadors</font>';
      document.all['divCi2'].style.visibility = "visible";
      document.all['divCi2'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Conductes</font>';
      document.all['divCi3'].style.visibility = "visible";
      document.all['divCi3'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Sistemes VRV</font>';
      document.all['divCi4'].style.visibility = "visible";
      document.all['divCi4'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Fan-Coils</font>';
      document.all['divCi5'].style.visibility = "visible";
      document.all['divCi5'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Bombes de Calor</font>';
      document.all['divCi6'].style.visibility = "visible";
      document.all['divCi6'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Sistemes Multisplit</font>';
   }
   else BorraB();
}
function cambiarEnergSolar()
{                       
   if (C == 1){
   		BorraA();BorraB();BorraD();   
      document.images['ESolar'].src=imagenC2.src;
      C=2;
      document.all['divEn1'].style.visibility = "visible";
      document.all['divEn1'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Calefacció</font>';
      document.all['divEn2'].style.visibility = "visible";
      document.all['divEn2'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Piscines</font>';
      document.all['divEn3'].style.visibility = "visible";
      document.all['divEn3'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Producció d´ACS</font>';
      document.all['divEn4'].style.visibility = "visible";
      document.all['divEn4'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Processos Industrials</font>';
   }
   else BorraC();
}
function cambiarEstalvEnerg()
{                       
   if (D == 1){
   		BorraA();BorraB();BorraC();   
      document.images['EstalvEnerg'].src=imagenD2.src;
      D=2;
      document.all['divEs1'].style.visibility = "visible";
      document.all['divEs1'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Calderes de Condensació</font>';
      document.all['divEs2'].style.visibility = "visible";
      document.all['divEs2'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Control per Zones</font>';
      document.all['divEs3'].style.visibility = "visible";
      document.all['divEs3'].innerHTML = '<font style="font-family: Century Gothic; font-size: 8 pt; font-weight: bold">Energia Solar</font>';
   }
   else BorraD();
}

