/******************************************
* Scrollable Content IE/FF
* Developed by Rob Wells 2008-07-07
* Only works with IE6+, FF1.7+
*
* HACK!! DON'T USE THIS!
* Better to improve the function to handle
* multiple SecondScrollers properly. Only put
* here for the news page on the JC site
* (one off).
*
******************************************/

var SecondScrollerContent;
var SecondScrollerContentHeight;
var SecondScrollerMoveUpVar;
var SecondScrollerMoveDownVar;

var SecondScrollerSpeed = 2;
var SecondScrollerUpImg = '/images/SecondScrollerUp.gif';
var SecondScrollerDownImg = '/images/SecondScrollerDown.gif';

function SecondScrollerDown() {
	if (parseInt(SecondScrollerContent.style.top) >= (SecondScrollerContentHeight*(-1)+50)) {
		SecondScrollerContent.style.top =  parseInt(SecondScrollerContent.style.top) - SecondScrollerSpeed + "px";
	}
	SecondScrollerMoveDownVar = setTimeout("SecondScrollerDown()",20)
}

function SecondScrollerUp() {
	if (parseInt(SecondScrollerContent.style.top) <= 0) {
		SecondScrollerContent.style.top = parseInt(SecondScrollerContent.style.top) + SecondScrollerSpeed + "px";
	}
	SecondScrollerMoveUpVar = setTimeout("SecondScrollerUp()",20);

}

function SecondScrollerDisplay(strDivID,intTop,intLeft) {

	if (!intTop || intTop.isNaN) {
		intTop = "0px";
	} else {
		intTop = intTop + "px";
	}

	if (!intLeft || intLeft.isNaN) {
		intLeft = "0px";
	} else {
		intLeft = intLeft + "px";
	}

	SecondScrollerParent = document.getElementById(strDivID)

	strSecondScrollerHTML = SecondScrollerParent.innerHTML;
	
	strSecondScrollerHTML = '';
	strSecondScrollerHTML += '<div id="SecondScrollerContainer' + strDivID + '">';
	strSecondScrollerHTML += '	<div id="SecondScrollerContent' + strDivID + '" style="position:absolute; width: 100%; height: auto; top: 0px; left: 0px;">';
	strSecondScrollerHTML += SecondScrollerParent.innerHTML;
	strSecondScrollerHTML += '	</div>';
	strSecondScrollerHTML += '</div>';
	
	SecondScrollerParent.innerHTML = strSecondScrollerHTML;

	SecondScrollerContent = document.getElementById ? document.getElementById('SecondScrollerContent' + strDivID) : document.all.content;
	SecondScrollerContentHeight = SecondScrollerContent.offsetHeight;
	
	if (SecondScrollerParent.offsetHeight < SecondScrollerContentHeight) { // Only show the scroll arrows if the scroll area is bigger than the content
		document.writeln('<div id="SecondScrollerArrows' + strDivID + '" class="scroller" style="position: absolute; top: ' + intTop + '; left: ' + intLeft + ';">');
		document.writeln('	<div class="up" onMouseover="SecondScrollerUp()" onMouseout="clearTimeout(SecondScrollerMoveUpVar)"></div>');
		document.writeln('	<div class="down" onMouseover="SecondScrollerDown()" onMouseout="clearTimeout(SecondScrollerMoveDownVar)"></div>');
		document.writeln('</div>');
	}
}