// Define arrays
var imageArray=new Array();		// stores image path
var largeImageArray=new Array();	// stores large image path
var pbCaptionArray=new Array();		// stores the pbCaption (displayed above enlarged image)
var altArray=new Array();		// stores image alt text


//*******************************************************************************************
//****                    Edit values of variables from here on                         *****	
//*******************************************************************************************

gallery_link = 'http://www.leoproject.org/gallery/turtle-conservation-project-gallery/';

// Feel free to add more images to the arrays

// Give the full path of the image 
imageArray[0]='http://www.leoproject.org/images/small/working_with_sea_turtles_1.jpg';
imageArray[1]='http://www.leoproject.org/images/small/working_with_sea_turtles_2.jpg';
imageArray[2]='http://www.leoproject.org/images/small/working_with_sea_turtles_3.jpg';
imageArray[3]='http://www.leoproject.org/images/small/working_with_sea_turtles_4.jpg';
imageArray[4]='http://www.leoproject.org/images/small/working_with_sea_turtles_5.jpg';
imageArray[5]='http://www.leoproject.org/images/small/working_with_sea_turtles_6.jpg';
imageArray[6]='http://www.leoproject.org/images/small/working_with_sea_turtles_7.jpg';
imageArray[7]='http://www.leoproject.org/images/small/working_with_sea_turtles_8.jpg';
imageArray[8]='http://www.leoproject.org/images/small/working_with_sea_turtles_9.jpg';
imageArray[9]='http://www.leoproject.org/images/small/working_with_sea_turtles_10.jpg';
imageArray[10]='http://www.leoproject.org/images/small/working_with_sea_turtles_11.jpg';
imageArray[11]='http://www.leoproject.org/images/small/working_with_sea_turtles_12.jpg';
imageArray[12]='http://www.leoproject.org/images/small/working_with_sea_turtles_13.jpg';
imageArray[13]='http://www.leoproject.org/images/small/working_with_sea_turtles_14.jpg';

// Give the full path of the large image 
largeImageArray[0]='http://www.leoproject.org/images/large/working_with_sea_turtles_1.jpg';
largeImageArray[1]='http://www.leoproject.org/images/large/working_with_sea_turtles_2.jpg';
largeImageArray[2]='http://www.leoproject.org/images/large/working_with_sea_turtles_3.jpg';
largeImageArray[3]='http://www.leoproject.org/images/large/working_with_sea_turtles_4.jpg';
largeImageArray[4]='http://www.leoproject.org/images/large/working_with_sea_turtles_5.jpg';
largeImageArray[5]='http://www.leoproject.org/images/large/working_with_sea_turtles_6.jpg';
largeImageArray[6]='http://www.leoproject.org/images/large/working_with_sea_turtles_7.jpg';
largeImageArray[7]='http://www.leoproject.org/images/large/working_with_sea_turtles_8.jpg';
largeImageArray[8]='http://www.leoproject.org/images/large/working_with_sea_turtles_9.jpg';
largeImageArray[9]='http://www.leoproject.org/images/large/working_with_sea_turtles_10.jpg';
largeImageArray[10]='http://www.leoproject.org/images/large/working_with_sea_turtles_11.jpg';
largeImageArray[11]='http://www.leoproject.org/images/large/working_with_sea_turtles_12.jpg';
largeImageArray[12]='http://www.leoproject.org/images/large/working_with_sea_turtles_13.jpg';
largeImageArray[13]='http://www.leoproject.org/images/large/working_with_sea_turtles_14.jpg';

// Give the image alt text. Again, numbers correspond.
altArray[0]='Green turle, leatherback turtle, hawksbill turtle, olive ridley turrlt and the loggerhead turtle are the main sea turtle species found at this overseas international animal conservation programme';
altArray[1]='After the Tsunami of 2006 this overseas animal wildlife conservation programme was completely destroyed. Now new turtle tanks are there';
altArray[2]='Volunteering with wildlife conservation programmes is an amazing experience. Can you see yourself holding one of these sea turtles?';
altArray[3]='How about this huge sea turtle at our international volunteering project';
altArray[4]='Imagine this is you taking care of this huge sea turtle on your volunteering trip abroad.';
altArray[5]='Much work still to be done rebuilding the site, but a lot has been restored thanks to numerous donations and hard work';
altArray[6]='The sea turtle tanks in which they grow until it is safe for them to be released into the sea';
altArray[7]='Work with a Hawksbill sea turtle on your responsible holiday in Sri Lanka';
altArray[8]='The surroundings of the sea turtle project in Sri Lanka';
altArray[9]='Care for a swim? See and work with this and many other turtles on your wildlife conservation holiday in Sri Lanka';
altArray[10]='You DO get to hold these cute little turtles if you like whilst volunteering with these animals in Sri Lanka';
altArray[11]='The locals have a special touch when it comes to these turtes. See them at work, learn from them and handle the turtles yourself';
altArray[12]='Always playful, always fun, this is Sri Lanka';
altArray[13]='Ever wanted to hold these cute little baby turtles? Book your responsible wildlife conservation holiday today with LEO Project Foundation';


