/*	Gallery					*/
/* ============================================ */


//number of thumbnail images
var thumbCount = 6;

//global array for storing thumbnail images
var thumbArray = new Array(thumbCount); 

function gallery(galleryDiv){

	var x = this;
	var whichGallery;
	var currentThumb;

	function ImageRollover() {
		if (x.currentThumb != this) {
			this.style.backgroundImage = this.style.backgroundImage.replace(/\.jpg/, '_over.jpg');
		}
	}
	function ImageRollout() {
		if (x.currentThumb != this) {
			this.style.backgroundImage = this.style.backgroundImage.replace(/\_over/, '');
		}
	}
	
	function showFullSize() {
		if (x.currentThumb != this) {

			x.currentThumb.style.backgroundImage = x.currentThumb.style.backgroundImage.replace(/\_over/, '');
			var whichThumb = this.getElementsByTagName('span')[0].innerHTML-1;
			
			// XiTi tagging function call
			var xiti_image_index = whichThumb + 1;
			xt_med("C", xiti_level2, xiti_chapter_name+"::"+xiti_page_name+"::image"+xiti_image_index, "N");
			
			largeImages = x.galleryDiv.getElementsByTagName('div');
			
			for(var v=0, big; big=largeImages[v]; v++){
				big.style.display = "none";
			}
			
			x.galleryDiv.getElementsByTagName('div')[whichThumb].style.display="block";
			
			x.currentThumb = this;

		}

	}
		

	this.init = function(index) {
		//Thumbnail images location and first partial filename
		var imageRef="/media/images/common/selected-works-gallery/thumb_image";
		
		//Thumbnail images last partial filename
		var imageRef2 = "_over.jpg";
		
		//Temporary thumbnail
		var tempImage;
		
		x.whichGallery = index;
		x.galleryDiv =galleryDiv;
		
		
		galleryDiv.getElementsByTagName('div')[0].style.display="block";
		
		x.thumbAnchors = x.galleryDiv.getElementsByTagName('a');
		
		var preloadedImage = new Image();
		var preloadedSrc = x.thumbAnchors[0].style.backgroundImage.replace(/url\(/, '');
		preloadedSrc = preloadedSrc.replace(/\)/, '');
		preloadedImage.src = preloadedSrc;
		
		x.thumbAnchors[0].style.backgroundImage = x.thumbAnchors[0].style.backgroundImage.replace(/\.jpg/, '_over.jpg');
		x.currentThumb = x.thumbAnchors[0];
		for (var i=0; i<x.thumbAnchors.length; i++){
			x.thumbAnchors[i].onmouseover = ImageRollover;
			x.thumbAnchors[i].onclick = showFullSize;
			x.thumbAnchors[i].onmouseout = ImageRollout;
			x.thumbAnchors[i].index = i;
		}
		
		//Preload thumbnail images into global array
		for (var j=0; j<thumbCount; j++){
			tempImage = new Image();
			tempImage.src = imageRef + (j+1) + imageRef2;
			thumbArray[j] = tempImage;
		}
		
	}
	
}

function initGalleries() {
		
	allDivs = document.getElementsByTagName('div');
	var galleries = new Array();
	for(var j=0, div; div=allDivs[j]; j++){
		if(div.className == 'gallery'){
			galleries.push(new gallery(div));
		}
	}
	for(var u=0, gal; gal=galleries[u]; u++){
		galleries[u].init(u);
	}
	
}

onloadHandlers[onloadHandlers.length] = "initGalleries()";