

/*******************************************************************************************

To use one or more vslider(s) on your page:

(1)	Put this script tag in the document HEAD:

	<script language="JavaScript" src="vslider.js"></script>

(2)	Somewhere in the BODY, use script create the vslider(s) you need and write
	them to the page:

	<script language="JavaScript">
	<!--
	var s = new vslider('myvslider');
	write_vsliders();
	// -->
	</script>

(3)	In the onload attribute of the BODY tag, call init_vsliders():

	<BODY onload="init_vsliders()">

*******************************************************************************************/


function vslider(id, aboutPage)
{
	// stuff you might want to change after instantiating a vslider
	this.offsetY = 10;		// how far to stay from the top of the screen
	this.initialY = 185; 	// initial y position
	this.initialX = 18;		// initial x position
	this.width = 157;		// width

	if (aboutPage) this.content = '<table width=157 border=0 cellpadding=0 cellspacing=0><tr><td><a href="default.htm" onmouseover="imageOn(\'IMG_02\')" onmouseout="imageOff(\'IMG_02\')"><img id="IMG_02" src="images/CCR-Button-Menu-off_02.gif" alt="" border=0></a></td></tr><tr><td><a href="mission.html" onmouseover="imageOn(\'IMG_03\')" onmouseout="imageOff(\'IMG_03\')"><img id="IMG_03" src="images/CCR-Button-Menu-off_03.gif" alt="" border=0></a></td></tr><tr><td><a href="mission.html" onmouseover="imageOn(\'IMG_04\')" onmouseout="imageOff(\'IMG_04\')"><img id="IMG_04" src="images/CCR-Button-Menu-off_04.gif" alt="" border=0></a></td></tr><tr><td><a href="history.html" onmouseover="imageOn(\'IMG_05\')" onmouseout="imageOff(\'IMG_05\')"><img id="IMG_05" src="images/CCR-Button-Menu-off_05.gif" alt="" border=0></a></td></tr><tr><td><a href="programs.html" onmouseover="imageOn(\'IMG_06\')" onmouseout="imageOff(\'IMG_06\')"><img id="IMG_06" src="images/CCR-Button-Menu-off_06.gif" alt="" border=0></a></td></tr><tr><td><a href="directions.html" onmouseover="imageOn(\'IMG_09\')" onmouseout="imageOff(\'IMG_09\')"><img id="IMG_09" src="images/CCR-Button-Menu-off_09.gif" alt="" border=0></a></td></tr><tr><td><a href="administration.html" onmouseover="imageOn(\'IMG_08\')" onmouseout="imageOff(\'IMG_08\')"><img id="IMG_08" src="images/CCR-Button-Menu-off_08.gif" alt="" border=0></a></td></tr><tr><td><a href="mediation.html" onmouseover="imageOn(\'IMG_10\')" onmouseout="imageOff(\'IMG_10\')"><img id="IMG_10" src="images/CCR-Button-Menu-off_10.gif" alt="" border=0></a></td></tr><tr><td><a href="training.html" onmouseover="imageOn(\'IMG_11\')" onmouseout="imageOff(\'IMG_11\')"><img id="IMG_11" src="images/CCR-Button-Menu-off_11.gif" alt="" border=0></a></td></tr><tr><td><a href="facilitating.html" onmouseover="imageOn(\'IMG_12\')" onmouseout="imageOff(\'IMG_12\')"><img id="IMG_12" src="images/CCR-Button-Menu-off_12.gif" alt="" border=0></a></td></tr><tr><td><a href="volunteer.html" onmouseover="imageOn(\'IMG_13\')" onmouseout="imageOff(\'IMG_13\')"><img id="IMG_13" src="images/CCR-Button-Menu-off_13.gif" alt="" border=0></a></td></tr><tr><td><a href="news.html" onmouseover="imageOn(\'IMG_14\')" onmouseout="imageOff(\'IMG_14\')"><img id="IMG_14" src="images/CCR-Button-Menu-off_14.gif" alt="" border=0></a></td></tr><tr><td><a href="resources.html" onmouseover="imageOn(\'IMG_15\')" onmouseout="imageOff(\'IMG_15\')"><img id="IMG_15" src="images/CCR-Button-Menu-off_15.gif" alt="" border=0></a></td></tr><tr><td><a href="contact.html" onmouseover="imageOn(\'IMG_16\')" onmouseout="imageOff(\'IMG_16\')"><img id="IMG_16" src="images/CCR-Button-Menu-off_16.gif" alt="" border=0></a></td></tr></table>';
	else this.content = '<table width=157 border=0 cellpadding=0 cellspacing=0><tr><td><a href="default.htm" onmouseover="imageOn(\'IMG_02\')" onmouseout="imageOff(\'IMG_02\')"><img id="IMG_02" src="images/CCR-Button-Menu-off_02.gif" alt="" border=0></a></td></tr><tr><td><a href="mission.html" onmouseover="imageOn(\'IMG_03\')" onmouseout="imageOff(\'IMG_03\')"><img id="IMG_03" src="images/CCR-Button-Menu-off_03.gif" alt="" border=0></a></td></tr><tr><td><a href="mediation.html" onmouseover="imageOn(\'IMG_10\')" onmouseout="imageOff(\'IMG_10\')"><img id="IMG_10" src="images/CCR-Button-Menu-off_10.gif" alt="" border=0></a></td></tr><tr><td><a href="training.html" onmouseover="imageOn(\'IMG_11\')" onmouseout="imageOff(\'IMG_11\')"><img id="IMG_11" src="images/CCR-Button-Menu-off_11.gif" alt="" border=0></a></td></tr><tr><td><a href="facilitating.html" onmouseover="imageOn(\'IMG_12\')" onmouseout="imageOff(\'IMG_12\')"><img id="IMG_12" src="images/CCR-Button-Menu-off_12.gif" alt="" border=0></a></td></tr><tr><td><a href="volunteer.html" onmouseover="imageOn(\'IMG_13\')" onmouseout="imageOff(\'IMG_13\')"><img id="IMG_13" src="images/CCR-Button-Menu-off_13.gif" alt="" border=0></a></td></tr><tr><td><a href="news.html" onmouseover="imageOn(\'IMG_14\')" onmouseout="imageOff(\'IMG_14\')"><img id="IMG_14" src="images/CCR-Button-Menu-off_14.gif" alt="" border=0></a></td></tr><tr><td><a href="resources.html" onmouseover="imageOn(\'IMG_15\')" onmouseout="imageOff(\'IMG_15\')"><img id="IMG_15" src="images/CCR-Button-Menu-off_15.gif" alt="" border=0></a></td></tr><tr><td><a href="contact.html" onmouseover="imageOn(\'IMG_16\')" onmouseout="imageOff(\'IMG_16\')"><img id="IMG_16" src="images/CCR-Button-Menu-off_16.gif" alt="" border=0></a></td></tr></table>';

	// stuff you should never change
	this.id = id;
	vslider_collection[vslider_collection.length] = this;
}

