//	Version	Date		Author				Description

//	------- ----------- ------------------- ----------------------------------------------

//  1.00				Steven Dejan		Initial release

//	1.01	2006Jul06	Steven Dejan		Update to work in firefox



/****************** How to use the scroller: **************************



Set the following html block in the form, where you want the scroller to be displayed



<div class="body" style="height:<<<scrollerheight>>>;overflow:hidden;" onMouseOver="javascript:<<<hotjobscroller>>>.stopScrolling()" onMouseOut="javascript:<<<hotjobscroller>>>.startScrolling()">

	<div id="<<<firstHJDiv>>>"  style="height:<<<scrollerheight>>>;position:relative;overflow:hidden;"></div>

	<div id="<<<secondHJDiv>>>" style="height:<<<scrollerheight>>>;position:relative;overflow:hidden;"></div>

</div>



<<<scrollerheight>>>	Height that the scroller has to have

<<<hotjobscroller>>>	name of the scroller instance (see further)

<<<firstHJDiv>>>		name of the first div

<<<secondHJDiv>>>		name of the second div



Set this little bit of code beneath the html block:



<script type="text/javascript">

	//make a new instance of the scroller (use this name in the html block where you see <<<hotjobscroller>>>)

	var hotjobscroller = new NewsScroller(); 

	

	//set name of the first div (see <<<firstHJDiv>>> in html block)

	hotjobscroller.firstDiv = "firstHJDiv";

	//set name of the second div (see <<<secondHJDiv>>> in html block)

	hotjobscroller.secondDiv = "secondHJDiv";

	

	//Set properties; here:

	// - set the height of the scroller (see <<<scrollerheight>>> in html block)

	// - set the number of items to show in the scroller at once

	hotjobscroller.scrollerheight = 125;

	hotjobscroller.itemsToShow = 1;

	//a complete list of changeble parameters: scrollerRate, scrollerStep, scrollerheight, pausebetweenimages, itemsToShow



	//add items to the scroller

	hotjobscroller.addItem("html content to be shown in the scroller");

	hotjobscroller.addItem("This can be all kinds of html");

	

	//Let the scroller scroll

	hotjobscroller.startTextScrolling();

</script>	



*/



var scrollers = new Array();



/*

* Constructor

*/

function NewsScroller(){

	scrollers[scrollers.length] = this;

	this.ind = scrollers.length-1;



	//set methods

	this.addItem = NewsScroller_addItem;

	this.startTextScrolling = NewsScroller_startVTextScroll;

	this.stopScrolling = NewsScroller_stopScrolling;

	this.startScrolling = NewsScroller_startScrolling;

	this.getNextItem = NewsScroller_getNextItem;



	//properties to set the divs

	this.firstDiv = "";

	this.secondDiv = "";



	//set default properties

	this.scrollerRate=60;

	this.scrollerStep=5; //Max=5

	this.scrollerheight=200;

	this.pausebetweenimages=50000;

	this.itemsToShow = 1;



	//set system properties, do not change these, internal use!!!

	this.nextIndex = 0;

	this.scroll = true;

	this.first = true;

	this.vSlideContent=new Array();

}



/*

* Use this method to add a new item to the scroller.

*/

function NewsScroller_addItem(item){

	this.vSlideContent[this.vSlideContent.length] = item;

}



/*

* Use this method to start the scroller

*/

function NewsScroller_startVTextScroll(){

	//sort the array (twice for good random) before starting

	if(this.vSlideContent.length>1){

		this.vSlideContent.sort( randOrd );

		this.vSlideContent.sort( randOrd );

	}



	//test how much items the scroller has.

	if(this.vSlideContent.length>1){

		//Test if more than one item has to be shown

		if(this.itemsToShow>1){

			getElem(this.firstDiv).innerHTML = "<div style='width:100%;height:45%;overflow:hidden;'>" + this.getNextItem(0) + "</div><hr/><div style='width:100%;height:45%;overflow:hidden;'>" + this.getNextItem(0) + "</div>";

			getElem(this.secondDiv).innerHTML = "<div style='width:100%;height:45%;overflow:hidden;'>" + this.getNextItem(0) + "</div><hr/><div style='width:100%;height:45%;overflow:hidden;'>" + this.getNextItem(0) + "</div>";

		}else{

			getElem(this.firstDiv).innerHTML = this.getNextItem(0);

			getElem(this.secondDiv).innerHTML = this.getNextItem(0);

		}

		//start scrolling first div (second will follow)

		getElem(scrollers[this.ind].firstDiv).style.top=this.scrollerStep + "px";

		getElem(scrollers[this.ind].secondDiv).style.top=parseInt(getElem(scrollers[this.ind].secondDiv).parentNode.style.height,10)*-1;

		NewsScroller_moveUp(this.ind);

	}else{

		//If there is only one item, fill the div's and don't scrolling

		getElem(this.firstDiv).innerHTML=this.vSlideContent[0];

		getElem(scrollers[this.ind].firstDiv).style.top="0px";

	}

}



