/*******************************************************************
 * Copyright © 2006-2007, Carlos Alonso Álvarez <eitrox@gmail.com> *
 *                        Jesús Pérez Rey <chescu@gmail.com>       *
 *                                                                 *
 * All rights reserved                                             *
 * You are NOT allowed to use, redistribute or modify this code    *
 * without express consent from the authors                        *
 *                                                                 *
 *******************************************************************/

function getprecio()
{
  var cantidad = 0;
  var mult1 = 0;
  var mult2 = 0;
  var mult = 0;
  var anchol;
var redondeo = 50;  var alto = document.getElementById('alto').value;
  var ancho = document.getElementById('ancho').value;
  if ((alto != "") && (ancho != ""))
  {
    cantidad = document.getElementById('cantidad').value;
    precio = document.getElementById('precio');
    if (cantidad != "")
    {
            /*if (alto < 1000)
        alto = 1000;
      else*/ if (alto%redondeo != 0)
        alto = alto - alto%redondeo + redondeo;
      /*if (ancho < 1000)
        ancho = 1000;
      else*/ if (ancho%redondeo != 0)
        ancho = ancho - ancho%redondeo + redondeo;
      var superf = (alto/1000)*(ancho/1000);
      if (superf < 1) superf = 1;
      salida = Math.round(cantidad*superf*mult)/100;
      return salida;
    }
  }
}

function fadeprecio()
{
  var precio_div = document.getElementById('precio_div');
  var precio = getprecio();
  if ((precio>0) && (document.getElementById('colorcod').value))
    precio_div.innerHTML = precio + "&nbsp;€";
  else precio_div.innerHTML = '';
}

// Muestra/oculta el segundo bloque de dirección
function toggle_dir()
{
  var tocheck = document.getElementById('misma_dir');
  if (tocheck.checked)
    dir2_li.style.display = 'none';
  else
    dir2_li.style.display = 'block';
}

/* Funciones para los menus
 * A la hora de plegar menús se procede primero con los menús más
 * lejanos del raíz para que el efecto sea más agradable
 * AVISO: Algunas de estas funciones no funcionarán correctamente si
 * cellpadding, cellspacing != 0 en las tablas de los menús
 */

function safe_destroy(dyingID)
{
  var dID = document.getElementById(dyingID);
  if (dID)
    dID.parentNode.removeChild(dID);
}

function hide_help()
{
  var anchol = document.getElementById('anchol');
  if (anchol) anchol.value = vanchol;
  // Incredible, IE soporta removeChild()
  // I can't believe it!
  var video_div = document.getElementById('video_div');
  var colores = document.getElementById('colores');
  if (video_div)
    document.getElementById('video_div').innerHTML='';
  safe_destroy('colores');
  safe_destroy('montar');
  safe_destroy('masinfo');
  safe_destroy('medir');
  safe_destroy('black_screen');
}

function show_masinfo(id)
{
  show_help('masinfo&id=' + id);
}

function show_help(helpid)
{
  var anchol = document.getElementById('anchol');
  if (anchol) vanchol = anchol.value;
  hide_help();

  document.body.innerHTML += '<div id="black_screen" class="black_screen"></div>';
  var black_screen = document.getElementById('black_screen');
    if (window.XMLHttpRequest)
  {
    var xmlhttp=new XMLHttpRequest()
  }
  else if (window.ActiveXObject)
  {
    var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
  }

  xmlhttp.open('POST', "ajaxreq.php", false);
  xmlhttp.setRequestHeader('Content-Type',
    'application/x-www-form-urlencoded');
  xmlhttp.send("tgt=" + helpid);
  document.body.innerHTML += xmlhttp.responseText;
  if (helpid.indexOf("&") == -1)
    var help_popup = document.getElementById(helpid);
  else
    var help_popup = document.getElementById(helpid.substr(0, helpid.indexOf("&")));
  var black_screen = document.getElementById('black_screen');
  if (help_popup.offsetWidth < window.innerWidth)
    help_popup.style.left = Math.round(black_screen.offsetWidth/2 - help_popup.offsetWidth/2 + window.pageXOffset) + "px";
  else
    help_popup.style.left = 0;
  if (help_popup.offsetHeight < window.innerHeight)
    help_popup.style.top = Math.round(black_screen.offsetHeight/2 - help_popup.offsetHeight/2 + window.pageYOffset) + "px";
  else
    help_popup.style.top = 0;
  }

function video_play(cat)
{
  var vid_player = document.getElementById('vid_player');  switch (cat)
  {
    case 'madera': var video_num = '246317';
                   break;
    case 'veneciana': var video_num = '246586';
                   break;
    case 'estor': var video_num = '246396';
                   break;
    case 'solar': var video_num = '246355';
                   break;
  }
  if (video_num != undefined)
    url = 'http://blip.tv/scripts/flash/showplayer.swf?autostart=true&brandname=LosEstores.com&brandlink=http%3A//www.losestores.com&showplayerpath=http%3A//blip.tv/scripts/flash/showplayer.swf&file=http%3A//estores.blip.tv/file/' + video_num + '/%3Fskin%3Drss&user=estores&showguidebutton=false&showsharebutton=true&showfsbutton=false&lightcolor=0x00BE00&backcolor=0xFFFFFF&frontcolor=0x007F00';
  var vid_div = document.getElementById('video_div');
  if (url != undefined)
  {
    if (vid_player != undefined)
      vid_div.removeChild(vid_player);
    vid_player = document.createElement('object');
    vid_player.id = 'vid_player';
    vid_player.type = 'application/x-shockwave-flash';
    vid_player.width = 640;
    vid_player.height = 480;
    vid_player.data = url;
    vid_player.innerHTML = '<div class="warn">Para reproducir los vídeos en vivo tiene que instalar el plug-in de <a href="http://www.macromedia.com/go/getflashplayer/">Flash Player<\/a> o alternativamente puede descargarlo para verlo con su reproductor de vídeo.<\/div>';
    vid_div.appendChild(vid_player);
  top.location.href='#video';
  }
}

