$(document).ready(function() {

    // do ui stuff specified in css
    $( '.ui-hover-board-effect' ).each( function(index){
        $(this).hover(function() {
            $(this).addClass('ui-toggle-board-hover');
          }, function() {
            $(this).removeClass('ui-toggle-board-hover');
          }
        );
    });

    // do ui stuff specified in css
    $( '.ui-hover' ).each( function(index){
        $(this).hover(function() {
            $(this).addClass('ui-toggle-hover');
          }, function() {
            $(this).removeClass('ui-toggle-hover');
          }
        );
    });

    $( '.fade_in_on_hover' ).each( function(index){
        $(this).hover(function() {
            $(this).removeClass('faded_out');
          }, function() {
            $(this).addClass('faded_out');
          }
        );
    });


});


function validate( id ) {
  var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  var form = $('#'+id);
  var email = $( 'input:text[name=form-email]', form ).val();
  var name = $( 'input:text[name=form-name]', form ).val();
  var text = $( 'textarea', form ).val();
  
  if (!reg.test(email)) {
    $( 'input:text[name=form-email]', form ).addClass( 'not-filled' );    
    return false;
  }
  
  if (name == '' || text == '' ) {
    if (name == '') {
      $( 'input:text[name=form-name]', form ).addClass( 'not-filled' );
    }
    if (text == '') {
      $( 'textarea', form ).addClass( 'not-filled' );
    }
    return false;
  }
  
  return true;  
}