var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		pre_residential_button_ro = newImage('images/residential_button_ro.gif');
		pre_about_button_ro = newImage('images/about_button_ro.gif');
		pre_clients_button_ro = newImage('images/clients_button_ro.gif');
		pre_contact_button_ro = newImage('images/contact_button_ro.gif');
		pre_shows_button_ro = newImage('images/shows_button_ro.gif');
		pre_ci_button_ro = newImage('images/c&i_button_ro.gif');
		pre_commercial_button_ro = newImage('images/commercial_button_ro.gif');
		pre_details_button_ro = newImage('images/details_button_ro.gif');
		pre_fishing_button_ro = newImage('images/fishing_button_ro.gif');
		pre_jamma_button_ro = newImage('images/jamma_button_ro.gif');
		pre_pacific_button_ro = newImage('images/pacific_button_ro.gif');
		pre_residential_button_ro = newImage('images/residential_button_ro.gif');
		pre_index_ro = new Array();
		for (i=1;i<25;i++) {
			pre_index_ro[i] = newImage('images/index_'+i+'_ro.gif');
		}
		preloadFlag = true;
	}
}

RESIDENTIAL = 0;
COMMERCIAL = 1;
C_AND_I = 2;
DETAILS = 3;
FISHING = 4;
JAMMA = 5;
PACIFIC_SAIL = 6;
ART_SHOWS = 7;

NO_ARROW = 0;
LEFT = 1;
RIGHT = 2;

// MAX_IMAGES_PER_GALLERY = 24;
MAX_IMAGES_PER_GALLERY = 20;

/* The following constants and structures need to be adjusted when adding or deleting images to or from a gallery. */

NUM_RESIDENTIAL_IMAGES = 16;
NUM_COMMERCIAL_IMAGES = 12;
NUM_C_AND_I_IMAGES = 11 ;
NUM_DETAILS_IMAGES = 12;
NUM_FISHING_IMAGES = 20;
NUM_JAMMA_IMAGES = 12;
NUM_SAILING_IMAGES = 14;

NUM_LAYERS = 4;

var canvasPage = new Array(
		"pages/r00.htm",
		"pages/r01.htm",
		"pages/r1.htm",
		"pages/r2.htm",
		"pages/r3.htm",
		"pages/r4.htm",
		"pages/r5.htm",
		"pages/r6.htm",
		"pages/r7.htm",
		"pages/r8.htm",
		"pages/r9.htm",
		"pages/r10.htm",
		"pages/r11.htm",
		"pages/r12.htm",
		"pages/r120.htm",
		"pages/r13.htm",
		"pages/c1.htm",
		"pages/c2.htm",
		"pages/c3.htm",
		"pages/c4.htm",
		"pages/c40.htm",
		"pages/c42.htm",
		"pages/c5.htm",
		"pages/c6.htm",
		"pages/c7.htm",
		"pages/c8.htm",
		"pages/c9.htm",
		"pages/c10.htm",
		"pages/i1.htm",
		"pages/i101.htm",
		"pages/i2.htm",
		"pages/i3.htm",
		"pages/i4.htm",
		"pages/i5.htm",
		"pages/i6.htm",
		"pages/i7.htm",
		"pages/i8.htm",
		"pages/i9.htm",
		"pages/i10.htm",
		"pages/d0.htm",
		"pages/d01.htm",
		"pages/d1.htm",
		"pages/d2.htm",
		"pages/d20.htm",
		"pages/d3.htm",
		"pages/d30.htm",
		"pages/d4.htm",
		"pages/d5.htm",
		"pages/d101.htm",
		"pages/d7.htm",
		"pages/d8.htm",
		"pages/f1.htm",
		"pages/f2.htm",
		"pages/f3.htm",
		"pages/f4.htm",
		"pages/f5.htm",
		"pages/f6.htm",
		"pages/f7.htm",
		"pages/f8.htm",
		"pages/f9.htm",
		"pages/f10.htm",
		"pages/f11.htm",
		"pages/f12.htm",
		"pages/f13.htm",
		"pages/f14.htm",
		"pages/f15.htm",
		"pages/f16.htm",
		"pages/f17.htm",
		"pages/f18.htm",
		"pages/f19.htm",
		"pages/f20.htm",
		"pages/j1.htm",
		"pages/j2.htm",
		"pages/j3.htm",
		"pages/j4.htm",
		"pages/j5.htm",
		"pages/j6.htm",
		"pages/j7.htm",
		"pages/j8.htm",
		"pages/j9.htm",
		"pages/j10.htm",
		"pages/j11.htm",
		"pages/j12.htm",
		"pages/s1.htm",
		"pages/s2.htm",
		"pages/s3.htm",
		"pages/s4.htm",
		"pages/s5.htm",
		"pages/s6.htm",
		"pages/s7.htm",
		"pages/s8.htm",
		"pages/s9.htm",
		"pages/s10.htm",
		"pages/s11.htm",
		"pages/s12.htm",
		"pages/s13.htm",
		"pages/s14.htm"
		);

