/* 
 * Javascript Generalizado para todas las paginas.
 * 
 */

/**
 * Si hay Javascript activado en el navegador, a la hora de 
 * recomendar tiene que ser muy rapido
 */

/**
 * Para hacer las comprobaciones de los inputs obligatorios utilizaremos un metodo
 * rapido y lo mas eficiente posible
 */ 

function getRecomendar(idLink, idPost, titlePost, url){
    /* Cuando hacemos click primero desactivamos el link hacia la pagina Recomendar */
    var tuNombre = '<label>Tu nombre*:</label><input class="textInput required" type="text" value="" name="recomName"/>';
    var tuEmail ='<label>Tu Email*:</label><input class="textInput required email" type="text" value="" name="recomEmail"/>';
    var para = '<label>Para*:</label><input class="textInput required email" type="text" value="" name="recomPara"/>';
    var comentarios = '<label>Comentarios:</label><textarea class="textInput" name="recomComents"/>';
    var submitForm = '<br/><input class="botonClose" type="submit" value="Enviar"/>';
    var camposObligatorios = '<br/><p class="camposRequeridos">* Los campos son requeridos</p>';
    var field = '<fieldset><legend>Recomi&eacute;ndalo a un amigo</legend><ul><li>'+tuNombre+'</li><li>'+tuEmail+'</li><li>'+para+'</li><li>'+comentarios+'</li><li>'+submitForm+'</li></ul></fieldset>';
    var formularioRecomendar = '<form action="" class="validate" method="POST" id="form'+idLink+'" onsubmit="return enviarAJAX();">'+field+'</form>' + camposObligatorios;
    
    $('<div id="over"></div>').appendTo("body");
    $('<div id="windowRecomendar" style="display:block;height:430px;margin-left:-255px;width:500px;"></div>').appendTo("body");
    $('<div id="botonCerrar" onclick="cerrar()"><img src="'+url+'/images/cerrar.png" title="Cerrar Ventana" alt="Imagen Cerrar"/></div>').appendTo('#windowRecomendar');
    $('<h3>Recomendar el POST <br/>"'+titlePost+'"</h3>').appendTo('#windowRecomendar');
    //$('<div id="anunciosWindowRecom">Anuncios</div>').appendTo('#windowRecomendar');
    $('<div id="contentWindowRecom">'+formularioRecomendar+'</div>').appendTo("#windowRecomendar");
    
    styleOver();

    // Eventos
    $(window).resize(styleOver);
    
}

function styleOver() {
    $("#over").css({
        background:'#000000',
        opacity:.5,
        position: 'absolute',
        top: 0, left: 0,
        height: $(document).height(),
        width: $(window).width()
    });
        
    $("#windowRecomendar").css ({
        background:'#DDDDDD none repeat scroll 0 0',
        border:'4px',
        borderStyle:'solid',
        borderColor:'#525252',
        color:'#000000',
        left:'50%',
        position: 'fixed',
        textAlign:'left',
        top:'30px',
        zIndex: '90'
    });

}


function cerrar(){
    jQuery('#over').remove();
    jQuery('#windowRecomendar').remove();
    return false;
}

var filters = {
  required: function(element) {return ($(element).val() != '' && $(element).val() != -1);},
  email: function(element) {return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test($(element).val());}
  //telefono: function(element){return /^[0-9]*$/.test($(element).val());}
};

function comprobarCamposRecom(){
    jQuery("form.validate").find("input, textarea, select").each(
      function (index, element){
          if(jQuery(element).attr("className") != 'undefined'){
              jQuery(element).removeClass("error"); //si esta el class error lo eliminanos
              jQuery.each(
                  new String(jQuery(element).attr("className")).split(" "), 
                  function(index, klass){
                    if (jQuery.isFunction(filters[klass]))
                      if (!filters[klass](element)) jQuery(element).addClass("error");
                  }
              );
          }
      }
    );
    
    if (jQuery().find(".error").size() > 0) {
      return false;
    }
    return true;
}

function enviarAJAX(){
    if (comprobarCamposRecom()){
        //Hacemos la peticion en ajax
        
    }
    
    //Siempre enviaremos un return false para que no submite el formulario
    return false
    
    /*var urlFile = urlTheme + "envioRecom.php";
    jQuery.ajax({
      type: "POST",
      url: "envioRecom.php",
      data:""
    });
    
    
    $.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });
*/
}