function flashMessage(msg) {
  $("body").insert({top:'<div id="flashMessage" class="message">' + msg + '</div>'});
  $("flashMessage").fade({duration:1.5, delay:1.5});
}

function jsdebug(msg) {
    if (!$('jsDebug')) {
      $('body').insert({top:'<div style="position:fixed; right:5px; top:5px; width:150px; z-index:9999; border:solid 1px #333333; background:#cccccc; overflow:scroll; height:350px; padding:5px" id="jsDebug">JS Debug:</div>'});
    }  
    $('jsDebug').insert({bottom:'<p style="margin:0;padding:0; font-size:10px">' + msg + '</p>'});
}

function debugjs(msg) {
  jsdebug(msg);
}

function loadScript(src) {
    script = new Element("script", { type: "text/javascript", src: "/js/" + src + ".js" });
    $("head").appendChild(script);
}

function setActive(active) {
	$$('.menu a').each(function(e) {
		e.removeClassName('active');
	});
	
	active.addClassName('active');
	
	while(active.up(2)) {
		active = active.up(2).firstDescendant();
		active.addClassName('active');
	}
}



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

	// blur links
	$$('a').each(function(e) {
		Event.observe(e, 'click', function() {
      e.blur();
		});
	});
	
	// click active
	$$('.menu a').each(function(e) {
		Event.observe(e, 'click', function() {
			setActive(e);
		});
	});
	
	// flash message
  if ($('flashMessage')) {
  	$('flashMessage').fade({duration:2, delay:2.5});
	}
    
});