var sidebgImage;

function getBoxHt() {
	for	(x in box) {
		BoxHt[x] = $(box[x]).offsetHeight;

	}
}

function setup(target,speed) {
	var mxh;
	for (x in box) {
		$(box[x]).style.height = '0px';
		$(subhead[x]).className = "gry"
		if (box[x] == target) {
			mxh = BoxHt[x]
			vtoggle(target,mxh,0,speed);
			sidebgImage = sidebg[x];
			$(subhead[x]).className = "wht"
			}
	}
	$('info').style.visibility = 'visible';
}

function setSidebg(image) {
	document.body.style.backgroundImage = image;
	document.body.style.backgroundPosition=sidepos;
	document.body.style.backgroundRepeat="no-repeat";
	document.body.style.backgroundAttachment="fixed";
}
	

function transition(target,speed) {	
	var maxHt;
	for (x in box) {
		if (box[x] != target) {
			if (parseInt($(box[x]).style.height) > 0) {
				vcollapse(box[x],0,speed);
				$(subhead[x]).className = "gry";
			}
		} else { 
			maxHt = BoxHt[x];
			$(subhead[x]).className = (parseInt($(box[x]).style.height) != 0)? "gry" : "wht"; 
			sidebgImage = sidebg[x];
		}
	}
	vtoggle(target,maxHt,0,speed);
}

function $() {
	var elements = new Array();
	for (var i = 0; i < arguments.length; i++) {
		var element = arguments[i];
		if (typeof element == 'string')
			element = document.getElementById(element);
		if (arguments.length == 1)
			return element;
		elements.push(element);
	}
	return elements;
}

var obj;
var maxHt;
var minHt;
var spd;
var curHt;
var dir;


function vtoggle(tgt, mxh, mnh, i) {
	obj = tgt;
	maxHt = mxh;
	minHt = mnh;
	spd = i;
	curHt = parseInt($(obj).style.height);	
	if (curHt == minHt) {dir = "+";} else {dir ="-";}

	toggle();
}

function toggle() {
	$(obj).style.height = curHt+"px";
	if (dir == "+") {
		curHt = curHt+spd;
		if (curHt <= maxHt) {
			setTimeout ("toggle()",10);
		} else {
			curHt = maxHt;
			dir ="-";
			$(obj).style.height = curHt+"px";
		}
	} else {
		curHt = curHt-spd;
		if (curHt >= minHt) {
			setTimeout ("toggle()",10);
		} else {
			curHt = minHt;
			dir ="+";
			$(obj).style.height = curHt+"px";
		}
	}
}

var c_obj;
var c_minHt;
var c_spd;
var c_curHt;

function vcollapse(c_tgt, c_mnh, c_i) {
	c_obj = c_tgt;
	c_minHt = c_mnh;
	c_spd = c_i;
	c_curHt = parseInt($(c_obj).style.height);	

	collapse();
}

function collapse() {
	$(c_obj).style.height = c_curHt+"px";
	c_curHt = c_curHt-spd;
	if (c_curHt >= c_minHt) {
		setTimeout ("collapse()",10);
	} else {
		c_curHt = c_minHt;
		$(c_obj).style.height = c_curHt+"px";
	}
}