/**
* Places default values into given form feilds wicth disapear on focus and reapear if the input value is empty on blur.
* Example of user:
* 
* $.formValues(
*   'MyformId',
*   {
*       'Input1':'This is input 1'
*   }
* );
* 
* <form id="MyformId">
*   <input name="Input1" values="" />
* </form>
*/
jQuery.extend({
    formValues:function(formId,values){
        var TagName = $('#'+formId).get(0).tagName;
        if(TagName == 'FORM'){
            $('#'+formId).children().each(function(k,v){
               var name = $(this).attr('name');
               if(values[name] != undefined){
                   var element = this;
                   jQuery.applyValue(element,values[name]);
                   $(element).focus(function(){
                       if(values[name]==$(element).val()){
                           jQuery.removeValue(element);
                       }
                   });
                   $(element).blur(function(){
                       if($(element).val()==''){
                           jQuery.applyValue(element,values[name]);
                       }
                   });
               }
            });
        }else if(TagName == 'INPUT' && typeof(values) == 'string'){
            var element = $('#'+formId);
           jQuery.applyValue(element,values);
           $(element).focus(function(){
               if(values==$(element).val()){
                   jQuery.removeValue(element);
               }
           });
           $(element).blur(function(){
               if($(element).val()==''){
                   jQuery.applyValue(element,values);
               }
           });

        }
    },
    applyValue:function(element,value){
        //$(element).addClass('bold');
        if($(element).val()==''){
            $(element).val(value);
        }
    },
    removeValue:function(element){
        //$(element).removeClass('bold');
        $(element).val('');
    }
});