//fades layer in 
ie5 = (document.all && document.getElementById); 
ns6 = (!document.all && document.getElementById);
saf = false;
if(navigator.appName == 'safari' || navigator.appName == 'Netscape'){
	saf = true;
}
opac = 100;

var st
var arrayStartPosition = 0;

function fadein(incomingLayer,path,startPos,imgArray,waitTime) {
	if(opac!= 100){
		opac+=2;
			hasRan = false;
			if(ie5) {
				document.getElementById(incomingLayer).filters.alpha.opacity = opac; 
				hasRan = true;
			}
			if(ns6) {
				document.getElementById(incomingLayer).style.MozOpacity = opac/100;
				if(document.getElementById(incomingLayer).style.KhtmlOpacity){
					document.getElementById(incomingLayer).style.KhtmlOpacity = opac/100;
				}
				hasRan = true;
			}
			if(hasRan == false && saf == true){
				document.getElementById(incomingLayer).style.KhtmlOpacity = opac/100;
				hasRan = true;
			}
		st = setTimeout('fadein(\''+incomingLayer+'\',\''+path+'\',\''+startPos+'\',\''+imgArray+'\',\''+waitTime+'\')', 1);
	}else{
		st = setTimeout('fadeout(\''+incomingLayer+'\',\''+path+'\',\''+startPos+'\',\''+imgArray+'\',\''+waitTime+'\')', waitTime);
	}
}
function fadeout(incomingLayer,path,startPos,imgArray,waitTime) {
	if(opac!= 0){
		opac-=2;
			hasRan = false;
			if(ie5) {
				document.getElementById(incomingLayer).filters.alpha.opacity = opac; 
				hasRan = true;
			}
			if(ns6) {
				document.getElementById(incomingLayer).style.MozOpacity = opac/100;
				if(document.getElementById(incomingLayer).style.KhtmlOpacity){
					document.getElementById(incomingLayer).style.KhtmlOpacity = opac/100;
				}
				hasRan = true;
			}
			if(hasRan == false && saf == true){
				document.getElementById(incomingLayer).style.KhtmlOpacity = opac/100;
				hasRan = true;
			}
		st = setTimeout('fadeout(\''+incomingLayer+'\',\''+path+'\',\''+startPos+'\',\''+imgArray+'\',\''+waitTime+'\')', 1);
	}else{
		cycleImages(incomingLayer,path,startPos,imgArray,waitTime);
	}
}

function cycleImages(incomingLayer,path,startPos,imgArray,waitTime){
	
	currentSource = document.getElementById(incomingLayer).src.split('/');
	currentSource = currentSource[currentSource.length-1];
	
	if(startPos >= 0){
		arrayStartPosition = startPos;	
	}
	// increment array
	arrayStartPosition = (arrayStartPosition * 1) + 1;
	tempNewSource = imgArray.split(',');
	if(arrayStartPosition >= tempNewSource.length){
		arrayStartPosition = 0;
	}
	
	tempNewSource = tempNewSource[arrayStartPosition];
	
	document.getElementById(incomingLayer).src = path + tempNewSource;
	
	if(arrayStartPosition == 0){
		if(document.getElementById(incomingLayer + 'Pos' + imgArray.split(',').length.toString())){
			document.getElementById(incomingLayer + 'Pos' + imgArray.split(',').length.toString()).className = '';
		}
		if(document.getElementById(incomingLayer + 'Pos1')){
			document.getElementById(incomingLayer + 'Pos1').className = 'selected';
		}
	}else{
		if(document.getElementById(incomingLayer + 'Pos' + arrayStartPosition.toString())){
			document.getElementById(incomingLayer + 'Pos' + arrayStartPosition.toString()).className = '';
		}
		if(document.getElementById(incomingLayer + 'Pos' + ((arrayStartPosition * 1) + 1).toString())){
			document.getElementById(incomingLayer + 'Pos' + ((arrayStartPosition * 1) + 1).toString()).className = 'selected';
		}
	}
	jumpToPos = arrayStartPosition;
	
	fadein(incomingLayer,path,arrayStartPosition,imgArray,waitTime);
	
}


function galleryGoTo(startPos){
	clearTimeout(st);
	if(startPos == 'next'){
		startPos = jumpToPos;
	}else if(startPos == 'prev'){
		startPos = jumpToPos - 2;
		if(startPos < -1){
			startPos = imageList.length - 2;
		}
	}
	
	if(startPos < 0){
		startPos = (imageList.length - 1).toString()
		st = setTimeout('fadeout(\''+imageID+'\',\''+imagePath+'\',\''+startPos+'\',\''+imageList+'\',\''+imageWaitTime+'\')', 100);
	}else{
		st = setTimeout('fadeout(\''+imageID+'\',\''+imagePath+'\',\''+startPos+'\',\''+imageList+'\',\''+imageWaitTime+'\')', 100);
	}
	
	document.getElementById(imageID + 'Pos' + ((arrayStartPosition * 1) + 1).toString()).className = '';
	document.getElementById(imageID + 'Pos' + ((imageStartPosition * 1) + 1).toString()).className = '';
}