var galleryTN = new Array(
		"images/r00tn.jpg",
		"images/r01tn.jpg",
		"images/r1tn.jpg",
		"images/r2tn.jpg",
		"images/r3tn.jpg",
		"images/r4tn.jpg",
		"images/r5tn.jpg",
		"images/r6tn.jpg",
		"images/r7tn.jpg",
		"images/r8tn.jpg",
		"images/r9tn.jpg",
		"images/r10tn.jpg",
		"images/r11tn.jpg",
		"images/r12tn.jpg",
		"images/r120tn.jpg",
		"images/r13tn.jpg",
		"images/c1tn.jpg",
		"images/c104tn.jpg",
		"images/c3tn.jpg",
		"images/c4tn.jpg",
		"images/c40tn.jpg",
		"images/c42tn.jpg",
		"images/c5tn.jpg",
		"images/c6tn.jpg",
		"images/c7tn.jpg",
		"images/c8tn.jpg",
		"images/c9tn.jpg",
		"images/c10tn.jpg",
		"images/i1tn.jpg",
		"images/i101tn.jpg",
		"images/i2tn.jpg",
		"images/i3tn.jpg",
		"images/i4tn.jpg",
		"images/i5tn.jpg",
		"images/i6tn.jpg",
		"images/i7tn.jpg",
		"images/i8tn.jpg",
		"images/i9tn.jpg",
		"images/i10tn.jpg",
		"images/d0tn.jpg",
		"images/d01tn.jpg",
		"images/d1tn.jpg",
		"images/d2tn.jpg",
		"images/d20tn.jpg",
		"images/d3tn.jpg",
		"images/d30tn.jpg",
		"images/d4tn.jpg",
		"images/d5tn.jpg",
		"images/d101tn.jpg",
		"images/d7tn.jpg",
		"images/d8tn.jpg",
		"images/f1tn.jpg",
		"images/f2tn.jpg",
		"images/f3tn.jpg",
		"images/f4tn.jpg",
		"images/f5tn.jpg",
		"images/f6tn.jpg",
		"images/f7tn.jpg",
		"images/f8tn.jpg",
		"images/f9tn.jpg",
		"images/f10tn.jpg",
		"images/f11tn.jpg",
		"images/f12tn.jpg",
		"images/f13tn.jpg",
		"images/f14tn.jpg",
		"images/f15tn.jpg",
		"images/f16tn.jpg",
		"images/f17tn.jpg",
		"images/f18tn.jpg",
		"images/f19tn.jpg",
		"images/f20tn.jpg",
		"images/j1tn.jpg",
		"images/j2tn.jpg",
		"images/j3tn.jpg",
		"images/j4tn.jpg",
		"images/j5tn.jpg",
		"images/j6tn.jpg",
		"images/j7tn.jpg",
		"images/j8tn.jpg",
		"images/j9tn.jpg",
		"images/j10tn.jpg",
		"images/j11tn.jpg",
		"images/j12tn.jpg",
		"images/s1tn.jpg",
		"images/s2tn.jpg",
		"images/s3tn.jpg",
		"images/s4tn.jpg",
		"images/s5tn.jpg",
		"images/s6tn.jpg",
		"images/s7tn.jpg",
		"images/s8tn.jpg",
		"images/s9tn.jpg",
		"images/s10tn.jpg",
		"images/s11tn.jpg",
		"images/s12tn.jpg",
		"images/s13tn.jpg",
		"images/s14tn.jpg"
);
		
