function putTag(valor,campoOrigen,capaDestino,campoDestino,separador){
  idValor = valor.replace(' ','_');
  valor = valor.replace(/</g,"&lt;").replace(/>/g,"&gt;");
  var newHtml = capaDestino.html();
  newHtml+= "<span class='itmTag' id='itm"+idValor+"'>"+valor+"<a id=\"link"+idValor+"\" href=\"javascript:delTag($('#link"+idValor+"'),$('#itm"+idValor+"'),$('#txtTags'))\" class='delBtn'>X</a></span>";
  capaDestino.html(newHtml);
  campoOrigen[0].value = "";
  campoDestino[0].value += separador+valor;
  //alert(campoDestino[0].value);
}

function delTag(link,tagItm,campoContenedor){
  link.remove();
  tagItm.remove();
  valor = tagItm[0].innerHTML;
  var txt = campoContenedor[0].value;
  campoContenedor[0].value = txt.replace(','+valor,'');
  //alert(campoContenedor[0].value);
}

//funcion para los texts areas
function wyswyg_activar(){
    var W1 = new wysiwyg({});
    $('enviarBtn').addEvent('click',function(){

        if(W1.open){
  			W1.toTextarea();
  		}
        //enviarFormularioAJAX($('registro'),$('subcontenido2'));

    });
}

function nuevoPopup(size,destino){
  crearCortina();
  popup(size,destino);
}

//editar, recibe el parametro del identificador
function editar(param,ancho,destino){
  crearCortina();

  if($('#nuevoPopup')!=null && $('#nuevoPopup')!=undefined){
    $('#nuevoPopup').remove();
  }

  path = "../views/admin/popups/";
  direccion = path+destino+".php?id="+param;

  var nuevaVentana = $("<div>",{id:'nuevoPopup'}).appendTo($('#container'));
  var cssObj = {
    'position':'absolute',
    'width': ancho +'px',
    'z-index':'101',
    'opacity':0
  }
  nuevaVentana.css(cssObj);
  $.ajax({
      type: "GET",
      url: direccion,
      async: true,
      context: nuevaVentana,
      dataType: 'html',
      success:function(datos){
        $(this).html(datos);
        var popWidth = $(this).width();
        var popHeight = $(this).height();
        xPos = $(document).width()/2 - popWidth/2;
        yPos = $(document).height()/2 - popHeight/2;
        $(this).css({
          'left':xPos
        });
        $(this).animate({
          opacity: 1,
          'top':yPos
        },300,'easeOutElastic');
      }
  });
}

//epuede recibir mas de un parametro del identificador
function popupWithParams(ancho,destino){
  crearCortina();

  if($('#nuevoPopup')!=null && $('#nuevoPopup')!=undefined){
    $('#nuevoPopup').remove();
  }

  path = "../views/admin/popups/";
  direccion = path+destino;

  var nuevaVentana = $("<div>",{id:'nuevoPopup'}).appendTo($('#container'));
  var cssObj = {
    'position':'absolute',
    'width': ancho +'px',
    'z-index':'101',
    'opacity':0
  }
  nuevaVentana.css(cssObj);
  $.ajax({
      type: "GET",
      url: direccion,
      async: true,
      context: nuevaVentana,
      dataType: 'html',
      success:function(datos){
        $(this).html(datos);
        var popWidth = $(this).width();
        var popHeight = $(this).height();
        xPos = $(document).width()/2 - popWidth/2;
        yPos = $(document).height()/2 - popHeight/2;
        $(this).css({
          'left':xPos
        });
        $(this).animate({
          opacity: 1,
          'top':yPos
        },300,'easeOutElastic');
      }
  });
}

//elimina
function eliminar(formulario,destino,accion,capa){
  if(valido = validar(formulario)){
    if(confirm("Esta Ud. Seguro que desea eliminar estos elementos?")){
        variables = formulario.serialize();
        url = destino+"?"+variables+"&accion="+accion;
        loadSection(url,capa);
    }

  }
}

function actualizar(formulario,destino,accion,capa){
  if(valido = validar(formulario)){
    if(confirm("Esta Ud. Seguro que desea actualizar estos elementos?")){
        variables = formulario.serialize();
        url = destino+"?"+variables+"&accion="+accion;
        loadSection(url,capa);
    }

  }
}

function eliminarSingle(destino,capa){
  if(confirm("Esta Ud. Seguro que desea eliminar este elemento?")){
    loadSection(destino,capa);
  }
}

//nueva funcion para actualizar a través de una llamada del boton
/*
function actualizar(formulario,url,capa){
  if(valido = validar(formulario)){
    variables = formulario.toQueryString();
    direccion = url + "?" + variables;
    var req = new Request({
      method: 'get',
      url: direccion,
      onSuccess:function(texto,xml){
        capa.set('html',texto);
      }
    }).send();
  }
}*/

// funcion para mostrar ocultar la clave
function claves(caja){
  if(caja.attr('checked')){
    htmlTexto = '<label>Contrase&ntilde;a:</label><br /><input type="password" name="clave" size="30" class="texto" /><br /><label>Confirmar contrase&ntilde;a:</label><br /><input type="password" name="confirmacion" class="texto" size="30" /><br />';
    $('#claves').html(htmlTexto);
  }else{
    $('#claves').html('');
  }
}

function loadPage(destino,capa){
  loadSection(destino,capa);
}

function validarPostForm(formulario){
  if(valido = validar(formulario)){
    if($('#enviarBtn')){
      $('#enviarBtn').html('Enviando...');
      $('#enviarBtn').attr('href', '#');
    }
    formulario.submit();
  }
}

