<!--

var NUMBER_OF_IMAGES;
var picArray = new Array();
var lengthCheck;

which_image_loaded = 0;
gallery_loaded_images = 0;



// Controls previous and next on the single image
function changeImage(direction) {
    which_image_loaded += direction;
	insertDescription(which_image_loaded);
	var outlineload = which_image_loaded % 10;
	
	//alert(outlineload);
	resetOutline();
		
	if (((outlineload + 1) == 1) && (direction > 0)) {
		changeGallery(10);
	}	
	if ((outlineload == 9) && (direction < 0)) {
		changeGallery(-10);
	}
	
	var temp = eval("document.g" + outlineload);
	if(!temp.className.match(new RegExp(" ?active\\b"), "")){
		temp.className += " active";
	}
	
	reappearArrow('prev');
	reappearArrow('next');	
	
    if (which_image_loaded < 0) {
        which_image_loaded = 0;						
	}			
	if (which_image_loaded == 0) {
		disappearArrow('prev');		
	}
	
    if (which_image_loaded == NUMBER_OF_IMAGES) {
        which_image_loaded = NUMBER_OF_IMAGES - 1;		
	}
	if (which_image_loaded == (NUMBER_OF_IMAGES - 1)) {
		disappearArrow('next');
	}					
    if (document.images) {
        document.myimage.src = picArray[which_image_loaded].image;
	}
	
	changeImageText(which_image_loaded);
}

// Controls gallery previous and next
function changeGallery(dir) {
	gallery_loaded_images += dir;
	//alert(gallery_loaded_images);
	
	resetOutline();
	reappearArrow('back');
	
	if (gallery_loaded_images < 0) {
		gallery_loaded_images = 0;
	}
	
	if (gallery_loaded_images < NUMBER_OF_IMAGES) {
		if (gallery_loaded_images < 10) {
			disappearArrow('back');
		}
		//pickImage(which_image_loaded);
		for (var m = 0; m < 10; m++ ) {
			var temp = eval("document.g" + m);
			//alert(thumbArray[gallery_loaded_images + m]);							
			if (picArray[gallery_loaded_images + m] != null) {
				temp.src = picArray[gallery_loaded_images + m].thumb;	
				temp.style.display = "inline";
				reappearArrow('forward');
			} else {
				temp.style.display = "none";
				disappearArrow('forward');
			}					
		} 						
	}
	
	if (gallery_loaded_images > NUMBER_OF_IMAGES) {
		gallery_loaded_images = NUMBER_OF_IMAGES;						
	}			
	
	changeGalleryText(gallery_loaded_images);
}


// when selecting an image from the gallery
function pickImage(pic) {
	var outline = pic;
	pic = pic + gallery_loaded_images;
	//alert(gallery_loaded_images);
	//salert(pic);
	
	if (pic > 0) {
		reappearArrow('prev');
	} else {
		disappearArrow('prev');
	}
	if (pic == (NUMBER_OF_IMAGES - 1)) {
		disappearArrow('next');
	} else {
		reappearArrow('next');
	}
	
	for (var m = 0; m < lengthCheck; m++ ) {
		if (m != outline) {
			var temp = eval("document.g" + m);
			temp.className = temp.className.replace(new RegExp(" ?active\\b"), "");
		}		
	}
	var obj = eval("document.g" + outline);
	if(!obj.className.match(new RegExp(" ?active\\b"), "")){
		obj.className += " active";
	}
		//alert('before loadoutline');
	//loadOutline(outline);
		//alert(picArray[pic].image);
	document.myimage.src = picArray[pic].image;
	which_image_loaded = pic;	
	insertDescription(which_image_loaded);
	changeImageText (pic);
}

// Display text under image
function changeImageText (loaded_image) {
	getElementsByClass('imagenum')[0].innerHTML = "Image " + (loaded_image + 1) + "/" + NUMBER_OF_IMAGES;
}

// Display text under gallery
function changeGalleryText (loaded_gallery) {
	var first = loaded_gallery + 1;
	var second = loaded_gallery + 10;
	if (second > NUMBER_OF_IMAGES) {
		second = NUMBER_OF_IMAGES;
	}
	getElementsByClass('display')[0].innerHTML = "Displaying " + first + "-" + second + " of " + NUMBER_OF_IMAGES;	
}

// Take out arrow
function disappearArrow(classname) {
	getElementsByClass(classname)[0].style.display = "none";
	if (classname == 'prev') {
		getElementsByClass('imagenum')[0].style.left = "180px";
	}
}


// Display arrow
function reappearArrow(classname) {
	getElementsByClass(classname)[0].style.display = "inline";
	if (classname == 'prev') {
		getElementsByClass('imagenum')[0].style.left = "118px";
	}
}

// Displays black outline
function loadOutline(outline) {
	/*var temp = eval("document.g" + outline);
	temp.style.border = "solid 1px black";*/
}

// Erases all black outlines
function resetOutline() {
	for (var m = 0; m < lengthCheck; m++ ) {		
		var temp = eval("document.g" + m);
		temp.className = temp.className.replace(new RegExp(" ?active\\b"), "");
	}
}

// Changes description
function insertDescription(descNum) {
	getElementsByClass('desc')[0].innerHTML = picArray[descNum].desc;
}


function outline(num) {
 var temp = eval("document.g" + num);
/* if (isIE) {
  temp.style.marginRight = "3px";
 }*/
}

function deleteoutline(num) {
 var temp = eval("document.g" + num);
 /*if (isIE) {
  temp.style.marginRight = "5px";  
 }*/
}

 
function startup() { 
 NUMBER_OF_IMAGES = picArray.length;
 insertDescription(which_image_loaded);
 document.myimage.src = picArray[0].image;
 getElementsByClass('imagenum')[0].innerHTML = "Image " + (which_image_loaded + 1)  + "/" + picArray.length;
 disappearArrow("prev");
 var check = 10;
 if (picArray.length <= 10) {
  check = picArray.length;
  disappearArrow("forward");
 }
 getElementsByClass('display')[0].innerHTML = "Displaying " + 1 + "-" + check + " of " + picArray.length; 
 disappearArrow("back");
 if (picArray.length > 1) {
  reappearArrow('next');
  getElementsByClass('imagenum')[0].style.left = "180px";
 }
 
 if (picArray.length < 10) {
  lengthCheck = picArray.length;
 } else {
  lengthCheck = 10;
 }
 
 
 for (var m = 0; m < lengthCheck; m++ ) {
  var temp = eval("document.g" + m);
  temp.src = picArray[m].thumb; 
 /* if (isIE) {
   temp.style.marginRight = "5px"; 
  }*/
 }
 
 var temp = document.g0;
 temp.className += " active";
 /*if (isIE) {
  temp.style.border = "solid 1px black";
 } else {
  temp.style.outline = "solid 1px black";
 }
 */
}


//-->