// JavaScript Document

var height;
var interv;
function ToggleImage(){
	var myTagStyle = document.getElementById('subImage').style.height;


	if(myTagStyle == '262px'){
	/* Make the sub-top image smaller */
		height = 262;
		interv = setInterval('HideImage()', 3);
		createCookie('smallSubTop', 'TRUE', 14);
	} else {
	/* Make the sub-top image full-size */
		height = 20;
		interv = setInterval('ShowImage()', 3);
		eraseCookie('smallSubTop');
	}
}//END function ToggleImage()

var myNewSize;
function HideImage(){
	if(height <= 20){
	/* When we reach the desired height (or a little smaller) make sure we set it correctly and switch toggle image */
		clearInterval(interv);
		document.getElementById('subImage').style.height = '20px';
		document.getElementById('subImageToggle').src = prefix+'images/navbar/show.gif';
		document.getElementById('subImageToggle').title = 'Show this image';
		return;
	}

	myNewSize = height + 'px';
	height= height - (height / 20);
	document.getElementById('subImage').style.height = myNewSize;
}//END function HideImage()

function ShowImage(){
	if(height >= 262){
	/* When we reach the desired height (or a bit larger) make sure we set it correctly and switch toggle image */
		clearInterval(interv);
		document.getElementById('subImage').style.height = '262px';
		document.getElementById('subImageToggle').src = prefix+'images/navbar/hide.gif';
		document.getElementById('subImageToggle').title = 'Hide this image';
		return;
	}

	myNewSize = height + 'px';
	height= height + (height / 20);
	document.getElementById('subImage').style.height = myNewSize;
}//END function ShowImage(

//EOF