/* end constants and structures that change when images are added or deleted to or form galleries. */
		
var currentGallery = -1;

var galleryName = new Array(
		"_residential_button",
		"_commercial_button",
		"_c&i_button",
		"_details_button",
		"_fishing_button",
		"_jamma_button",
		"_pacific_button",
		"_art_shows_button"
		);

var defaultGalleryName = new Array(
		"images/residential_button.gif",
		"images/commercial_button.gif",
		"images/c%26i_button.gif",
		"images/details_button.gif",
		"images/fishing_button.gif",
		"images/jamma_button.gif",
		"images/pacific_button.gif",
		"images/art_shows_button.gif"
		);

var selectedGalleryName = new Array(
		"images/residential_button_wht.gif",
		"images/commercial_button_wht.gif",
		"images/c%26i_button_wht.gif",
		"images/details_button_wht.gif",
		"images/fishing_button_wht.gif",
		"images/jamma_button_wht.gif",
		"images/pacific_button_wht.gif",
		"images/art_shows_button_wht.gif"
		);

var rolloverGalleryName = new Array(
		"images/residential_button_ro.gif",
		"images/commercial_button_ro.gif",
		"images/c%26i_button_ro.gif",
		"images/details_button_ro.gif",
		"images/fishing_button_ro.gif",
		"images/jamma_button_ro.gif",
		"images/pacific_button_ro.gif",
		"images/art_shows_button_ro.gif"
		);

var indexName = new Array(
		"_1_button",
		"_2_button",
		"_3_button",
		"_4_button",
		"_5_button",
		"_6_button",
		"_7_button",
		"_8_button",
		"_9_button",
		"_10_button",
		"_11_button",
		"_12_button",
		"_13_button",
		"_14_button",
		"_15_button",
		"_16_button",
		"_17_button",
		"_18_button",
		"_19_button",
		"_20_button",
		"_21_button",
		"_22_button",
		"_23_button",
		"_24_button"
		);

var defaultButton = new Array(
		"images/index_1.gif",
		"images/index_2.gif",
		"images/index_3.gif",
		"images/index_4.gif",
		"images/index_5.gif",
		"images/index_6.gif",
		"images/index_7.gif",
		"images/index_8.gif",
		"images/index_9.gif",
		"images/index_10.gif",
		"images/index_11.gif",
		"images/index_12.gif",
		"images/index_13.gif",
		"images/index_14.gif",
		"images/index_15.gif",
		"images/index_16.gif",
		"images/index_17.gif",
		"images/index_18.gif",
		"images/index_19.gif",
		"images/index_20.gif",
		"images/index_21.gif",
		"images/index_22.gif",
		"images/index_23.gif",
		"images/index_24.gif"
		);
		
