var myWidth = 0;
var myHeight = 0;
var IE = false;
var WMin = 1024;
var WMax = 1280;
var HMenuOrig = 36;
var Porcentaje = 0;
var PorcentajeMax = 1.33;
var PorcentajeMin = 1;
var Margen = 25;
var MedidasI = new Array( new Array(123,24), new Array(112,24), new Array(131,23), new Array(126,23), new Array(45,23));
var SeparacionMenu = 24;
var MedidasSec4 = new Array( new Array(641,430), new Array(137,103) );
var VideosMedidas = new Array( 641, 370 );

function Medidas(){
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  }else if( document.documentElement ){
    if ( document.documentElement.clientWidth || document.documentElement.clientHeight ){
      IE = true;
      //IE 6+ in 'standards compliant mode'
      myWidth = document.documentElement.clientWidth;
      myHeight = document.documentElement.clientHeight;
    }
  }else if( document.body ){
    if( document.body.clientWidth || document.body.clientHeight ){
      //IE 4 compatible
      myWidth = document.body.clientWidth;
      myHeight = document.body.clientHeight;
    }
  }
}

function ReEstructurar(){
  window.moveTo(0,0);
  window.resizeTo(screen.availWidth, screen.availHeight);

  Medidas();

  if (myWidth <= WMin){ Porcentaje = PorcentajeMin;}
  else if (myWidth>= WMax){ Porcentaje = PorcentajeMax;}
  else{ Porcentaje = myWidth/WMin; }
  
  Margen *= Porcentaje;

  var Menus = document.getElementById("Menus").style;
  Menus.top = Margen + "px";
  Menus.width = (myWidth) + "px";
  Menus.height = parseInt(HMenuOrig * Porcentaje,10) + "px";

  var Contenido = document.getElementById("Contenido").style;
  Contenido.width = (myWidth) + "px";
  Contenido.height = (myHeight - Margen - parseInt(Menus.height,10)) + "px";
  Contenido.top = (parseInt(Menus.height,10) + Margen) + "px";


  var ContenedorMenus = document.getElementById("ContenedorMenus").style;
  ContenedorMenus.width = parseInt(1330/(PorcentajeMax/Porcentaje),10) + "px";
  ContenedorMenus.height = Menus.height;
  ContenedorMenus.left = parseInt(myWidth/2,10) - parseInt((1330/(PorcentajeMax/Porcentaje))/2,10) + "px";

  for(var i=1; i<=5; i++){
    document.getElementById("Menu" + i).style.width = parseInt(MedidasI[i-1][0]/(PorcentajeMax/Porcentaje),10) + "px";
    document.getElementById("Menu" + i).style.height = parseInt(MedidasI[i-1][1]/(PorcentajeMax/Porcentaje),10) + "px";
    document.getElementById("ImgMenu" + i).style.width = parseInt(MedidasI[i-1][0]/(PorcentajeMax/Porcentaje),10) + "px";
    document.getElementById("ImgMenu" + i).style.height = parseInt(MedidasI[i-1][1]/(PorcentajeMax/Porcentaje),10) + "px";
    document.getElementById("Menu" + i + "_Over").style.width = parseInt(MedidasI[i-1][0]/(PorcentajeMax/Porcentaje),10) + "px";
    document.getElementById("Menu" + i + "_Over").style.height = parseInt(MedidasI[i-1][1]/(PorcentajeMax/Porcentaje),10) + "px";
    document.getElementById("ImgMenu" + i + "_Over").style.width = parseInt(MedidasI[i-1][0]/(PorcentajeMax/Porcentaje),10) + "px";
    document.getElementById("ImgMenu" + i + "_Over").style.height = parseInt(MedidasI[i-1][1]/(PorcentajeMax/Porcentaje),10) + "px";

    if (i==1){
      document.getElementById("Menu" + i).style.left = "0px";
      document.getElementById("Menu" + i + "_Over").style.left = "0px";
    }else if(i!=5){
      document.getElementById("Menu" + i).style.left = (parseInt(document.getElementById("Menu" + (i-1)).style.left,10) + parseInt(document.getElementById("Menu" + (i-1)).style.width,10) + parseInt(SeparacionMenu*Porcentaje,10)) + "px";
      document.getElementById("Menu" + i + "_Over").style.left = (parseInt(document.getElementById("Menu" + (i-1) + "_Over").style.left,10) + parseInt(document.getElementById("Menu" + (i-1) + "_Over").style.width,10) + parseInt(SeparacionMenu*Porcentaje,10)) + "px";
    }else if(i==5){
      document.getElementById("Menu" + i).style.left = (parseInt(1330/(PorcentajeMax/Porcentaje),10) - parseInt(document.getElementById("Menu" + i).style.width)) + "px";
      document.getElementById("Menu" + i + "_Over").style.left = (parseInt(1330/(PorcentajeMax/Porcentaje),10) - parseInt(document.getElementById("Menu" + i + "_Over").style.width)) + "px";
    }
  }


  
  var Elementos = document.getElementById("Elementos").style;
  if (Seccion==1){
    for( var i=1; i<=20; i++){
      document.getElementById("ImgC" + i).style.height = parseInt(parseInt(document.getElementById("ImgC" + i).style.height,10)/(PorcentajeMax/Porcentaje),10) + "px";
      document.getElementById("ImgC" + i).style.width = parseInt(parseInt(document.getElementById("ImgC" + i).style.width,10)/(PorcentajeMax/Porcentaje),10) + "px";
    }
    Elementos.top = parseInt(parseInt(Contenido.height,10)-80-Margen-486/(PorcentajeMax/Porcentaje),10) + "px";
    Elementos.left = ContenedorMenus.left;
    
    var Orden = document.getElementById("PorOrden").style;
    Orden.left = parseInt(document.getElementById("Menu1").style.left,10) + "px";
    Orden.top = (parseInt(document.getElementById("Menu1").style.height,10) + 7) + "px";
  }else if (Seccion == 2){
    Elementos.top = "50px";
    Elementos.left = (parseInt(ContenedorMenus.left,10) + parseInt(document.getElementById("Menu2").style.left,10)) + "px";
    Elementos.width = "509px";
    Elementos.height = (parseInt(Contenido.height,10) - 80) + "px";
    
    var De = document.getElementById("De").style;
    De.left = parseInt(document.getElementById("Menu2").style.left,10) + "px";
    De.top = (parseInt(document.getElementById("Menu2").style.height,10) + 7) + "px";
    
    var Nota = document.getElementById("Nota").style;
    Nota.left = "0px";
    Nota.top = (parseInt(Contenido.height,10) - 70 - 15 - Margen) + "px";

    var ContenidoElementos = document.getElementById("ContenidoElementos").style;
    ContenidoElementos.left = "0px";
    ContenidoElementos.top = "0px";
    
    var Contacto = document.getElementById("Contacto").style;
    Contacto.left = "0px";
    Contacto.top = (parseInt(Nota.top,10) - 50) + "px";
  }else if (Seccion == 3){
    var Pixel = document.getElementById("Pixel").style;
    Pixel.left = parseInt(document.getElementById("Menu3").style.left,10) + "px";
    Pixel.top = (parseInt(document.getElementById("Menu3").style.height,10) + 7) + "px";
    
    Elementos.width = ContenedorMenus.width;
    Elementos.height = Contenido.height;
    Elementos.top = "0px";
    Elementos.left = ContenedorMenus.left;   

    var TextoIntro = document.getElementById("TextoIntro").style;
    TextoIntro.left = parseInt(document.getElementById("Menu3").style.left,10) + "px";
    TextoIntro.top = "50px";
    
    var Spot = document.getElementById("Spot").style;
    var Teaser = document.getElementById("Teaser").style;
    
    Spot.width = parseInt(VideosMedidas[0] / (PorcentajeMax/Porcentaje),10) + "px";
    Teaser.width = Spot.width;
    Spot.height = parseInt(4 + VideosMedidas[1] / (PorcentajeMax/Porcentaje),10) + "px";
    Teaser.height = Spot.height;
    
    Spot.left = (parseInt(Elementos.width,10) - parseInt(Teaser.width,10)) + "px";
    Teaser.left = "0px";
    
    Spot.top = (parseInt(Elementos.height,10) - parseInt(Spot.height,10) - Margen - 15) + "px";
    Teaser.top = Spot.top;
    
    var so = new SWFObject("Reproductor.swf", "myFlashVideo", "100%", "100%", "9", "#000000",false, "high");
    so.addParam("menu", "false");
    so.addParam("allowScriptAccess", "sameDomain");
    so.addParam("allowFullScreen","true");
    so.addParam("wmode", "transparent");
    so.addVariable("Fichero", "Spot.flv");
    so.addVariable("Preview", "Spot.jpg");
    so.write("Spot");

    var so = new SWFObject("Reproductor.swf", "myFlashVideo", "100%", "100%", "9", "#000000",false, "high");
    so.addParam("menu", "false");
    so.addParam("allowScriptAccess", "sameDomain");
    so.addParam("allowFullScreen","true");
    so.addParam("wmode", "transparent");
    so.addVariable("Fichero", "Teaser.flv");
    so.addVariable("Preview", "Teaser.jpg");
    so.write("Teaser");

  
  }else if (Seccion == 4){
    for( var i=1; i<=19; i++){
      document.getElementById("Img" + i).style.height = parseInt(MedidasSec4[1][1]/(PorcentajeMax/Porcentaje),10) + "px";
      document.getElementById("Img" + i).style.width = parseInt(MedidasSec4[1][0]/(PorcentajeMax/Porcentaje),10) + "px";
    }
    
    document.getElementById("ImagenGrande").style.height = parseInt(MedidasSec4[0][1]/(PorcentajeMax/Porcentaje),10) + "px";
    document.getElementById("ImagenGrande").style.width = parseInt(MedidasSec4[0][0]/(PorcentajeMax/Porcentaje),10) + "px";
    
    Elementos.width = parseInt((MedidasSec4[0][0]/(PorcentajeMax/Porcentaje)+10+(MedidasSec4[1][0]/(PorcentajeMax/Porcentaje))*5)) + "px";
    Elementos.height = parseInt(10+MedidasSec4[0][1]/(PorcentajeMax/Porcentaje),10) + "px";
    Elementos.top = parseInt(parseInt(Contenido.height,10)-30-Margen-parseInt(document.getElementById("ImagenGrande").style.height,10),10) + "px";
    Elementos.left = parseInt(myWidth/2 - (MedidasSec4[0][0]/(PorcentajeMax/Porcentaje)+10+(MedidasSec4[1][0]/(PorcentajeMax/Porcentaje))*5)/2,10) + "px";

    var Bonitas = document.getElementById("Bonitas").style;
    Bonitas.left = parseInt(document.getElementById("Menu4").style.left,10) + "px";
    Bonitas.top = (parseInt(document.getElementById("Menu4").style.height,10) + 7) + "px";
  }

  Menus.visibility = "visible";
  Menus.display = "block";
  Contenido.visibility = "visible";
  Contenido.display = "block";
}

