var MarceloAnimadoPosition = 1, MarceloAnimadoStatus = 1, MarceloStandByStatus = 1, MarceloSwitch = 0;
var PosicionTexto = -70, PageConstructorState = 0, TiempoDeLanzamiento = 100, PosicionRecuadro = -200;
var ColorDeFondo = new Array ('#FFFFFF','#FFFFFF','#FAFAFA','#FFFFFF','#FFFFFF','#F1F6FA');
var MarceloTopArray = new Array ('70px','120px','170px','117px','40px','130px','135px');
var loaded=0, Imagenes=new Array();
var ArrayDeImagenes=new Array( 'imagenes/Boton.png' ,
      'imagenes/BotonPulsado.png' ,
      'imagenes/BotonPantalla.png' ,
      'imagenes/Direccion.png' ,
      'imagenes/LogoInferior.png' ,
      'imagenes/LogoSuperior.png' ,
      'imagenes/Claqueta.png' ,
      'imagenes/Recuadro1-Derecha.png' ,
      'imagenes/Recuadro1-Inferior.png' ,
      'imagenes/Recuadro1-Izquierda.png' ,
      'imagenes/Recuadro1-Superior.png' ,
      'imagenes/PaginaContacto.png' ,
      'imagenes/Pantalla.png' ,
      'imagenes/PantallaEmail.gif' ,
      'fondos/Fondo1.jpg' ,
      'fondos/Fondo2.png' ,
      'fondos/Fondo2bis.png' ,
      'fondos/Fondo3.jpg' ,
      'fondos/Fondo4.jpg' ,
      'fondos/Fondo6.jpg' ,
      'animacion/MarceloStandBy1.png' ,
      'animacion/MarceloStandBy2.png' ,
      'animacion/Marcelo0.png' ,
      'animacion/Marcelo1.png' ,
      'animacion/Marcelo2.png' ,
      'animacion/Marcelo3.png' ,
      'animacion/Marcelo4.png' ,
      'animacion/Marcelo5.png' ,
      'animacion/Marcelo6.png' ,
      'animacion/Tripode.png');


function CargaImagenes()
{
  for(n=0;n<ArrayDeImagenes.length;n++)
  {
    Imagenes[n]=new Image();
    Imagenes[n].src=ArrayDeImagenes[n];
    setTimeout('checkload('+n+')' ,n*50);
  }
}

function ComprobacionCarga()
{
  loaded++;
  if(loaded>=ArrayDeImagenes.length)
    PageConstructor ();
}

function checkload(index)
{
  if (Imagenes[index].complete)
    ComprobacionCarga();
  else
    setTimeout('checkload('+index+')', 50);
}

function change (NumeroBoton, OpcionCambio)
{
  var Letra = "Letra" + NumeroBoton, BotonPulsadoStyle, BotonStyle, ColorLetra, TamanoLetra, i;


  MarceloStandByStatus = 0;
  MarceloSwitch = 0;
  MarceloAnimadoPosition = NumeroBoton;

  if (!OpcionCambio)
  {
    ColorLetra = "black";
    TamanoLetra = "16px";
    MarceloStandByStatus = 1;
    MarceloAnimadoPosition = 2;
    BotonPulsadoStyle = "hidden";
    BotonStyle = "visible";
  }
  else
  {
    BotonPulsadoStyle = "visible";
    BotonStyle = "hidden";
    ColorLetra = "black";
    TamanoLetra = "15px";
    MarceloStandByStatus = 0;
    MarceloSwitch = 0;
    MarceloAnimadoPosition = NumeroBoton;
  }

  document.getElementById(Letra).style.color = ColorLetra;
  document.getElementById(Letra).style.fontSize = TamanoLetra;

  if (!MarceloStandByStatus)
    for (i=1;i<7;i++)
    {
      document.getElementById("Boton" + i).style.visibility = BotonPulsadoStyle;
      document.getElementById("BotonPulsado" + i).style.visibility = BotonStyle;
    }

  document.getElementById("Boton" + NumeroBoton).style.visibility = BotonStyle;
  document.getElementById("BotonPulsado" + NumeroBoton).style.visibility = BotonPulsadoStyle;
}