var selectedButton = new Array(
		"images/index_1_wht.gif",
		"images/index_2_wht.gif",
		"images/index_3_wht.gif",
		"images/index_4_wht.gif",
		"images/index_5_wht.gif",
		"images/index_6_wht.gif",
		"images/index_7_wht.gif",
		"images/index_8_wht.gif",
		"images/index_9_wht.gif",
		"images/index_10_wht.gif",
		"images/index_11_wht.gif",
		"images/index_12_wht.gif",
		"images/index_13_wht.gif",
		"images/index_14_wht.gif",
		"images/index_15_wht.gif",
		"images/index_16_wht.gif",
		"images/index_17_wht.gif",
		"images/index_18_wht.gif",
		"images/index_19_wht.gif",
		"images/index_20_wht.gif",
		"images/index_21_wht.gif",
		"images/index_22_wht.gif",
		"images/index_23_wht.gif",
		"images/index_24_wht.gif"
		);
		
var rolloverButton = new Array(
		"images/index_1_ro.gif",
		"images/index_2_ro.gif",
		"images/index_3_ro.gif",
		"images/index_4_ro.gif",
		"images/index_5_ro.gif",
		"images/index_6_ro.gif",
		"images/index_7_ro.gif",
		"images/index_8_ro.gif",
		"images/index_9_ro.gif",
		"images/index_10_ro.gif",
		"images/index_11_ro.gif",
		"images/index_12_ro.gif",
		"images/index_13_ro.gif",
		"images/index_14_ro.gif",
		"images/index_15_ro.gif",
		"images/index_16_ro.gif",
		"images/index_17_ro.gif",
		"images/index_18_ro.gif",
		"images/index_19_ro.gif",
		"images/index_20_ro.gif",
		"images/index_21_ro.gif",
		"images/index_22_ro.gif",
		"images/index_23_ro.gif",
		"images/index_24_ro.gif"
		);
		
var layerList = new Array(
	"about_layer",
	"clients_layer",
	"shows_layer",
	"contact_layer"
);
		
var numImages = new Array;

numImages[0]=NUM_RESIDENTIAL_IMAGES;
numImages[1]=NUM_COMMERCIAL_IMAGES;
numImages[2]=NUM_C_AND_I_IMAGES;
numImages[3]=NUM_DETAILS_IMAGES;
numImages[4]=NUM_FISHING_IMAGES;
numImages[5]=NUM_JAMMA_IMAGES;
numImages[6]=NUM_SAILING_IMAGES;
				
var startIndexImages = new Array;
var currentImage = 0;
var currentIndex = 0;
var galleryPageClicked = 0;

startIndexImages[0]=0;
startIndexImages[1]=startIndexImages[0]+numImages[0];
startIndexImages[2]=startIndexImages[1]+numImages[1];
startIndexImages[3]=startIndexImages[2]+numImages[2];
startIndexImages[4]=startIndexImages[3]+numImages[3];
startIndexImages[5]=startIndexImages[4]+numImages[4];
startIndexImages[6]=startIndexImages[5]+numImages[5];

function setImage(target, img) {
	var targ=((!IsIE()&&CSBVers<5)?CSFindElement(target,0):document.images[target])
	targ.src=img;
}

