//
// Scripts for Tour Time.
//
// @author Tom Ryder <tom@prodev.co.nz>
// @copyright 2010 Professional Development
//
$(window).addEvent("domready", function () {

    // Hover class setup for top menu.
    $$("#navigation td, #navigation li").each(function (item) {
        item.onmouseover = function () {
            this.addClass("hover");
        };
        item.onmouseout = function () {
            this.removeClass("hover");
        };
    });

    // Hover class setup for left menu.
    $$("#menu li").each(function (item) {
        item.onmouseover = function () { 
            this.addClass("hover"); // Works better than addEvent on IE browsers.
        };   
        item.onmouseout = function () { 
            this.removeClass("hover"); // Ditto.
        };
    });

	// Focus class setup.
    $$("input,select").addEvent("focus", function () {
        this.addClass("focus");
    }).addEvent("blur", function () {
        this.removeClass("focus");
    });

    // Keep faded grey text in the search box when empty.
    (function () {
        var message = "SEARCH",
            active = {},
            inactive = {},
            empty = "",
            text = $("search-widget-keywords"),
            form = $(text.form);
        if (text && form) {
            text.addEvents({
                "focus": function () {
                    this.setStyles(active);
                    if (this.get("value") === message) {
                        this.set("value", empty);
                    }
                },
                "blur": function () {
                    if (this.get("value") === empty || this.get("value") === message) {
                        this.setStyles(inactive);
                        this.set("value", message);
                    }
                }
            });
            text.fireEvent("blur");
            form.addEvent("submit", function () {
                if (text.get("value") === message) {
                    text.set("value", empty);
                }
            });
        }
    }());
});

