// THIS IS A SCRIPT TO CLICK THROUGH AN ARRAY OF IMAGES -- A 'GALLERY' IF YOU WILL.
// IT REQUIRES THAT YOU PLACE THE IMAGES THAT YOU WANT TO USE IN A 'port/' DIR WITHIN THE SAME
// DIRECTORY THAT HOUSES THIS SCRIPT.
// THEN ENTER THOSE IMAGE FILENAMES INTO THE APPROPRIATE CATEGORY ARRAYS DIRECTLY BELOW THIS DESC
// ACCORDING TO WHAT SECTION YOU'D LIKE IT TO FALL.  
// CALL THIS SCRIPT FROM WITHIN AN HTML PAGE WITH THE  APPROPRIATE ARRAY NAME TAGGED ONTO URL TO 
// LOAD A WEBPAGE THAT WILL ALLOW YOU TO SCROLL THROUGH THE IMAGES BY CALLING THE nextImage() AND
// backImage() FUNCTION IN AN onClick() HANDLER ON A TAG AROUND THE IMAGE TO BE REPLACED (name="portImage").
// BE SURE TO SIZE ALL OF THE IMAGES TO THE SAME SIZE AS THAT ORIGINAL IN THE HTML FOR NON-DISTORTED
// IMAGE SWAP.



// -- HERE THE IMAGE NAMES ARE ENTERED INTO ARRAYS FOR CONSTRUCTING THE "TOUR" -- SIMPLY ENTER THE
//    FILE NAMES LOCATED IN THE /PORT/ DIRECTORY IN THE SCRIPT'S SUPERDIRECTORY.  ARRAYS ARE ADDED
//    ALSO ALLOW FOR IMAGE SWAPPING OF A SECOND IMAGE:  name="titleImage" .

// ** NOTE **
//    IN ORDER TO ENSURE THAT GALLERY IMAGES AND IMAGE TITLES APPEAR TOGETHER, ENTER THE PIECE'S IMAGE FILE
//    AND THE PIECE'S TITLE IMAGE FILE IN RESPECTIVE ORDER IN THE TWO APPROPRIATE ARRAYS.
//    FOR EXAMPLE:  IF THE IMAGE THAT APPEARS SECOND IN THE LISTING FOR ARRAY ELEMENTS IN "LAND & SEA IMAGE 
//    ARRAY" IS 'landseaX.jpg' IT'S PARTNER TITLE IMAGE, 'landseaXtext.jpg' MUST APPEAR IN THE SECOND 
//    POSITION OF THE "LAND & SEA TEXT IMAGE ARRAY"


//  LAND & SEA IMAGE ARRAY 
landsea = new Array(

'CompSelect.jpg',
'Lincoln.jpg',
'Hewitt.jpg',
'engage_lr.jpg',
'phoros_lr.jpg',
'SilverP_lr.jpg',
'Sterilite_lr.jpg',
'AstraZeneca.jpg',
'ADAMS.jpg',
'healthpoint.jpg',
'adventure_web.jpg',
'TofEaston.jpg',
'ADhouse.jpg',
'AD_family.jpg',
'Hippos.jpg',
'medfit.jpg'

);

landseaCount = landsea.length;

//  LAND & SEA TEXT IMAGE ARRAY 
landseatext = new Array(

'CompSelecttext.gif',
'Lincolntext.gif',
'Hewitttext.gif',
'engagetext.gif',
'pharostext.gif',
'SilverPtext.gif',
'Sterilitetext.gif',
'AstraZtext.gif',
'ADAMStext.gif',
'HealthPointtext.gif',
'AdVenturetext.gif',
'TofEastontext.gif',
'PreCanatext.gif',
'PreCanatext.gif',
'Hippotext.gif',
'MedFittext.gif'

);

landseatextCount = landseatext.length;



//  PORTRAIT AND FIGURES IMAGE ARRAY 


portfig = new Array(

'john.jpg',
'ColeLinc.jpg',
'AtRest.jpg',
'aricabook.jpg',
'carolyn.jpg',
'CoupleWed.jpg',
'lucy.jpg',
'JimCaz.jpg',
'miami.jpg',
'arica.jpg',
'mom.jpg',
'eric.jpg',
'figure.jpg'

);

portfigCount = portfig.length;

//  PORTRAIT AND FIGURES TEXT IMAGE ARRAY 


portfigtext = new Array(

'johntext.gif',
'ColeLinctext.gif',
'AtResttext.gif',
'aricabooktext.gif',
'carolyntext.gif',
'CoupleText.gif',
'lucyntext.gif',
'JimCaztext.gif',
'miamitext.gif',
'aricatext.gif',
'momtext.gif',
'erictext.gif',
'figuretext.gif'

);

