/**
 *
 * Ex.: <input type="text" rel="watermark" value="teste" />
 *
 */
watermark = {

    normalColor  : '#3B4856',

    hoverColor   : '#3B4856',

    init: function(){
        $('*.watermark').focus(function(){
            watermark.focus($(this));
        }).blur(function(){
            watermark.blur($(this));
        }).each(function(){
            $(this).attr('title', $(this).val());
        }).mouseover(function(){
            watermark.over($(this));
        }).mouseout(function(){
            watermark.out($(this));
        });
    },

    focus: function(valor){
        val = $(valor).val();
        if($(valor).val() == $(valor).attr('title')){
            $(valor).val('');
            $(valor).attr('alt', val);
        }
        $(valor).css({
            //color:  watermark.hoverColor
        });
    },

    blur: function(valor){
        val = $(valor).attr('alt');
        if($(valor).val() == ''){
            $(valor).val(val);
            $(valor).attr('alt', '');
        }
        $(valor).css({
            //color:  watermark.normalColor
        });
    },

    over: function(valor){
        $(valor).css({
            //color:  watermark.hoverColor
        });
    },

    out: function(valor){
        $(valor).css({
            //color:  watermark.normalColor
        });
    }

}