function SelContenidos (BotonSeleccionado)
{
  var Repeticion, ImagenDeFondo = "fondos/Fondo" + BotonSeleccionado;


  if (BotonSeleccionado==2)
  {
    ImagenDeFondo += ".png";
    Repeticion = "repeat";
  }
  else
  {
    if (BotonSeleccionado==5)
      ImagenDeFondo = "fondos/Fondo2.png";
    else
      ImagenDeFondo += ".jpg";

    if (BotonSeleccionado==4 || BotonSeleccionado==5)
      Repeticion = "repeat";
    else
      Repeticion = "no-repeat";
  }


  for (i=1;i<7;i++)
  {
    document.getElementById("Marcelo" + (i-1)).style.visibility = "hidden";
    document.getElementById("Marcelo" + (i-1)).style.top = "0px";
    document.getElementById("TextoPresentacion" + i).style.visibility = "hidden";
    document.getElementById("Servicios" + i).style.visibility = "hidden";
    document.getElementById("IndicadorError" + i).style.color ="black";
  }

  document.getElementById("Marcelo6").style.visibility = "hidden";
  document.getElementById("Tripode").style.visibility = "hidden";
  document.getElementById("Servicios7").style.visibility = "hidden";
  document.getElementById("PaginaContacto").style.visibility = "hidden";
  document.getElementById("Direccion").style.visibility = "visible";
  document.getElementById("PaginaLinks").style.visibility = "hidden";
  document.getElementById("PaginaLinks").style.top = "-300px";
  document.getElementById("Presupuestos").style.visibility = "hidden";
  document.getElementById("PantallaEmail").style.visibility = "hidden";
  document.getElementById("InfoPresupuestosOK").style.visibility = "hidden";
  document.getElementById("InfoPresupuestosErr").style.visibility = "hidden";
  document.getElementById("IndicadorError7").style.color ="black";
  document.getElementById("IndicadorError8").style.color ="black";

  document.body.style.background= 'url(' + ImagenDeFondo + ') ' + ColorDeFondo[BotonSeleccionado-1] + ' fixed ' + Repeticion;
  document.getElementById("Claqueta").style.visibility = "hidden";
  document.getElementById("Recuadro1-Izquierda").style.visibility = "hidden";
  document.getElementById("Recuadro1-Derecha").style.visibility = "hidden";
  document.getElementById("Recuadro1-Superior").style.visibility = "hidden";
  document.getElementById("Recuadro1-Inferior").style.visibility = "hidden";
  document.getElementById("MarceloStandBy1").style.visibility = "hidden";
  document.getElementById("MarceloStandBy2").style.visibility = "hidden";
  document.getElementById("LogoInferior").style.visibility = "hidden";
  document.getElementById("PaginaTerminos").style.visibility = "hidden";

  switch (BotonSeleccionado)
  {
    case "1":
      for (i=1;i<7;i++)
        document.getElementById("TextoPresentacion" + i).style.visibility = "visible";
      if (PosicionTexto == -70)
        AnimacionPresentacion ();
      break;

    case "2":
      for (i=1;i<8;i++)
        document.getElementById("Servicios" + i).style.visibility = "visible";
      break;

    case "3":
      document.getElementById("PaginaTerminos").style.visibility = "visible";
      break;

    case "4":
      document.getElementById("PaginaLinks").style.visibility = "visible";
      document.getElementById("PaginaLinks").style.top = "20px";
      break;

    case "5":
      document.getElementById("PaginaContacto").style.visibility = "visible";
      document.getElementById("PantallaEmail").style.visibility = "visible";
      document.getElementById("Direccion").style.visibility = "hidden";
      break;

    case "6":
      document.getElementById("Presupuestos").style.visibility = "visible";
  }

  MarceloAnimadoStatus = 0;
  MarceloStandByStatus = 0;	
}

function AnimacionPresentacion ()
{
  PosicionTexto += 30;

  document.getElementById("TextoPresentacion1").style.top = (PosicionTexto - 355) + "px";
  document.getElementById("TextoPresentacion2").style.left = (PosicionTexto - 180) + "px";
  document.getElementById("TextoPresentacion3").style.left = (-PosicionTexto + 640) + "px";
  document.getElementById("TextoPresentacion4").style.left = (PosicionTexto - 180) + "px";
  document.getElementById("TextoPresentacion5").style.left = (-PosicionTexto + 640) + "px";
  document.getElementById("TextoPresentacion6").style.top = (-PosicionTexto + 822) + "px";

  if (PosicionTexto<410 && (document.getElementById("TextoPresentacion1").style.visibility == "visible"))
    setTimeout ('AnimacionPresentacion()',35)	
  else
    PosicionTexto = -70;
}

