/***********************************************
* Pausing updown message scroller- ¨ Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//configure the below five variables to change the style of the scroller
var scrollerdelay='4000' //delay between msg scrolls. 3000=3 seconds.
var scrollerwidth='174px'
var scrollerheight='167px'
var scrollerbgcolor=''
//set below to '' if you don't wish to use a background image
var scrollerbackground=''
var statusStyle = "font-family: verdana; color: #000000; font-size: 11px; line-height: 12px";

///////Do not edit pass this line///////////////////////
// some new variables
var running = 0;
var stopped = 0;
var stopCompleted = 0;
var scrollForward = 1;
var topLayer;
var bottomLayer;

var ie=document.all;
var dom=document.getElementById;

if (messages.length>2)
	i=2
else
	i=0

function move1(whichlayer){
	tlayer=eval(whichlayer)
	if (tlayer.top>0&&tlayer.top<=5){
		tlayer.top=0
		setTimeout("move1(tlayer)",scrollerdelay)
		setTimeout("move2(document.main.document.second)",scrollerdelay)
		return
	}
	if (tlayer.top>=tlayer.document.height*-1){
		tlayer.top-=5
		setTimeout("move1(tlayer)",50)
	}
	else{
		tlayer.top=parseInt(scrollerheight)
		tlayer.document.write(messages[i])
		tlayer.document.close()
		if (i==messages.length-1)
			i=0
		else
			i++
	}
}

function move2(whichlayer){
	tlayer2=eval(whichlayer)
	if (tlayer2.top>0&&tlayer2.top<=5){
		tlayer2.top=0
		setTimeout("move2(tlayer2)",scrollerdelay)
		setTimeout("move1(document.main.document.first)",scrollerdelay)
		return
	}
	if (tlayer2.top>=tlayer2.document.height*-1){
		tlayer2.top-=5
		setTimeout("move2(tlayer2)",50)
	}
	else{
		tlayer2.top=parseInt(scrollerheight)
		tlayer2.document.write(messages[i])
		tlayer2.document.close()
		if (i==messages.length-1)
			i=0
		else
			i++
	}
}

function move3(whichdiv){
	tdiv=eval(whichdiv)
	if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
		tdiv.style.top=0+"px"
		if (stopped == 1) {switchButton(1); return;}
		setTimeout("move3(tdiv)",scrollerdelay)
		setTimeout("move4(second2_obj)",scrollerdelay)
		return
	}
	if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
		if (stopped == 1 && parseInt(tdiv.style.top) == 0) {switchButton(1); return;}
		if (stopped == 1 && parseInt(tdiv.style.top) == parseInt(scrollerheight)) {switchButton(1); return;}
		tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
		setTimeout("move3(tdiv)",50)
	}
	else{
		tdiv.style.top=parseInt(scrollerheight)
		tdiv.innerHTML=messages[i]
		itemStatus();
		if (i==messages.length-1)
			i=0
		else
			i++
	}
}

function move4(whichdiv){
	tdiv2=eval(whichdiv)
	if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
		tdiv2.style.top=0+"px"
		if (stopped == 1) {switchButton(1); return;}
		setTimeout("move4(tdiv2)",scrollerdelay)
		setTimeout("move3(first2_obj)",scrollerdelay)
		return
	}
	if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
		if (stopped == 1 && parseInt(tdiv2.style.top) == 0) {switchButton(1); return;}
		if (stopped == 1 && parseInt(tdiv2.style.top) == parseInt(scrollerheight)) {switchButton(1); return;}
		tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
		setTimeout("move4(second2_obj)",50)
	}
	else{
		tdiv2.style.top=parseInt(scrollerheight)
		tdiv2.innerHTML=messages[i]
		itemStatus();
		if (i==messages.length-1)
			i=0
		else
			i++
	}
}

function startscroll(){
	// make sure function doesn't fun twice
	if (running != 0)
		return

	running++

	if (ie||dom){
		first2_obj=ie? first2 : document.getElementById("first2")
		second2_obj=ie? second2 : document.getElementById("second2")
		move3(first2_obj)
		second2_obj.style.top=scrollerheight
		second2_obj.style.visibility='visible'
		switchButton(0);
		if(document.getElementById("itemStatus")){
			document.getElementById("itemStatus").innerHTML = '<span id="itemStatus" style="' + statusStyle + '">1 of ' + messages.length + '</span>';
		}
	}
	else if (document.layers){
		document.main.visibility='show'
		move1(document.main.document.first)
		document.main.document.second.top=parseInt(scrollerheight)+5
		document.main.document.second.visibility='show'
	}
}

function itemStatus() {
	if(document.getElementById("itemStatus")){
		document.getElementById("itemStatus").innerHTML = '<span id="itemStatus" style="' + statusStyle + '">' + (i==0?messages.length:i) + ' of ' + messages.length + '</span>';
	}
}

function stopScroll() {
	stopped = 1;
	switchButton(2);
}

function restartScroll() {
	if (stopped == 0 ) {return;}
	stopped = 0;
	if (scrollForward == 0) {
		if (i==messages.length-1) {
			i=1;
		} else if (i==messages.length-2) {
			i=0;
		} else {
			i=i+2
		}
	}

	move3(first2_obj);
	move4(second2_obj);

	switchButton(0);
	scrollForward = 1;
	stopCompleted = 0;
}

function switchButton(what) {
	if (what==0) {
		document.getElementById("startstop").innerHTML = '<a href="javascript:stopScroll();"><img src="' + relPath + '/includes/site_images/misc/pause.gif" name="pause" border="0" align="middle" width="46" height="28" alt="Pause" onMouseOver="scrollIconSwap(\'pause\',this,0);" onMouseOut="scrollIconSwap(\'pause\',this,1);"></a>';
		document.getElementById("nextbutton").innerHTML = '<a href="javascript:nextScroll();"><img src="' + relPath + '/includes/site_images/misc/next.gif" name="back" border="0" align="absmiddle" width="15" height="28" alt=">" onMouseOver="scrollIconSwap(\'next\',this,0);" onMouseOut="scrollIconSwap(\'next\',this,1);"></a>';
		document.getElementById("backbutton").innerHTML = '<a href="javascript:backScroll();"><img src="' + relPath + '/includes/site_images/misc/back.gif" name="next" border="0" align="absmiddle" width="15" height="28" alt="<" onMouseOver="scrollIconSwap(\'back\',this,0);" onMouseOut="scrollIconSwap(\'back\',this,1);"></a>';
	} else if (what==1) {
		first2_top=parseInt(document.getElementById("first2").style.top)
		second2_top=parseInt(document.getElementById("second2").style.top)
		if ((first2_top != 0 && first2_top != parseInt(scrollerheight)) || (second2_top != 0 && second2_top != parseInt(scrollerheight))) {
			setTimeout("switchButton(1)",50)
			return;
		}
		document.getElementById("startstop").innerHTML = '<img src="' + relPath + '/includes/site_images/spacers/spacer.gif" width="10" height="10"><a href="javascript:restartScroll();"><img src="' + relPath + '/includes/site_images/misc/play.gif" name="play" border="0" align="middle" width="36" height="28" alt="Resume Scroll" onMouseOver="scrollIconSwap(\'play\',this,0);" onMouseOut="scrollIconSwap(\'play\',this,1);"></a>';
		document.getElementById("nextbutton").innerHTML = '<a href="javascript:nextScroll();"><img src="' + relPath + '/includes/site_images/misc/next.gif" name="next" border="0" align="absmiddle" width="15" height="28" alt=">" onMouseOver="scrollIconSwap(\'next\',this,0);" onMouseOut="scrollIconSwap(\'next\',this,1);"></a>';
		document.getElementById("backbutton").innerHTML = '<a href="javascript:backScroll();"><img src="' + relPath + '/includes/site_images/misc/back.gif" name="back" border="0" align="absmiddle" width="15" height="28" alt="<" onMouseOver="scrollIconSwap(\'back\',this,0);" onMouseOut="scrollIconSwap(\'back\',this,1);"></a>';
		stopCompleted = 1;
	} else if (what==2) {
		document.getElementById("startstop").innerHTML = '<img src="' + relPath + '/includes/site_images/spacers/spacer.gif" width="8" height="10"><img src="' + relPath + '/includes/site_images/misc/wait.gif" border="0" align="middle" width="38" height="28" alt="Wait">';
		document.getElementById("nextbutton").innerHTML = '<img src="' + relPath + '/includes/site_images/misc/next.gif" name="next" border="0" align="absmiddle" width="15" height="28" alt=">">';
		document.getElementById("backbutton").innerHTML = '<img src="' + relPath + '/includes/site_images/misc/back.gif" name="back" border="0" align="absmiddle" width="15" height="28" alt="<">';
	}
}

function nextScroll() {
	if (stopped == 0) {	stopScroll(); }
	if (stopCompleted == 0) {
		setTimeout("nextScroll()",50)
		return;
	}
	if (parseInt(document.getElementById("first2").style.top)==0) {
		topLayer = document.getElementById("first2");
		bottomLayer = document.getElementById("second2");
	} else {
		bottomLayer = document.getElementById("first2");
		topLayer = document.getElementById("second2");
	}
	if (scrollForward == 0) {
		if (i==messages.length-1) {
			i=1;
		} else if (i==messages.length-2) {
			i=0;
		} else {
			i=i+2
		}
	}
	eval(topLayer).innerHTML = (i==0?messages[messages.length-1]:messages[i-1]);
	eval(bottomLayer).innerHTML = messages[i];
	itemStatus();
	scrollForward = 1;
	if (i==messages.length-1) {
		i=0;
	} else {
		i++;
	}
}

function backScroll() {
	if (stopped == 0) {	stopScroll(); }
	if (stopCompleted == 0) {
		setTimeout("backScroll()",50)
		return;
	}
	if (parseInt(document.getElementById("first2").style.top)==0) {
		topLayer = document.getElementById("first2");
		bottomLayer = document.getElementById("second2");
	} else {
		bottomLayer = document.getElementById("first2");
		topLayer = document.getElementById("second2");
	}
	if (scrollForward == 1) {
		if (i==0) {
			i=messages.length-2;
		} else if (i==1) {
			i=messages.length-1;
		} else {
			i=i-2
		}
	}
	eval(topLayer).innerHTML = (i==0?messages[messages.length-1]:messages[i-1]);
	eval(bottomLayer).innerHTML = messages[i];
	itemStatus();
	scrollForward = 0;
	if (i==0) {
		i=messages.length-1;
	} else {
		i--;
	}
}

function scrollIconSwap(iconImg, what, which) {
	var imgPath = relPath + "/includes/site_images/misc/";
	if (which == 0) {
		what.src = imgPath + iconImg + "_over.gif";
	} else {
		what.src = imgPath + iconImg + ".gif";
	}
}

window.onload=startscroll;MM_preloadImages( relPath + '/includes/site_images/misc/play.gif', relPath + '/includes/site_images/misc/play_over.gif', relPath + '/includes/site_images/misc/pause_over.gif', relPath + '/includes/site_images/misc/back_over.gif', relPath + '/includes/site_images/misc/next_over.gif');