/*==============================================================================
  ------------------------------- TOOLTIPS -------------------------------------
 ============================================================================= */

//Muestra un tooltip en aquellos elementos que tienen definida la clase "tooltip"

function addTooltips(){
   $('.tooltip').each(function(i, element){
       var tooltipButton = $(this);
       var position = tooltipButton.position();
       var singleLine = tooltipButton.hasClass('single-line');

       var tooltip      = $('<div>').addClass('tooltip-container');
       var tooltipLeft  = $('<div>').addClass('tooltip-left tooltip-text').appendTo(tooltip).html(tooltipButton.html());
       var tooltipRight = $('<div>').addClass('tooltip-right').appendTo(tooltip);

       if(tooltipLeft.text().length < 22) tooltipLeft.css({paddingTop: 12})

       tooltip.insertAfter(tooltipButton).css({position: 'absolute', left: position.left, top: position.top}).fadeOut(0);
       tooltipButton.mouseenter(function(){
           tooltip.fadeIn(0, function(){
               tooltip.attr('ready', true);
           });
       });
       tooltipButton.mouseout(function(){
           if(tooltip.attr('ready')) tooltip.fadeOut(0,function(){tooltip.attr('ready', false)});
       });
   });
}
function removeTooltips(){
   $('.tooltip-container').remove();
}
function updateTooltips(){
   removeTooltips();
   addTooltips();
}

//Bind events to document ready and window resize
$(function(){
    addTooltips();
});
$(window).resize(function(){
    updateTooltips();
});


/*==============================================================================
  ----------------------------- PLACEHOLDERS -----------------------------------
 ============================================================================= */

/*
    Simula el comportamiento del atributo "placeholder" de HTML5 de los elementos input (text, password, textarea)
    Si el elemento tenia un valor inicial, cuando el usuario hace click en él este se guarda y se borra.
    Cuando el elemento pierde el foco, si está vacío, vuelve a tomar el valor original
*/
function addPlaceholders(){
   $('.placeholder:input').each(function(i, element){
       $(this).attr('placeholder', $(this).val())
       $(this).attr('disabled', false);
   }).focus(function(){
       var esto = $(this);
       if(esto.val() == esto.attr('placeholder')) esto.val('');
   }).blur(function(){
      var esto = $(this);
      if($.trim(esto.val()) == '') esto.val(esto.attr('placeholder'));
   }).parents('form:first').submit(function(){
      var placeholder = $('.placeholder:input');
      placeholder.each(function(i, element){
          var esto = $(this);
          if(esto.val() == esto.attr('placeholder')) esto.attr('disabled', true);
      });
      return true;
   });
};

$(function(){
    addPlaceholders();
});



function actual_date(){
	fecha = new Date()
	mes = fecha.getMonth()
	diaMes = fecha.getDate()
	diaSemana = fecha.getDay()
	anio = fecha.getFullYear()
	dias = new Array('Domingo','Lunes','Martes','Miercoles','Jueves','Viernes','Sábado')
	meses = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre')
	return dias[diaSemana] + ", " + diaMes + " de " + meses[mes] + " de " + anio;
}

$(function(){
    $('#header .today .date').text(actual_date());
});