<!-- *********** for jCarousel effect ******************* -->

	currentIndx=0;
	MyImages=new Array();
	
	MyImages[0]='banner_pic.jpg';
	
	MyImages[1]='banner_pic1.jpg';
	
	MyImages[2]='banner_pic2.jpg';
	
//	MyImages[3]='banner_pic3.jpg';
	
	Messages=new Array()
	
	Messages[0]='Save the Planet! Go Vegan!';
	
	Messages[1]='Give Peas a Chance';
	
	Messages[2]='Remember Meatless Monday!'
	
//	Messages[3]='And our sense of touch to feel things.';
	
	imagesPreloaded = new Array(4)

	for (var i = 0; i < MyImages.length ; i++)
	
	{
	
	imagesPreloaded[i] = new Image(120,120)
	
	imagesPreloaded[i].src=MyImages[i]
	
	}

	
	/*###### function to write image number in sequence, eg 1 of 4*/
	function writeImageNumber()
	{
	//oSpan=document.getElementById("sp1");
	//oSpan.innerHTML="Image "+eval(currentIndx+1)+" of "+MyImages.length;
	
	}
	
	
	/* ####################### we create the functions to go forward and go back ####################### */
	function Nexter(){
	if (currentIndx<imagesPreloaded.length-1){
	currentIndx=currentIndx+1;
	document.getElementById('theImage').src=imagesPreloaded[currentIndx].src
	document.getElementById('text1').innerHTML=Messages[currentIndx];
	}
	else {
	 currentIndx=0
	document.getElementById('theImage').src=imagesPreloaded[currentIndx].src
	document.getElementById('text1').innerHTML=Messages[currentIndx];
	}
	writeImageNumber();
	}
	function Backer(){
	if (currentIndx>0){
	currentIndx=currentIndx-1;
	document.getElementById('theImage').src=imagesPreloaded[currentIndx].src
	document.getElementById('text1').innerHTML=Messages[currentIndx];
	}
	else {
	 currentIndx=3
	document.getElementById('theImage').src=imagesPreloaded[currentIndx].src
	document.getElementById('text1').innerHTML=Messages[currentIndx];
	}
	writeImageNumber();
	}
	
	
	
	function automaticly() {
		if (document.getElementById('form1').checked) {
			if (currentIndx<imagesPreloaded.length){
				currentIndx=currentIndx
			}
			else {
			 currentIndx=0
			}
			writeImageNumber()
			document.getElementById('theImage').src=imagesPreloaded[currentIndx].src
			document.getElementById('text1').innerHTML=Messages[currentIndx];
			currentIndx=currentIndx+1;
			var delay = setTimeout("automaticly()",3500)
		}
	}
	
	
	/*###### function to reload the images and text when refresh is pressed ##### */
	function setCurrentIndex()
	{
		currentIndx=0;
		document.getElementById('theImage').src=MyImages[0];
		document.getElementById('text1').value=Messages[0];
		writeImageNumber();
	}