/**
 * 
 * Set document.whoosh to true to make the site guide go whoosh.
 * 
 */

var bar_show="<a href=\"javascript:return false;\" onclick=\"do_guide_show(); return false;\" title=\"Click to display the site guide\">Site guide</a>",
    bar_hide="<a href=\"javascript:return false;\" onclick=\"do_guide_hide(); return false;\">Hide this</a>";

var isExpanded=false;
var cancelEffect=false;

var sgWrapper=document.getElementById("siteguide_outer");
var sgControl=document.getElementById("siteguide_control");
var sgContent=document.getElementById("siteguide");

var oldEvt=window.onload;
window.onload=function() { if (oldEvt) oldEvt(); do_guide_initialise(); do_guide_init_effect(true); setTimeout("do_guide_init_effect(false)",2000); }

/**
 * Expand the site guide
 */
function do_guide_show() {
	isExpanded=true;
	cancelEffect=true;
	Effect.SlideDown('siteguide',{scaleFrom:0,scaleTo:100});
	sgControl.innerHTML=bar_hide;
	sgControl.className="dn";
}

/**
 * Hide the site guide
 */
function do_guide_hide() {
	isExpanded=false;
	cancelEffect=true;
	Effect.SlideUp('siteguide',{scaleFrom:100,scaleTo:0});
	sgControl.innerHTML=bar_show;
	sgControl.className="up";
}

/**
 * Initialise the site guide
 */
function do_guide_initialise() {
	if (!sgControl) return;
	
	if (document.whoosh) {
		sgControl.innerHTML=bar_show;
		sgControl.style.padding="2px 0";
		sgControl.className="up";
		sgWrapper.style.position="absolute";
		sgWrapper.style.bottom="-1px";
		sgContent.style.display="none";
	}
	sgWrapper.style.display="block";
}

/**
 * Attract attention to the site guide
 */
function do_guide_init_effect(on_off) {
	if (cancelEffect) return;
	else sgControl.className=(on_off)?"init":"up";
}