function clickGallery(newGallery, arrow) {
	galleryPageClicked = 1;
	if(currentGallery != -1){
		setImage(galleryName[currentGallery], defaultGalleryName[currentGallery]);
	}
	currentGallery = newGallery;
	setImage(galleryName[currentGallery], selectedGalleryName[currentGallery]);
	if(arrow != LEFT){
		currentImage = startIndexImages[currentGallery];
		currentIndex = 0;
	}
	else{
		currentImage = startIndexImages[currentGallery]+numImages[currentGallery]-1;
		currentIndex = numImages[currentGallery]-1;
	}
	parent.frames['canvas'].location.href = canvasPage[currentImage];
	
	if(arrow == NO_ARROW){
		setImage('tn', galleryTN[currentImage]);
	}
	else
	if(arrow == LEFT){
		setImage('tn', galleryTN[currentImage-1]);
	}
	else
	if(arrow == RIGHT){
		setImage('tn', galleryTN[currentImage+1]);
	}
	for(i=0;i<MAX_IMAGES_PER_GALLERY;i++){
		if(i<numImages[currentGallery]){
			setImage(indexName[i], defaultButton[i]);
			// onClick="clickThumbnail(0);return true" onMouseOver="overThumbnail(0);return true" onMouseOut="outThumbnail(0);return true"
			var actionClick="clickThumbnail("+i+")";
			var actionOver="overThumbnail("+i+")";
			var actionOut="outThumbnail("+i+")";
			// var cursorStyle="hand"
		} else {
			setImage(indexName[i], 'images/index_number_cell.gif');
			var actionClick=null;
			var actionOver=null;
			var actionOut=null;
			// var cursorStyle="arrow"
		}
		var actionTarg='a'+indexName[i];
	}
	setImage(indexName[currentIndex], selectedButton[currentIndex]);
	setImage('left_arrow', 'images/left_arrow.gif');
	setImage('right_arrow', 'images/right_arrow.gif');
	if(document.layers)    //NN4+
   		{
    		document.layers['a_lt_button'].cursor = 'pointer';
			document.layers['a_rt_button'].cursor = 'pointer';
			document.layers['tn'].border = '1px solid #bebebe';

    	}
    	else if(document.getElementById)      //gecko(NN6) + IE 5+
    	{
        	var obj = document.getElementById('a_lt_button');
        	obj.style.cursor='pointer';
			var obj = document.getElementById('a_rt_button');
			obj.style.cursor='pointer';
			var obj = document.getElementById('tn');
			obj.style.border = '1px solid #bebebe';
    	}
   		else if(document.all)       // IE 4
    	{
        	document.all['a_lt_button'].style.cursor = 'pointer';
			document.all['a_rt_button'].style.cursor = 'pointer';
			document.all['tn'].border = '1px solid #bebebe';
    	}
}	

function overGallery(thisGallery) {
	if(thisGallery != currentGallery){
		setImage(galleryName[thisGallery], rolloverGalleryName[thisGallery]);	
	}
}

function outGallery(thisGallery) {
	if(thisGallery != currentGallery){
		setImage(galleryName[thisGallery], defaultGalleryName[thisGallery]);	
	}
}

function clickThumbnail(thisIndex){
	if(thisIndex < numImages[currentGallery] && galleryPageClicked && thisIndex != currentIndex) {
		setImage(indexName[currentIndex], defaultButton[currentIndex]);
		currentIndex = thisIndex;
		setImage(indexName[currentIndex], selectedButton[currentIndex]);
		currentImage = startIndexImages[currentGallery] + currentIndex;
		setImage('tn', galleryTN[currentImage]);
		parent.canvas.location.href = canvasPage[currentImage];
	}
}

function overThumbnail(thisIndex) {
	/*
	if(thisIndex >= numImages[currentGallery]) return;	
	if(!galleryPageClicked) return;
	if(thisIndex != currentIndex){
		setImage(indexName[thisIndex], rolloverButton[thisIndex]);	
	}
	setImage('tn', galleryTN[startIndexImages[currentGallery]+thisIndex]);
	
	if(document.getElementById) {
		// alert ('obj='+obj);
			var obj = document.getElementById('a'+indexName[thisIndex]);
			// alert ('obj='+obj);
			
		}
		*/
	if (currentGallery==-1) {
		var cursorStyle='default';
		// alert (cursorStyle+'; thisIndex='+thisIndex+'; curr='+currentGallery+'; #='+numImages[currentGallery]+'; '+galleryPageClicked);
	} else if(thisIndex < numImages[currentGallery] && galleryPageClicked && thisIndex != currentIndex) {
		setImage(indexName[thisIndex], rolloverButton[thisIndex]);
		setImage('tn', galleryTN[startIndexImages[currentGallery]+thisIndex]);
		var cursorStyle='pointer';
		// alert (cursorStyle+'; thisIndex='+thisIndex+'; curr='+currentGallery+'; #='+numImages[currentGallery]+'; '+galleryPageClicked);
	} else {
		var cursorStyle='default';
	}
		if(document.layers)    //NN4+
   		{
    		document.layers['a'+indexName[thisIndex]].cursor = cursorStyle;
    	}
    	else if(document.getElementById)      //gecko(NN6) + IE 5+
    	{
        	var obj = document.getElementById('a'+indexName[thisIndex]);
        	obj.style.cursor=cursorStyle;
    	}
   		else if(document.all)       // IE 4
    	{
        	document.all['a'+indexName[thisIndex]].style.cursor = cursorStyle;
    	}
		
		// alert ('thisIndex='+thisIndex+'; curr='+currentGallery+'; #='+numImages[currentGallery]+'; '+galleryPageClicked);
}

