/**
* TODO
* - function AddField    - Type of field, place, value
* - function RemoveField - Type of field, place, value  
*/

(function($) {

   $.fn.formEffects = function(Effect, Options)
   {      
       return this.each(function()
       {
           var Element = $(this);

           switch(Effect)
           {
                case "changeColorOnFocus" :
                {
                    $.fn.formEffects.changeColorOnFocus(Element, Options);        
                }
                break;     
                
                default :
                {
                    return; // do nothing    
                }
           }
       });
   };
   
   /**
   * 
   * Set css background-color for hover and blur events on specified elements
   * 
   * @param Element     - Specified elements
   * @param Options     - CSSProperty    (Css property that has to be changed (background-color, border-color, ...))
   *                    - onFocusColor   (background-color onfocus)
   *                    - onBlurColor    (background-color onblur)
   * 
   * Example:
   * $("input.text").formEffects("changeBgColorOnFocus", { CSSProperty : "background-color", onFocusBgColor : "#ffffff", onBlurBgColor : "#e6e6e6" });
   * 
   */
   
   $.fn.formEffects.changeColorOnFocus = function (Element, Options) 
   {
        $(Element).focus( function() {
            $(Element).css(Options.CSSProperty, Options.onFocusColor);    
        });
        
        $(Element).blur( function() {
            $(Element).css(Options.CSSProperty, Options.onBlurColor);    
        });
   }
})(jQuery);