//funciones personalizadas solo para este panel
function resaltarReg(obj){
  var registros = document.getElementsByClassName('selected');
  var estado = obj.className;
  if(registros.length>0){
    for(var i=0; i<=registros.length; i++){
      celdaAnterior = registros[i].previousSibling.previousSibling;
      //nextCell = registros[i].nextSibling.nextSibling;
      registros[i].style.backgroundColor = celdaAnterior.style.backgroundColor;
      //nextCell.style.backgroundColor = celdaAnterior.style.backgroundColor;
      registros[i].style.color = '#666';
      registros[i].className = 'unselected';
    }
  }
  obj.style.backgroundColor = '#666';
  obj.style.color = '#fff';
  obj.className = 'selected';
  /*
  nextCell = obj.nextSibling.nextSibling;
  nextCell.style.backgroundColor = '#ccc';
  nextCell.style.color = '#444';
  nextCell.style.className = 'selected';*/
}

function checkPic(form,pos){
  var checkbox = form.elements['pics[]'][pos];
  //alert(pos);
  if(checkbox.checked==false){
    checkbox.checked=true;
  }
  else{ checkbox.checked=false; }
}

function chgImg(cbox,capa){
  var textoHTML = '<label>Im&aacute;gen:</label><br />';
  textoHTML += '<input type="file" name="image_file" class="texto" size="50"/><br />';
  textoHTML += '<span style="color:#ed0000;font-size:10px;font-family:arial">Los archivos no podr&aacute;n exceder de 2Mb.</span><br /><br />';
  if(cbox[0].checked){
    capa.html(textoHTML);
  }else{
    capa.html("");
  }
}

function chgFile(cbox,capa){
  var textoHTML = '<label>Archivo:</label><br />';
  textoHTML += '<input type="file" name="archivo" class="texto"/><br />';
  if(cbox[0].checked){
    capa.html(textoHTML);
  }else{
    capa.html("");
  }
}

function chgSlide(cbox,capa){
  var textoHTML = '<label>Im&aacute;gen de Slider, tama&ntilde;o requerido [662px x 331px]:</label><br />';
  textoHTML += '<input type="file" name="slide_file" class="texto" size="50"/><br />';
  textoHTML += '<span style="color:#ed0000;font-size:10px;font-family:arial">Los archivos no podr&aacute;n exceder de 2Mb.</span><br /><br />';
  if(cbox[0].checked){
    capa.html(textoHTML);
  }else{
    capa.html("");
  }
}

function fileShowHide(cbox,capa){
  var textoHTML = '<label>Archivo:</label><br />';
  textoHTML += '<input type="file" name="file_name" class="texto" size="50" /><br />';
  if(cbox.checked){
    capa.innerHTML= "";
  }else{
    capa.innerHTML = textoHTML;
  }
}

function mostrarApartado(url,capa){
  if(capa.innerHTML==''){
    loadPage(url,capa);
  }else{
    capa.innerHTML='';
  }
}

//funcion para validar la clave del vendedor
function validarVendedor(uri,capa,opcion){
  var req = new Request({
    method: 'get',
    url: uri,
    onSuccess: function(texto,xml){
      if(texto=='invalido'){
        alert('la clave no existe');
      }else{
        var destino = 'claves/'+opcion+'?idVendedor='+texto;
        var req2 = new Request({
          method:'get',
          url: destino,
          onSuccess:function(texto2,xml){
            capa.set('html',texto2);
          }
        }).send();
      }
    }
  }).send();
}


//validacion de campos
function permite(elEvento, permitidos) {
  // Variables que definen los caracteres permitidos
  var numeros = "0123456789.,";
  var caracteres = " abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ";
  var especiales = " áéíóúÁÉÍÓÚ";
  var arroba = "@";
  var numeros_caracteres = numeros + caracteres;
  var teclas_especiales = [8, 9, 37, 39, 46, 13];
  // 8 = BackSpace, 9 = Tab, 46 = Supr, 37 = flecha izquierda, 39 = flecha derecha, 13 = Enter


  // Seleccionar los caracteres a partir del parámetro de la función
  switch(permitidos) {
    case 'num':
      permitidos = numeros;
      break;
    case 'car':
      permitidos = caracteres;
      break;
    case 'num_car':
      permitidos = numeros_caracteres;
      break;
    case 'alfa':
      permitidos = numeros + caracteres + especiales;
      break;
    case 'correo':
      permitidos = numeros + caracteres + arroba;
      break;
  }

  // Obtener la tecla pulsada
  var evento = elEvento || window.event;
  var codigoCaracter = evento.charCode || evento.keyCode;
  var caracter = String.fromCharCode(codigoCaracter);

  // Comprobar si la tecla pulsada es alguna de las teclas especiales
  // (teclas de borrado y flechas horizontales)
  var tecla_especial = false;
  for(var i in teclas_especiales) {
    if(codigoCaracter == teclas_especiales[i]) {
      tecla_especial = true;
      break;
    }
  }

  // Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
  // o si es una tecla especial
  return permitidos.indexOf(caracter) != -1 || tecla_especial;
}

function celsiusFarenheit(from,fromValue){
  if(from=='c'){
    result = (fromValue*9)/5+32;
  }else if(from=='f'){
    result = ((fromValue-32)*5)/9;
  }

  return result;
}

function pickImageClima(id,srcPic){
  var imgObj = $('#showIconoClima');
  var imgField = $('#idIconoClima');
  var newHtml = '<img src="'+srcPic+'" width="120" />';
  imgObj.html(newHtml);
  imgField[0].value = id;
}

function populateFarenheit(opc,valor){
  var maxFField = $('#maximaF');
  var minFField = $('#minimaF');
  if(opc=='max'){
    maxFField[0].value = celsiusFarenheit('c',valor);
  }else if(opc=='min'){
    minFField[0].value = celsiusFarenheit('c',valor);
  }
}