function outThumbnail(thisIndex) {
	if(!galleryPageClicked) return;
	if(thisIndex >= numImages[currentGallery]) return;	
	if(thisIndex != currentIndex){
		setImage(indexName[thisIndex], defaultButton[thisIndex]);	
	}
	setImage('tn', galleryTN[currentImage]);
}

function overArrow(direction){
	if(!galleryPageClicked) return;
	if(direction == LEFT){
		setImage('left_arrow','images/left_arrow_ro.gif')
		if(currentIndex == 0){
			
			setImage('tn', galleryTN[startIndexImages[currentGallery]+numImages[currentGallery]-1]);
			
		}
		else{
		
			setImage('tn', galleryTN[currentImage-1]);
		}
		
		return;
	}
	if(direction == RIGHT){
		setImage('right_arrow','images/right_arrow_ro.gif')
		if(currentIndex == numImages[currentGallery]-1){
			
			setImage('tn', galleryTN[startIndexImages[currentGallery]]);
		
		}
		else
		
			setImage('tn', galleryTN[currentImage+1]);
		
		}
		
		return; 
}


function outArrow(direction) {
	if(!galleryPageClicked) return;
	if(direction == RIGHT){
		setImage('right_arrow','images/right_arrow.gif');
	}
	else{
		setImage('left_arrow','images/left_arrow.gif');
	}
	setImage('tn', galleryTN[currentImage]);
}

function clickArrow(direction) {
	
	/* clear current index from selected to default */
	
	setImage(indexName[currentIndex], defaultButton[currentIndex]);
			
	if(direction == LEFT){
		if(currentIndex == 0){
			
			/* rolling back to last image in same gallery */
			
			currentIndex = numImages[currentGallery]-1;
			currentImage = startIndexImages[currentGallery]+numImages[currentGallery]-1;
		}
		else{
			
			currentImage--;
			currentIndex--;
		}
		
		setImage(indexName[currentIndex], selectedButton[currentIndex]);
		parent.frames['canvas'].location.href = canvasPage[currentImage];
		
		if(currentIndex == 0){
			setImage('tn', galleryTN[startIndexImages[currentGallery]+numImages[currentGallery]-1]);
		}
		else{
			setImage('tn',galleryTN[currentImage-1]);
		}
		
		return;
	}
	
	if(direction == RIGHT){
		if(currentIndex == numImages[currentGallery]-1){
			
			/* roll forward to first image */
			
			currentIndex = 0;
			currentImage = startIndexImages[currentGallery];
			
		}
		else{
		
			currentImage++;
			currentIndex++;
		}
			
		setImage(indexName[currentIndex], selectedButton[currentIndex]);
		parent.frames['canvas'].location.href = canvasPage[currentImage];
			
		if(currentIndex == numImages[currentGallery]-1){
			setImage('tn', galleryTN[startIndexImages[currentGallery]]);
		}
		else{
			setImage('tn', galleryTN[currentImage+1]);
		}
		
		return;
	}
}

function showLayer(layer){

	for(i=0;i<NUM_LAYERS;i++){
	
		if(layerList[i]!=layer){
			 document.getElementById(layerList[i]).style.visibility="hidden";
		}
		
		document.getElementById(layer).style.visibility="visible";
	}
}