// Divs in IE don't auto adjust even if you put height of 100%.  This is to calculate the main content's height on page load and adjust accordingly
function adjustHeight() {

	mainBox = document.getElementById('mainc');
	mainMargin = document.getElementById('main_margin');
	leftSide = document.getElementById('leftc');
	rightSide = document.getElementById('rightc');

	mainHeight = Math.max(mainBox.offsetHeight, mainBox.scrollHeight);
	leftHeight = Math.max(leftSide.offsetHeight, leftSide.scrollHeight);
	if (rightSide)
		rightHeight = Math.max(rightSide.offsetHeight, rightSide.scrollHeight);

	maxHeight = Math.max(mainHeight, leftHeight);
	if (rightSide)
		maxHeight = Math.max(maxHeight, rightHeight);

	maxHeight = maxHeight + 'px';

	mainBox.style.height = maxHeight;
	leftSide.style.height=maxHeight;

	if (rightSide)
		rightSide.style.height=maxHeight;
	mainMargin.style.height=maxHeight;


	s1 = document.getElementById('shadow1');
	s1.style.height=maxHeight;

	s2 = document.getElementById('shadow2');
	if (s2) {
		s2.style.height=maxHeight;
	}

	s3 = document.getElementById('shadow_mid');
	s3.style.height=maxHeight;

}
function toggleElement(elementname) {
    thisItem = document.getElementById(elementname);

    if (thisItem.style.display == 'none') {
        thisItem.style.display = 'inline';
    }
    else {
        thisItem.style.display = 'none';
    }
}

function toggleBullet(bulletname, bulleton, bulletoff) {
    thisItem = document.getElementById(bulletname);

    if (thisItem.style.listStyleImage=='url(' + bulleton + ')')
        thisItem.style.listStyleImage='url(' + bulletoff + ')';
    else
        thisItem.style.listStyleImage='url(' + bulleton + ')';
}