function write_vsliders()
{
	for (var i = 0; i < vslider_collection.length; ++i)
	{
		var s = vslider_collection[i];

		if (IE || NS6)
			document.write('<div id="' + s.id + '" style="visibility: hidden; position: absolute; left: ' + s.initialX + ' ; top: ' + s.initialY + '; z-index : 20; width:' + s.width + 'px">');

		if (NS4)
			document.write('<layer name="' + s.id + '" top="' + s.initialY + '" left=' + s.initialX + ' visibility="hide">');

		document.write(s.content);

		if (IE || NS6) document.write('</div>');
		if (NS4) document.write('</layer>');

		s.lastY = 0;
	}
}

function init_vsliders()
{
	for (var i = 0; i < vslider_collection.length; ++i)
	{
		var s = vslider_collection[i];

		if (NS6 || IE)
		{
			s.style = document.getElementById(s.id).style;
			s.style.visibility = 'visible';

		}

		else if (NS4)
		{
			s.style = document.layers[s.id];
			s.style.visibility = "show";
		}
	}

	if (!NS4) move_vsliders();
}

function move_vsliders()
{
	var moved = true;
	for (var i = 0; i < vslider_collection.length; ++i)
	{
		var s = vslider_collection[i];

		if (NS4 || NS6) s.winY = window.pageYOffset;
		else if (IE) s.winY = document.body.scrollTop;
		else return;

		if (s.winY != s.lastY && s.winY > s.initialY - s.offsetY)
			s.smooth = vslider_speed * (s.winY - s.lastY - s.initialY + s.offsetY);
		else if (s.initialY - s.offsetY + s.lastY > s.initialY - s.offsetY)
			s.smooth = vslider_speed * (s.winY - s.lastY - (s.initialY - (s.initialY - s.winY)));
		else s.smooth = 0;

		if (s.smooth > 0) s.smooth = Math.ceil(s.smooth);
		else s.smooth = Math.floor(s.smooth);

		if (s.smooth == 0) moved = false;

		s.style.top = parseInt(s.style.top) + s.smooth;
		s.lastY += s.smooth;
	}

	setTimeout('move_vsliders()', moved ? 1 : 500)
}

IE = (document.all);
NS4 = (navigator.appName == "Netscape" && navigator.appVersion.charAt(0) == "4");
NS6 = (document.getElementById && !document.all);

vslider_speed = .1;
if (NS6) vslider_speed *= 3;

vslider_collection = new Array();