function RollOver( Elemento ){
  document.getElementById( Elemento + "_Over" ).style.visibility = "visible";
  document.getElementById( Elemento + "_Over" ).style.display = "block";
  document.getElementById( Elemento ).style.visibility = "hidden";
  document.getElementById( Elemento ).style.display = "none";
}
function RollOut( Elemento ){
  document.getElementById( Elemento ).style.visibility = "visible";
  document.getElementById( Elemento ).style.display = "block";
  document.getElementById( Elemento + "_Over" ).style.visibility = "hidden";
  document.getElementById( Elemento + "_Over" ).style.display = "none";
}

function IrA( Seccion ){
  if (Seccion == 1){
    RollOut("Menu" + Seccion);
    location.href = "index.html";
  }else if (Seccion == 2){
    RollOut("Menu" + Seccion);
    location.href = "LaHuella.html";
  }else if (Seccion == 3){
    RollOut("Menu" + Seccion);
    location.href = "LaMedida.html";
  }else if (Seccion == 4){
    RollOut("Menu" + Seccion);
    location.href = "LasCosas.html";
  }else if (Seccion == 5){
    window.open("http://www.ddi.es","DDI");
  }
}

function Cargar( Imagen ){
  document.getElementById("ImagenGrande").src = "Imagenes/" + Imagen;
}
function QuitarTexto(){
  var Blanco = document.getElementById("Blanco").style;
  Blanco.display = "none";
  Blanco.visibility = "hidden";
  
  var Texto = document.getElementById("Texto").style;
  Texto.display = "none";
  Texto.visibility = "hidden";
}
function VisualizarTexto(){
  var Blanco = document.getElementById("Blanco").style;
  Blanco.top = "0px";
  Blanco.left = "0px";
  Blanco.width = myWidth + "px";
  Blanco.height = myHeight + "px";
  Blanco.display = "block";
  Blanco.visibility = "visible";
  
  var Texto = document.getElementById("Texto").style;
  Texto.top = parseInt(myHeight/2 - parseInt(Texto.height,10)/2,10) + "px";
  Texto.left = parseInt(myWidth/2 - parseInt(Texto.width,10)/2,10) + "px";
  Texto.display = "block";
  Texto.visibility = "visible";
}