/*

* This function is used internally to manage the scrolling of the 2 items.

*/

function NewsScroller_moveUp(index){

	var ns = scrollers[index];

	div1 = getElem(ns.firstDiv);

	div2 = getElem(ns.secondDiv);



	//if the first panel reached top of the parent panel, pauze the scrolling

	if(parseInt(div1.style.top, 10)==ns.scrollerStep){

		//if this is the first time, don't renew the content

		if(ns.first){

			ns.first=false;

		//else get new content for the second item

		}else{

			//if more than 1 item has to be shown at the same time, fill the second item with new content (2 items)

			if(ns.itemsToShow>1){

				div2.innerHTML = "<div style='width:100%;height:45%;overflow:hidden;'>" + ns.getNextItem(0) + "</div><hr/><div style='width:100%;height:45%;overflow:hidden;'>" + ns.getNextItem(0) + "</div>";

			//else fill panel with 1 item

			}else{

				div2.innerHTML = ns.getNextItem(0);

			}

		}

		//freeze the 2 items to the starting position

		div1.style.top = "0px";

		div2.style.top = "0px";

		//after a smaal pauze, continue scrolling

		setTimeout("NewsScroller_moveUp("+index+")",ns.pausebetweenimages);

	//when the first panel is not out of the sight, scroll up

	}else if(parseInt(div1.style.top, 10)>(ns.scrollerheight*-1)){

		//only scroll if the user is not with his mouse over the panel

		if(ns.scroll){

			div1.style.top = (parseInt(div1.style.top, 10) - ns.scrollerStep) + "px";

			div2.style.top = (parseInt(div2.style.top, 10) - ns.scrollerStep) + "px";

		}

		setTimeout("NewsScroller_moveUp("+index+")",ns.scrollerRate);

	//the first panel is out of the view, so set it back to the bottom and refill its content

	}else{

		//chech if 1 or 2 items must be visible and refill content

		if(ns.itemsToShow>1){

			div1.innerHTML = "<div style='width:100%;height:45%;overflow:hidden;'>" + ns.getNextItem(0) + "</div><hr/><div style='width:100%;height:45%;overflow:hidden;'>" + ns.getNextItem(0) + "</div>";

		}else{

			div1.innerHTML = ns.getNextItem(0);

		}

		//set the first panel on the bottom, the second must be completely visible now

		div1.style.top = div1.parentNode.style.height;

		div2.style.top = parseInt(div2.parentNode.style.height,10)*-1;

		//pauze and scroll again

		setTimeout("NewsScroller_moveUp("+index+")",ns.pausebetweenimages);

	}

}



/*

* This method makes the scroller start scrolling again

*/

function NewsScroller_stopScrolling(){

	this.scroll = false;

}



/*

* This method makes sure the scroller stops scrolling

*/

function NewsScroller_startScrolling(){

	this.scroll = true;

}



/*

* This method is used as a short handed version of 'document.getElementById()'

*/

function getElem(id) {

	return document.getElementById ? document.getElementById(id) : document.all[id];

}



/*

* This method returns the next item in the scroller's items range

*/

function NewsScroller_getNextItem(max){

	nextItem = this.vSlideContent[this.nextIndex];

	if(this.nextIndex==(this.vSlideContent.length-1)){

		this.nextIndex = 0;

	}else{

		this.nextIndex += 1;

	}

	return nextItem;

}



/*

* This method returns a random integer, used to sort an array

*/

function randOrd(a, b){

	return (Math.round(Math.random())-0.5);

}