function MarceloAnimado ()
{
  if (MarceloAnimadoStatus)
  {
    for (i=0;i<7;i++)
    {
      document.getElementById("Marcelo" + i).style.visibility = "hidden";
      if (i == MarceloAnimadoPosition && !MarceloStandByStatus)
      {
        document.getElementById("Marcelo" + (0)).style.top = MarceloTopArray[0];
        document.getElementById("Marcelo" + (MarceloAnimadoPosition)).style.top = MarceloTopArray[(MarceloAnimadoPosition)];
      }
      else
        document.getElementById("Marcelo" + i).style.top = "0px";
    }

    document.getElementById("MarceloStandBy1").style.visibility = "hidden";
    document.getElementById("MarceloStandBy2").style.visibility = "hidden";
    document.getElementById("Tripode").style.visibility = "hidden";

    if (MarceloStandByStatus)
    {
      if (MarceloAnimadoPosition == 1)
      {
        document.getElementById("MarceloStandBy1").style.visibility = "visible";
        MarceloAnimadoPosition = 2;
        setTimeout ("MarceloAnimado()",1000);
      }
      else
      {
        if (MarceloAnimadoPosition == 2)
          document.getElementById("MarceloStandBy2").style.visibility = "visible";

      	MarceloAnimadoPosition = 1;
      	setTimeout ("MarceloAnimado()",1000);
      }
    }
    else
    {
      document.getElementById('Marcelo' + (MarceloSwitch * MarceloAnimadoPosition)).style.visibility = 'visible';
      document.getElementById("Tripode").style.visibility = "visible";
      document.getElementById("Marcelo" + (MarceloSwitch * MarceloAnimadoPosition)).style.top = MarceloTopArray[(MarceloSwitch * MarceloAnimadoPosition)];
      if (!MarceloSwitch)
        MarceloSwitch = 1;

      setTimeout ("MarceloAnimado()",1000);
    }
  }
}

function AnimacionRecuadro ()
{
  PosicionRecuadro += 4;

  document.getElementById("Recuadro1-Superior").style.top = (22 - PosicionRecuadro) + "px";
  document.getElementById("Recuadro1-Izquierda").style.left = (243 - PosicionRecuadro) + "px";
  document.getElementById("Recuadro1-Derecha").style.left = (PosicionRecuadro + 663) + "px";
  document.getElementById("Recuadro1-Inferior").style.top = (PosicionRecuadro + 388) + "px";

  if (PosicionRecuadro<0)
    setTimeout ('AnimacionRecuadro()',TiempoDeLanzamiento);	
  else
  {
    TiempoDeLanzamiento = 100;
    setTimeout ('FaseFinal()',TiempoDeLanzamiento);
  }
}

function FaseFinal ()
{
  switch (PageConstructorState)
  {
    case 10: 
      document.getElementById("Claqueta").style.visibility = "visible";
      break;

    case 11:
      document.getElementById("Pantalla").style.zIndex = 30;
      setTimeout ("MarceloAnimado()",1000);
      break;
  }

  PageConstructorState++;
  if (PageConstructorState <12)
    setTimeout ("FaseFinal()",TiempoDeLanzamiento);
}

function PageConstructor ()
{
  switch (PageConstructorState)
  {
    case 0:TiempoDeLanzamiento = 300;
    case 1:
    case 2:
      document.getElementById("BotonPulsado" + (PageConstructorState + 1)).style.visibility = "visible";
      document.getElementById("Letra" + (PageConstructorState + 1)).style.visibility = "visible";
      document.getElementById("BotonPulsado" + (6 - PageConstructorState)).style.visibility = "visible";
      document.getElementById("Letra" + (6 - PageConstructorState)).style.visibility = "visible";
      break;

    case 3:
      TiempoDeLanzamiento = 50;
      document.getElementById("LogoSuperior").style.visibility = "visible";
      break;

    case 4:
      document.getElementById("Direccion").style.visibility = "visible";
      break;

    case 5:
      document.getElementById("LogoInferior").style.visibility = "visible";
      TiempoDeLanzamiento = 400;
      break;

    case 6:
    case 7:
    case 8:
      document.getElementById("Boton" + (9 - PageConstructorState)).style.visibility = "visible";
      document.getElementById("Boton" + (PageConstructorState - 2)).style.visibility = "visible";
      document.getElementById("BotonPulsado" + (9 - PageConstructorState)).style.visibility = "hidden";
      document.getElementById("BotonPulsado" + (PageConstructorState - 2)).style.visibility = "hidden";
      break;

    case 9:
      document.getElementById("Recuadro1-Izquierda").style.visibility = "visible";
      document.getElementById("Recuadro1-Derecha").style.visibility = "visible";
      document.getElementById("Recuadro1-Superior").style.visibility = "visible";
      document.getElementById("Recuadro1-Inferior").style.visibility = "visible";
      TiempoDeLanzamiento = 50;
  }

  PageConstructorState++;

  if (PageConstructorState<10)
    setTimeout ("PageConstructor()",TiempoDeLanzamiento);
  else
    setTimeout ("AnimacionRecuadro()",TiempoDeLanzamiento);
}

