// Coding © Brian Mantay 2007

var selected = "";
var currentImgNo = 1;
var nn4 = (document.layers) ? true : false;
var ie = (document.all) ? true : false;


function over(id){

	var ele = document.getElementById(id);
	
	var col = ele.style.color;
	
	if(col != '#777777'){	// if not disabled
	
		if(selected != id){
			if(col=='white' || col==''){
	
				ele.style.color='#FF6600';
			}
			else{
				ele.style.color='white';
			}
		}
	}
}

function overImg(id){

	var ele = document.getElementById(id);
	
	var col = ele.style.borderColor;

	
	if(col=='#666666' || col==''){
				
		ele.style.borderColor='#FF6600';
	}
	else{
		ele.style.borderColor='#666666';
	}
}

function overCont(id){

	var ele = document.getElementById(id);
	
	var col = ele.style.color;

	if(col=='#999999' || col==''){
	
		ele.style.color='#FF6600';
	}
	else{
		ele.style.color='#999999';
	
	}
}

function refreshGalNav(galleryLink){

	var ele = document.getElementById(galleryLink);
	
	for(var i=1;i<galleryLinks.length+1;i++){
	
			if(ele.style.color == 'white'){
				// change selected to orange
				ele.style.color='#FF6600';
			}
			
			// change the rest to white
			var ele1 = document.getElementById(galleryLinks[i]);
				
			if(ele1 != null){
				ele1.style.color='white';	
			}
	}
}


function replace(img,galleryLink){

	// set selected link
	selected = galleryLink;
	
	var selectedTmp = selected.substring(1);
	currentImgNo = parseInt(selectedTmp);
	
	refreshGalNav(galleryLink)
	// replace image
	document.getElementById('imgInGallery').src = img;
}

function replaceThumb(img){

	// replace image
	document.getElementById('imgInGallery').src = img;
}

var currentRow = 1;

function nextRow(){

	if(currentRow < rowCount){
	
		var nextRow = currentRow + 1; 
		
		// show next row
		var ele1 = document.getElementById("row"+currentRow);
		var ele2 = document.getElementById("row"+nextRow);
		ele1.style.visibility = 'hidden';
		ele2.style.visibility = 'visible';
	
		// move next row up
		var pos = document.getElementById('gallNavHold').style.top;
	
		if (ie){
			if(pos == ''){
				document.getElementById('gallNavHold').style.top = -34+'px';
			}else{
				var temp = parseInt(pos,10);
				temp = temp - 34;
				document.getElementById('gallNavHold').style.top = temp+'px';
			}
		}
		else{
			if(pos == ''){
				document.getElementById('gallNavHold').style.top = -35+'px';
			}else{
				var temp = parseInt(pos,10);
				temp = temp - 35;
				document.getElementById('gallNavHold').style.top = temp+'px';
			}
		}
		
		replace(imgArr[boundArray[currentRow-1]+1].src,galleryLinks[boundArray[currentRow-1]+1])
		
		currentRow = currentRow + 1
		
	}
	
}

function prevRow(){

	if(currentRow > 1){
		var prevRow = currentRow - 1;
		
		// show previous row
		var ele1 = document.getElementById("row"+currentRow);
		var ele2 = document.getElementById("row"+prevRow);
		ele1.style.visibility = 'hidden';
		ele2.style.visibility = 'visible';
	
		// move prev row down
		var pos = document.getElementById('gallNavHold').style.top;
		var temp = parseInt(pos,10);
		
		if (ie){
			temp = temp + 34;
		}
		else{
			temp = temp + 35;
		}
		document.getElementById('gallNavHold').style.top = temp+'px';
		
		replace(imgArr[boundArray[currentRow-2]].src,galleryLinks[boundArray[currentRow-2]])
	
		currentRow = currentRow - 1

	}
}



function nextEle(){
	
	var galleryLinkID = "";
	
	currentImgNo = currentImgNo +1;
	
	if(currentImgNo < imgArr.length && currentImgNo > 0){
		
		for(var i=0;i<boundArray.length;i++){	
			if(currentImgNo == boundArray[i]+1){
				nextRow();
			}
		}
	
		document.getElementById('imgInGallery').src = imgArr[currentImgNo].src;
	
		if(currentImgNo < 10){
			galleryLinkID = 'n0'+currentImgNo;
		}
		else{
			galleryLinkID = 'n'+currentImgNo;
		}
	
		refreshGalNav(galleryLinkID);
		
		if(playing){
			updateCount();
		}
		
	}else{
		currentImgNo = imgArr.length-1;
		
		// for slide show
		clearInterval(timer);
	}
}

function prevEle(){

	var galleryLinkID = "";
	
	currentImgNo = currentImgNo - 1;
	
	if(currentImgNo > 0 && currentImgNo < imgArr.length){
	
		for(var i=0;i<boundArray.length;i++){	
			if(currentImgNo == boundArray[i]){
				prevRow();
			}
		}
		
		document.getElementById('imgInGallery').src = imgArr[currentImgNo].src;
	
		if(currentImgNo < 10){
			galleryLinkID = 'n0'+currentImgNo;
		}
		else{
			galleryLinkID = 'n'+currentImgNo;
		}
	
		refreshGalNav(galleryLinkID);
		
		if(playing){
			updateCount();
		}
		
	}else{
		currentImgNo = 1;
	}
	
}

var timer;
var playing = false;

function startShow(){

	if(!playing){
		timer = setInterval("nextEle()", 3200);
		playing = true;
	}
}

function stopShow(){

	if(playing){
		clearInterval(timer);
		playing = false;
	}
}


function updateCount(){

	var amount = imgArr.length - 1;
	document.getElementById('counter').innerHTML = currentImgNo+' of '+amount;

}