var wmSearch = "Sök produkt...";

//GUI
function ToggleDiv(id) {
    Effect.toggle(id, "blind");
}

document.observe("dom:loaded", function() {
    if ($('txtSearch') != null)
        new WaterMark({ textBoxId: 'txtSearch', text: wmSearch, classWaterMarked: 'WaterMark', classNoWaterMarked: 'WaterMarkNo' });

});

var WaterMark = Class.create();
WaterMark.prototype =
{
    initialize: function(options) {
        this._initialized = false;

        this.options = {
            textBoxId: null,
            text: 'watermark',
            classWaterMarked: '',
            classNoWaterMarked: ''

        };
        Object.extend(this.options, options);
        this.marked = ($F(this.options.textBoxId).length == 0)
        if (this.marked) {
            $(this.options.textBoxId).value = this.options.text;
            $(this.options.textBoxId).toggleClassName(this.options.classWaterMarked);
        }
        else {
            $(this.options.textBoxId).toggleClassName(this.options.classNoWaterMarked);
        }

        $(this.options.textBoxId).observe('focus', this.focusMark.bindAsEventListener(this, this.options));
        $(this.options.textBoxId).observe('blur', this.blurMark.bindAsEventListener(this, this.options));
    },
    focusMark: function(event, options) {
        if (this.marked) {
            $(options.textBoxId).value = '';
            $(options.textBoxId).removeClassName(options.classWaterMarked);
            $(options.textBoxId).toggleClassName(options.classNoWaterMarked);
            this.marked = false;
        }
    },
    blurMark: function(event, options) {
        if (($F(this.options.textBoxId).length == 0)) {
            $(options.textBoxId).value = options.text;
            $(options.textBoxId).removeClassName(options.classNoWaterMarked);
            $(options.textBoxId).toggleClassName(options.classWaterMarked);
            this.marked = true;
        }
    }
};