/* Fin de funciones de menus */
function reset_color()
{
  var color_table1=document.getElementById('color_table1');
  var color_table2=document.getElementById('color_table2');
  var colorList1=document.getElementById('colorList1');
  var colorList2=document.getElementById('colorList2');
  colorcodt=document.getElementById('colorcod');
  colorcodt.value = '';

  var color_table = document.getElementById('color_table');
  if (color_table == undefined)
  {
    var color_table = document.getElementById('color_table1');
    color_table.value = 'transparent';
    var color_table = document.getElementById('color_table2');
    color_table.value = 'transparent';
  }
  else
    color_table.value = 'transparent';

  if (
       (document.getElementById('anchol').value == '16') ||
       (document.getElementById('anchol').value == '25')
     )
  {
    colorList1.style.display = 'block';
    colorList2.style.display = 'none';
  } else if (document.getElementById('anchol').value == '50')
  {
    colorList1.style.display = 'none';
    colorList2.style.display = 'block';
  }
}

function load_sim(color)
{
  var simulador=document.getElementById('simulador');
  simulador.src = '/img/loading.gif';
  simulador.style.visibility = 'visible';
  var fondo = document.getElementById('sim_color').style.backgroundColor;
  if (color == "!img")
    var colorhex = document.getElementById('colorcod').value;
  else
    var colorhex = "#" + color;
  simulador.src = '/img/simulador/simulador.php?fondo=' + fondo.replace("#", "%23") + '&color=' + colorhex.replace("#", "%23");
  document.getElementById('id3').style.visibility = 'visible';
}

function sim_chbg(color)
{
  document.getElementById('sim_color').style.backgroundColor = color;
  if (document.getElementById('color_table'))
    var color_table = document.getElementById('color_table');
  else if (document.getElementById('colorList1').style.display == 'block')
    var color_table = document.getElementById('color_table1');
  else if (document.getElementById('colorList2').style.display == 'block')
    var color_table = document.getElementById('color_table2');
  if (color_table.value != '')
  {
    document.getElementById('simulador').src = 'http://img.losestores.com/loading.gif';
    load_sim(color_table.value.replace("#", ""));
  }
}

function puchcolor(color, nombre)
{
  chcolor(color, nombre);
  hide_help();
}

function chcolor(color, nombre)
{
  document.getElementById('colorcod').value = nombre;
    if (color == "!img")
    var backgrnd = 'url("http://img.losestores.com/colores/thumb/' + nombre + '.png")';
  else
    var backgrnd = '#' + color;
  var color_table = document.getElementById('color_table');
  if (color_table == undefined)
  {
    var color_table = document.getElementById('color_table1');
    color_table.value = backgrnd;
    var color_table = document.getElementById('color_table2');
    color_table.value = backgrnd;
  }
  else
    color_table.value = backgrnd;
  load_sim(color);
    fadeprecio();
}


function check_medidas()
{
  alto = document.getElementById('alto');
  ancho = document.getElementById('ancho');
  if (
       ((alto.value) && (alto.value < 320)) ||
       ((ancho.value) && (ancho.value < 320))
     )
    document.getElementById('warn_medidas').style.display = 'block';
  else
    document.getElementById('warn_medidas').style.display = 'none';
  if ((alto.value) && (alto.value < 320)) alto.value = '';
  if ((ancho.value) && (ancho.value < 320)) ancho.value = '';
  if ((ancho.value) && (ancho.value > 3000))
  {
    ancho.value = '';
    document.getElementById('warn_ancho').style.display = 'block';
  }
  else
    document.getElementById('warn_ancho').style.display = 'none';
}

function toggle_colorpared()
{
  var paletapared = document.getElementById('paletapared').style;
  var sim_color = document.getElementById('sim_color');
  if (paletapared.visibility == 'hidden')
  {
    paletapared.top = sim_color.offsetTop;
    paletapared.left = sim_color.offsetLeft;
    paletapared.visibility = 'visible';
  }
  else
    paletapared.visibility = 'hidden';
}

function marcar_color(celda, tabla)
{
  var tabla = document.getElementById(tabla);
  for (var i=0; i<tabla.rows.length; i++)
    for (var j=0; j<tabla.rows[i].cells.length; j++)
      tabla.rows[i].cells[j].style.border = 'none';
  if (celda.style.backgroundColor == '#000000')
    celda.style.border = '2px solid white';
  else
    celda.style.border = '2px solid black';
}