function seleccionarEdadSexo(id, cu) {
  $('muneco1').src="/images/images-lifestyle/muneco/"+cu+"/edad-sexo/"+id+"_selected.jpg";
}

function deseleccionarEdadSexo(cu) {
  $('muneco1').src="/images/images-lifestyle/muneco/"+cu+"/muneco1_selected.jpg";
}

function seleccionarLifestyle(id, cu) {
  $('muneco2').src="/images/images-lifestyle/muneco/"+cu+"/lifestyles/"+id+"_selected.jpg";
}

function deseleccionarLifestyle(cu) {
  $('muneco2').src="/images/images-lifestyle/muneco/"+cu+"/muneco2_selected.jpg";
}

function seleccionarCategoria(id, cu) {
  $('muneco3').src="/images/images-lifestyle/muneco/"+cu+"/categorias/"+id+"_selected.jpg";
}

function deseleccionarCategoria(cu) {
  $('muneco3').src="/images/images-lifestyle/muneco/"+cu+"/muneco3_selected.jpg";
}

/**
 * validarBotonRadio.
 * Analiza los botones de radio del formulario de errores del art�culo para ver
 * que la info se env�e correctamente.
 */
function validarBotonRadio() {
  with (document.form1) {
    for (var i = 0; i < error.length; i++) {
      if (error[i].checked) {
        if ((i == 4) && ($F('otros') == '')) { //Otros
          alert("Si escoges 'otros' debes indicar el motivo del error");
          return false;
        } else {
          return true;
        }
      }
    }
    alert("Selecciona el motivo del error");
    return false;
  }
}

function showlayer(layer){
  var myLayer = document.getElementById(layer);
  if(myLayer.style.display=="none" || myLayer.style.display==""){
    myLayer.style.display="block";
  } else {
    myLayer.style.display="none";
  }
}

/**
 * showTags.
 * Mostrar o ocultar las nubes de tags, y adem�s cambiar la im�gen de fondo del
 * t�tulo de la nube.
 *
 * @param string layer Id de la nube a mostrar/ocultar
 */
function showTags(layer) {
  var myLayer = $(layer);
  var myTag = $('title_' + layer);

  if (myLayer.style.display=="none" || myLayer.style.display=="") {
    myLayer.style.display="block";
    if (myTag.className == 'h_tag_on') {
      myTag.style.background = "url('/images/tanca_tag_on.gif') right no-repeat";
    } else {
      myTag.style.background = "url('/images/tanca_tag_off.gif') right no-repeat";
    }
  } else {
    myLayer.style.display="none";
    if (myTag.className == 'h_tag_on') {
      myTag.style.background = "url('/images/fletxa_tag_on.gif') right no-repeat";
    } else {
      myTag.style.background = "url('/images/fletxa_tag_off.gif') right no-repeat";
    }
  }
}

/**
 * preLoadImages.
 * Cargar las imagenes para cuando se necesiten.
 * @param array images Array con los nombres de las imagenes.
 */
function preLoadImages(images) {
  var lista = new Array();
  for(i in images) {
    lista[i] = new Image();
    lista[i].src = '/images/' + images[i];
  }
}

function hideTags(layer) {
  var myLayer = $(layer);
  var myTag = $('title_' + layer);

  if (myLayer.style.display=="block") {
    myLayer.style.display="none";
    if (myTag.className == 'h_tag_on') {
      myTag.style.background = "url('/images/fletxa_tag_on.gif') right no-repeat";
    } else {
      myTag.style.background = "url('/images/fletxa_tag_off.gif') right no-repeat";
    }
  }
}

var navigating = false;

function do_the_go_out(layer) {
  if (navigating == false) {
    hideTags(layer);
  }
}

function try_to_do_it(layer) {
  //wait a sec to make sure the "navigating" flag is set
  //no the best way, I know, but in theory, works fine
  setTimeout('do_the_go_out("'+layer+'");', 100);
}

/**
 * checkKit.
 * Comprobar si se han añadido al kit de cumpleaños los elementos necesarios: 
 * una postal y un regalo.
 */
function checkKit() {
  var postal = $F('postal');
  var regalo = $F('regalo');
  
  if ((postal == '') || (regalo == '')) {
	  alert("Tienes que escoger una postal y un regalo para tu amigo/a.");
	  return false;
  } else {
	  return true;
  }
}

/**
 * selectPostal.
 * Inserta la postal elegida en la zona habilitada.
 */
function selectPostal(n, server) {
  $('selpostal').innerHtml = '<img src="http://' + server + '/images/ecards/ecards_thumb' + n + '.gif" />';
  $('postal').value = n;
}

/**
 * selectRegalo.
 * Pone la foto del regalo seleccionado en el div correspondiente.
 */
function selectRegalo(id, foto, server) {
  $('selregalo').innerHtml = '<img src="http://' + server + '/uploads/items/small/' + foto + '" />';
  $('regalo').value = id;
}