portfigtextCount = portfigtext.length;


//  OL IMAGE ARRAY 


OL = new Array(

'reflections.jpg',
'reflectionsdetail1.jpg',
'yawkeyway1.jpg',
'yawkeywayII.jpg',
'OntheWayFenway.jpg',
'PreGame.jpg',
'PreGameDetail.jpg',
'GameTimeMemories.jpg',
'BehindHomePlate.jpg',
'yankeyStadium.jpg',
'Solitude.jpg',
'OLSquare1.jpg',
'squares.jpg',
'RickyLake.jpg',
'Bostonmemories.jpg',
'fountainpast.jpg',
'genderspecific2.jpg',
'sonomaFence.jpg',
'kona.jpg',
'aricasLetter2.jpg',
'hope.jpg',
'waitingfortomorrow.jpg',
'colewalk.jpg',
'ropedance.jpg',
'CastelG.jpg',
'alone1.jpg',
'Afterfall.jpg',
'baileyshill.jpg',
'otherside.jpg',
'ontherocks.jpg',
'ofage.jpg'

);

OLCount = OL.length;

//  OL TEXT IMAGE ARRAY 


OLtext = new Array(

'reflectionstext.gif',
'reflectionsDtext.gif',
'Yawkeywaytext.gif',
'YawkeywayIItext.gif',
'OnTheWayFenwaytext.gif',
'PreGameViewstext.gif',
'PreGameDetailtext.gif',
'GameTimeMemoriestext.gif',
'BehindHomtext.gif',
'YankeeStadiumtext.gif',
'solitudetext.gif',
'OLSquare1text.gif',
'squarestext.gif',
'RickyLaketext.gif',
'BostonMemoriestext.gif',
'fountainpasttext.gif',
'genderspecifictext.gif',
'sonomafencetext.gif',
'Konatext.gif',
'aricasLetter2text.gif',
'hopetext.gif',
'waitingfortomorrowtext.gif',
'colewalktext.gif',
'ropedancetext.gif',
'CastelGtext.gif',
'alone1text.gif',
'Afterfalltext.gif',
'baileyshilltext.gif',
'othersidetext.gif',
'ontherockstext.gif',
'ofagetext.gif'

);

OLtextCount = OLtext.length;




// HERE THE CATEGORY GROUP TO DISPLAY IS SET BY READING URL QUERY AND THEN
// SETTING THE "GALLERY" VAR TO THE APPROPRIATE  CATEGORY.

queryString = location.search;
group = queryString.substring(1,queryString.length + 1);



// DEBUG  alert(group);  

switch (group)

{

case "landsea":
	gallery = landsea;
	gallerytext = landseatext; 
	maxcount = landseaCount;
	swapImage(0);	
// DEBUG	alert (gallery[0]); 
	break; 


case "portfig":
	gallery = portfig; 
	gallerytext = portfigtext; 
	maxcount = portfigCount;
	swapImage(0);	
	break;

case "OL":
	gallery = OL; 
	gallerytext = OLtext;
	maxcount = OLCount;
	swapImage(0);	
	break;
		
default:
 	gallery = landsea; 
	maxcount = landseaCount;
	break;
}



//  HERE TWO IMAGE OBJECTS IS CREATED AND A FUNCTION IS DEFINED TO SWAP OUT 
//  THE IMAGE IN THOSE OBJECTS.


portImage = new Image();
textImage = new Image();
portAddress = "port/"+gallery[1];
textAddress = "port/"+gallerytext[1];
// DEBUG  alert(portAddress);
portImage.src = "port/"+gallery[0];
textImage.src = "port/"+gallerytext[0];

function swapImage(num)
	{
	
	document['portImage'].src = "port/"+gallery[num];
	document['textImage'].src = "port/"+gallerytext[num];
	
	}


//  HERE ARE THE FUNCTIONS FOR SCROLLING FORWARD AND BACK TO THE NEXT AND PREVIOUS IMAGE.
//  FUNCTION DEPENDS ON ONLOAD HANDLER SETTING  COUNT INITIALLY TO "0".





// DEBUG alert(count);
// DEBUG alert(maxcount);

function nextImage()
	{
	
// DEBUG	alert("clicked");
	
	if (count < maxcount - 1)
		{
		
		count = count +1;
		swapImage(count);
// DEBUG		alert(count);

		}
		
	else
		{
		
		count = 0;
		swapImage(count);
// DEBUG		alert(count);

		}
	
	}
	
function backImage()
	{
	
	if (count > 0)
		{
		
		count = count -1;
		swapImage(count);
		
		}
		
	else
		{
		
		count = maxcount - 1;
		swapImage(count);
		
		}	
	
	}