/* ----------------------------------
Main scripts for treehousetheatre.org
---------------------------------- */

window.onload = onLoadFunctions;
//window.onresize = centerWrapperVertical;

function onLoadFunctions() {
	var content = document.getElementById('content')
	content.scrollTop = 0;
	javascriptEnabled(content);
	if(document.getElementById('toptreeshape'))
		content.onscroll = treeOutlineHelper;
	//centerWrapperVertical();
	if(navigator.appVersion.indexOf('Safari') != -1) // *** Add extra treeshape blocks to help form trunk in Safari and Chrome
		addMoreTreeshapes();
}

function javascriptEnabled(content) {
	// *** If company page, cancel
	if(window.location.toString().indexOf('company.htm') != -1) return;
	
	// *** Make #content appropriate width
	content.style.width = "610px";
	
	// *** Give .treeshape divs layout
	var divs = document.getElementsByTagName('div');
	for(var i=divs.length; i--;) {
		if(divs[i].className.indexOf('treeshape') != -1)
			divs[i].style.display = "block";
	}
}

// *** Call me onscroll of #content
function treeOutlineHelper() {
	var content = document.getElementById('content');
	var tts = document.getElementById('toptreeshape').style;
	if(content.scrollTop) {
		tts.marginTop = content.scrollTop+"px";
	} else
		tts.marginTop = 0;
}

function addMoreTreeshapes() {
	var content = document.getElementById('content');
	var tsArr = new Array();
	var divs = content.getElementsByTagName('div');
	for(var i=0; divs[i] && divs[i].className == 'treeshape'; i++) {
		tsArr[i] = divs[i]; // *** Make a new array index, and assign the next treeshape to it.
	}
	
	tsArrLen = tsArr.length;
	tsArr[tsArrLen-1].className += " short";
	tsArr[tsArrLen-2].className += " short";
	tsArr[tsArrLen-3].className += " short";
	tsArr[tsArrLen-4].className += " short";
	
	var div = document.cloneNode(tsArr[tsArrLen-4]);
	
	//content.insertBefore(div,tsArr[tsArrLen-4]);

	tsArr[tsArrLen-1].style.marginBottom = "20px";
	
}



/*function centerWrapperVertical() {
	var wrapper = document.getElementById('wrapper')
	var wrapperHeight = wrapper.offsetHeight;
	var pageHeight = window.innerHeight;
	if(wrapperHeight > pageHeight) { // *** Already not enough screen, no marginTop needed on #wrapper
		wrapper.style.marginTop = 0;
		return;
	}
	else
		wrapper.style.marginTop = (Math.floor((pageHeight - wrapperHeight)/2))+"px";
}*/