function DescripcionServicios (estado, servicio)
{
  var i, NombreServicio = "ServiciosContenido" + servicio, Opacidad = new Array ('1','.2');


  document.getElementById("Direccion").style.opacity = Opacidad[estado];
  document.getElementById("LogoSuperior").style.opacity = Opacidad[estado];
  document.getElementById("Servicios7").style.opacity = Opacidad[estado];

  for (i=1;i<7;i++)
  {
    document.getElementById("Servicios"+i).style.opacity = Opacidad[estado];
    document.getElementById("Boton"+i).style.opacity = Opacidad[estado];
    document.getElementById("Letra"+i).style.opacity = Opacidad[estado];
  }

  if (estado)
  {
    document.getElementById(NombreServicio).style.visibility = "visible";
    document.body.style.background= 'url(fondos/Fondo2bis.png) repeat fixed';
  }
  else
  {
    document.getElementById(NombreServicio).style.visibility = "hidden";
    document.body.style.background= 'url(fondos/Fondo2.png) repeat fixed';
  }
}

function PresupuestosConstructor (Error)
{
  var i;
  
  
  for (i=1;i<7;i++)
  {
    document.getElementById("Boton" + i).style.visibility = "visible";
    document.getElementById("BotonPantalla" + i).style.visibility = "visible";
    document.getElementById("Letra" + i).style.visibility = "visible";
    document.getElementById("BotonPulsado" + i).style.visibility = "hidden";
    document.getElementById("Marcelo" + (i-1)).style.visibility = "hidden";
    document.getElementById("TextoPresentacion" + i).style.visibility = "hidden";
    document.getElementById("Servicios" + i).style.visibility = "hidden";
    document.getElementById("ServiciosContenido" + i).style.visibility = "hidden";
  }

  document.getElementById("Pantalla").style.visibility = "visible";
  document.getElementById("Pantalla").style.zIndex = 30;
  document.getElementById("Direccion").style.visibility = "visible";
  document.getElementById("LogoSuperior").style.visibility = "visible";
  document.getElementById("LogoInferior").style.visibility = "hidden";
  document.getElementById("Claqueta").style.visibility = "hidden";
  document.getElementById("Recuadro1-Inferior").style.visibility = "hidden";
  document.getElementById("Recuadro1-Superior").style.visibility = "hidden";
  document.getElementById("Recuadro1-Izquierda").style.visibility = "hidden";
  document.getElementById("Recuadro1-Derecha").style.visibility = "hidden";
  document.getElementById("MarceloStandBy1").style.visibility = "hidden";
  document.getElementById("MarceloStandBy2").style.visibility = "hidden";
  document.getElementById("Tripode").style.visibility = "hidden";
  document.getElementById("Servicios7").style.visibility = "hidden";
  document.getElementById("ServiciosContenido7").style.visibility = "hidden";
  document.getElementById("PaginaTerminos").style.visibility = "hidden";
  document.getElementById("PaginaLinks").style.visibility = "hidden";
  document.getElementById("PaginaContacto").style.visibility = "hidden";
  document.getElementById("PantallaEmail").style.visibility = "hidden";
  document.getElementById("Presupuestos").style.visibility = "visible";
  document.body.style.background= 'url(fondos/Fondo6.jpg) #F1F6FA fixed no-repeat';

  for (i=1;i<9;i++)
    document.getElementById("IndicadorError" + i).style.color = "black";

  if (Error == 0)
  {
    document.getElementById("InfoPresupuestosOK").style.visibility = "visible";
    document.getElementById("InfoPresupuestosErr").style.visibility = "hidden";
  }
  else
    if ((Error > 0) && (Error < 9))
    {
      document.getElementById("InfoPresupuestosErr").style.visibility = "visible";
      document.getElementById("InfoPresupuestosOK").style.visibility = "hidden";
      document.getElementById("IndicadorError" + Error).style.color = "red";
    }
    else
    {
      document.getElementById("InfoPresupuestosOK").style.visibility = "hidden";
      document.getElementById("InfoPresupuestosErr").style.visibility = "hidden";
    }
}