var WatermarkInput = Class.create(
        {
            initialize: function(elId, text, styleColor, styleWeight) {
                this.elId = elId;
                this.text = text;
                this.styleColor = styleColor;
                this.styleWeight = styleWeight;
            }
        });

var watermark_array = new Array(5);
watermark_array[0] = new WatermarkInput("account_voornaam", "Voornaam", "#a0a0a0", "bold");
watermark_array[1] = new WatermarkInput("account_achternaam", "Achternaam", "#a0a0a0", "bold");
watermark_array[2] = new WatermarkInput("account_email", "E-mail", "#a0a0a0", "bold");
watermark_array[3] = new WatermarkInput("account_company", "Bedrijfsnaam", "#a0a0a0", "bold");
watermark_array[4] = new WatermarkInput("account_telephone", "Telefoonnummer", "#a0a0a0", "bold");
//watermark_array[5] = new WatermarkInput("newsletter_email", " Vul hier uw e-mailadres in", "#000000", "bold");


Event.observe(window, "load", function() {

//loading events for input elements with watermark.
    try {
        for (var i = 0; i < watermark_array.length; i++) {

            var inputElement = $(watermark_array[i].elId);
            if (inputElement.type == "password") {
                inputElement.w_originalType = "password";

                try {
                    inputElement.type = "text";
                }
                catch (ex) {
                }
            }

            inputElement.value = watermark_array[i].text;
            inputElement.w_text = watermark_array[i].text;
            inputElement.w_color = watermark_array[i].styleColor;
            inputElement.w_styleWeight = watermark_array[i].styleWeight;

            inputElement.style.color = inputElement.w_color;
            inputElement.style.fontWeight = inputElement.w_styleWeight;

            Event.observe(watermark_array[i].elId, "focus", function(event) {
                var element = Event.element(event);

                if (element.value == element.w_text) {
                    if (element.w_originalType != null) {
                        element.type = element.w_originalType;
                        element.w_originalType = null;
                    }

                    element.value = "";
                    element.style.color = "";
                    element.style.fontWeight = "";
                }
            });

            Event.observe(watermark_array[i].elId, "blur", function(event) {
                var element = Event.element(event);

                if (element.value == "") {
                    if (element.type == "password") {
                        element.w_originalType = "password";
                        
                        try {
                            element.type = "text";
                        }
                        catch (ex) {
                        }
                    }

                    element.value = element.w_text;
                    element.style.color = element.w_color;
                    element.style.fontWeight = element.w_styleWeight;
                }
            });
        }
    }
    catch(ex) {}
});