// Give the caption for above the enlarged image. Again, numbers correspond.
pbCaptionArray[0]='Green turle, leatherback turtle, hawksbill turtle, olive ridley turrlt and the loggerhead turtle are the main sea turtle species found at this overseas international animal conservation programme';
pbCaptionArray[1]='After the Tsunami of 2006 this overseas animal wildlife conservation programme was completely destroyed. Now new turtle tanks are there';
pbCaptionArray[2]='Volunteering with wildlife conservation programmes is an amazing experience. Can you see yourself holding one of these sea turtles?';
pbCaptionArray[3]='How about this huge sea turtle at our international volunteering project';
pbCaptionArray[4]='Imagine this is you taking care of this huge sea turtle on your volunteering trip abroad.';
pbCaptionArray[5]='Much work still to be done rebuilding the site, but a lot has been restored thanks to numerous donations and hard work';
pbCaptionArray[6]='The sea turtle tanks in which they grow until it is safe for them to be released into the sea';
pbCaptionArray[7]='Work with a Hawksbill sea turtle on your responsible holiday in Sri Lanka';
pbCaptionArray[8]='The surroundings of the sea turtle project in Sri Lanka';
pbCaptionArray[9]='Care for a swim? See and work with this and many other turtles on your wildlife conservation holiday in Sri Lanka';
pbCaptionArray[10]='You DO get to hold these cute little turtles if you like whilst volunteering with these animals in Sri Lanka';
pbCaptionArray[11]='The locals have a special touch when it comes to these turtes. See them at work, learn from them and handle the turtles yourself';
pbCaptionArray[12]='Always playful, always fun, this is Sri Lanka';
pbCaptionArray[13]='Ever wanted to hold these cute little baby turtles? Book your responsible wildlife conservation holiday today with LEO Project Foundation';


var sspeed = 3;		// scroll speed in pixels per 1/10 second
var sWidth = 170;	// width of the image slider
var sHeight = 1000;	// height of the image slider

direction = 'vertical';	// horizontal or vertical slider?

// Using null will center the image in the screen. Positions are relative to the small image
var largeImageLeft = 190	// The position of the left side of the enlarged image in pixels
var largeImageTop = null	// The position of the top side of the enlarged image in pixels 

var headerTitle = 'Project Images'	// Title to go in the header for vertical slider only

//*******************************************************************************************
//****                    No more editing beyond this point                              *****	
//*******************************************************************************************

var sspeedperm = sspeed;	// permanent scroll speed storage variable
var mouseoutspeed = sspeedperm; // mouseoutspeed handles the scroll speed on mouse out.

// prepare the html for in the body
bodyHtml = '<div class="header-green">';
bodyHtml = bodyHtml + '<div class="header-content">';
bodyHtml = bodyHtml + headerTitle;
bodyHtml = bodyHtml + '</div></div>';
bodyHtml = bodyHtml + '<div class="container">'
bodyHtml = bodyHtml + '<div class="contents-green" style="height:'+sHeight+'px; text-indent: -1px;">';
bodyHtml = bodyHtml + '<div style="width: '+sWidth+'px; height: '+sHeight+'px; position: relative; text-align: left;">';
bodyHtml = bodyHtml + '<div id="frame" style="width: '+sWidth+'px; height: '+sHeight+'px; position: absolute; clip: rect(0px '+sWidth+'px '+sHeight+'px 0px);">';
bodyHtml = bodyHtml + '<div id="slider" style="width: '+sWidth+'px; height: '+sHeight+'px; position: relative;" onMouseover="sspeed=0" onMouseout="mouseStuff()"></div></div></div>';
bodyHtml = bodyHtml + '</div>';
bodyHtml = bodyHtml + '<div class="footer-green"></div>';
bodyHtml = bodyHtml + '<br clear=all></div>';

// Write html into body
document.write(bodyHtml);
			
for (i=0; i<imageArray.length; i++)
{
	imagesHtml=imagesHtml+'<img id="image'+i+'" src="'+imageArray[i]+'" alt="'+altArray[i]+'" border=0>';
}
slider = document.getElementById('slider');
slider.innerHTML = imagesHtml;

window.onload=function(){startSlider()};
