$(document).ready(function($) {

  var $loading = $('<div class="loading"><img src="/media/assets/ajax-loader.gif" alt="" /></div>');
  $("#page_tools_email .default").each(function(){
    var defaultVal = $(this).attr('title');
    $(this).focus(function(){
      if ($(this).val() == defaultVal){
        $(this).removeClass('active').val('');
      }
    });
    $(this).blur(function() {
      if ($(this).val() == ''){
        $(this).addClass('active').val(defaultVal);
      }
    })
    .blur().addClass('active');
  });
  $('#butSubmit').click(function(e){
    var $formId = $(this).parents('form');
    var formAction = $formId.attr('action');
    defaulttextRemove();
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    $('li',$formId).removeClass('error');
    $('span.error').remove();
    $('.required',$formId).each(function(){
      var inputVal = $(this).val();
      var $parentTag = $(this).parent();
      if($(this).hasClass('name') == true){
        if(inputVal == ''){
          $parentTag.addClass('error').append('<span class="error">Enter a first name</span>');
        }
      }
      if($(this).hasClass('email') == true){
        if(inputVal == ''){
          $parentTag.addClass('error').append('<span class="error">Enter a valid email</span>');
        }
      }
      if($(this).hasClass('message') == true){
        if(inputVal == ''){
          $parentTag.addClass('error').append('<span class="error">Enter a message</span>');
        }
      }
      if($(this).hasClass('email') == true){
        if(!emailReg.test(inputVal)){
          $parentTag.addClass('error').append('<span class="error">Enter a valid email</span>');
        }
      }
    });
    if ($('span.error').length == "0") {
      return;
      /*$formId.append($loading.clone());
      $('fieldset',$formId).hide();
      $.post(formAction, $formId.serialize(),function(data){
        $('.loading').remove();
        $formId.append(data).fadeIn();
      });*/
    }
    e.preventDefault();
  });
});
function defaulttextRemove(){
  $('#page_tools_email .default').each(function(){
    var defaultVal = $(this).attr('title');
    if ($(this).val() == defaultVal){
      $(this).val('');
    }
  });
}
function limitChars(textid, limit, infodiv)
{
  var text = $('#'+textid).val();  
  var textlength = text.length;
  if(textlength > limit)
  {
    $('#' + infodiv).html('<strong>You cannot write more then <span>'+limit+'</span> characters!</strong>');
    $('#'+textid).val(text.substr(0,limit));
    return false;
  }
  else
  {
    $('#' + infodiv).html('You have <span>'+ (limit - textlength) +'</span> characters left.');
    return true;
  }
}

$(function(){
   $('#input-message').keyup(function(){
     limitChars('input-message', 130, 'charlimitinfo2');
   })
});