NavPanel={

	animating: false,

	init:function() {
		$$('#navpanel li ul').each(function(ul) {
			ul.hide();
		});
		$$('#navpanel li ul')[0].show();
		$$('#navpanel li ul')[0].addClassName('active');

		$$('#navpanel li h3').each(function(h3) {
			h3.observe('click', function(e) {

				if(NavPanel.animating) return;


				var activeUL = $(this.parentNode.getElementsByTagName("ul")[0]);
				if(activeUL.hasClassName("active")) {
					NavPanel.animating = true;
					$$('#navpanel li ul.active').each(function(hul) {
						new Effect.BlindUp(hul, {duration:0.2, afterFinish:function() {
							NavPanel.animating = false;
						}});
						hul.removeClassName("active");
					});
				} else {

					$$('#navpanel li ul.active').each(function(hul) {
						new Effect.BlindUp(hul, {duration:0.2});
						hul.removeClassName("active");
					});
					activeUL.addClassName("active");
					NavPanel.animating = true;

					new Effect.BlindDown(activeUL, {duration:0.2, afterFinish:function() {
						NavPanel.animating = false;
					}});
				}

			}.bindAsEventListener(h3));
		});
	}
}

ContactForm={
	init:function() {

		var inputActive = new Image();
		inputActive.src="/images/reuse/form-active.png";
		var commentsActive = new Image();
		commentsActive.src = "/images/reuse/form-comments-active.png";

		$$('#contactForm input.text, #subscribe-form input.text').each(function(text) {
			text.observe('focus', function() {
				this.style.backgroundImage = "url(/images/reuse/form-active.png)";
			}.bindAsEventListener(text));

			text.observe('blur', function() {
				this.style.backgroundImage = "url(/images/reuse/form-normal.png)";
			}.bindAsEventListener(text));
		});

		$$('#contactForm textarea').each(function(text) {
			text.observe('focus', function() {
				this.style.backgroundImage = "url(/images/reuse/form-comments-active.png)";
			}.bindAsEventListener(text));

			text.observe('blur', function() {
				this.style.backgroundImage = "url(/images/reuse/form-comments-normal.png)";
			}.bindAsEventListener(text));
		});
	}
}

Object.extend(Event, {
  _domReady : function() {
    if (arguments.callee.done) return;
    arguments.callee.done = true;

    if (this._timer)  clearInterval(this._timer);

    this._readyCallbacks.each(function(f) { f() });
    this._readyCallbacks = null;
},
  onDOMReady : function(f) {
    if (!this._readyCallbacks) {
      var domReady = this._domReady.bind(this);

      if (document.addEventListener)
        document.addEventListener("DOMContentLoaded", domReady, false);

        /*@cc_on @*/
        /*@if (@_win32)
            document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
            document.getElementById("__ie_onload").onreadystatechange = function() {
                if (this.readyState == "complete") domReady();
            };
        /*@end @*/

        if (/WebKit/i.test(navigator.userAgent)) {
          this._timer = setInterval(function() {
            if (/loaded|complete/.test(document.readyState)) domReady();
          }, 10);
        }

        Event.observe(window, 'load', domReady);
        Event._readyCallbacks =  [];
    }
    Event._readyCallbacks.push(f);
  }
});

// Runs the following as soon as the DOM is ready (before window.onload)
Event.onDOMReady(function() {
	if($('navpanel') != null) NavPanel.init();
	ContactForm.init();
});