// JavaScript Document
var timerIIDOl = null
var timerIID = null
var timerIIDOl_ = null
var timerIID_ = null
var timerIRunningOl = false
var timerIRunning = false
var runEffect = true;
var arr_imgeffect = new Array();

function StopTimer() {
    if(timerIRunning)
        clearTimeout(timerIID)
    timerIRunning = false
}

function StopTimerOl() {
    if(timerIRunningOl)
        clearTimeout(timerIIDOl)
    timerIRunningOl = false
}
/*
function doChangeImg_auto(){
	if(imCurNum>=imTotNum){
		imCurNum = 0;
	}
	ImgArrayString = arr_imgeffect[imCurNum];
	var arr_imgdetail = ImgArrayString.split(",");
	var imgId = arr_imgdetail[0];
	var evtId = arr_imgdetail[1];
	var imgName = arr_imgdetail[2];
	var imgTyp = arr_imgdetail[3];

	StopTimer();
	StopTimerOl();
	timerIRunning = true;
	timerIRunningOl = true;
	imCurNum++;
	timerIIDOl = setTimeout ( "fadeInImg(1,"+imgId+","+evtId+",'"+imgName+"','"+imgTyp+"')", slideTime );
}
*/
function doChangeImg(imgId,evtId,imgName,imgTyp){
	//document.getElementById("bigImgArea").style.opacity = 80/100;
	//document.getElementById("bigImgArea").style.filter = "alpha(opacity=80)";
	//document.getElementById("bigImgArea").innerHTML = '<div style="padding-top:30px; text-align:center">loading....</div>';
	if(document.getElementById("txtCaption")){
		document.getElementById("txtCaption").value = '';
	}
	if(document.getElementById("divIdCap")){
		document.getElementById("divIdCap").innerHTML = '&nbsp;';
	}
	if(document.getElementById('divFrm')){
		document.getElementById('divFrm').style.display = 'none';	
	}
	if(document.getElementById("hdPhId")){
		document.getElementById("hdPhId").value = '';
	}
	var img_visible = 1;
	showBigImg(img_visible,imgId,evtId,imgName,imgTyp,slideTime);
}

function showBigImg(img_visible,imgId,evtId,imgName,imgTyp,tm) {
	StopTimer();
	timerIRunning = true;
	timerIID = setTimeout ( "fadeInImg("+img_visible+","+imgId+","+evtId+",'"+imgName+"','"+imgTyp+"')", tm );
}

function fadeInImg(img_visible,imgId,evtId,imgName,imgTyp){
	if(runEffect){
		if(img_visible == 1){
			var bigImgDivId = 'img'+imgTyp+imgId;
			var captionDivId = 'cap'+imgTyp+imgId;
			var defaultDivId = 'dfl'+imgTyp+imgId;
			//var defaultDivId = 'dfl'+imgTyp+imgId;
			var responseImg ='';
			var responseCap ='';
			var responseDef ='';
			
			//var responseImg = document.getElementById(bigImgDivId).innerHTML;

			if(document.getElementById(captionDivId)){
				responseCap = document.getElementById(captionDivId).innerHTML;
			}
			if(document.getElementById(defaultDivId)){
				responseDef = document.getElementById(defaultDivId).innerHTML;
			}
			if(responseDef == 'Yes'){
				optDefId = 'optDefaultY';	
			}else{
				optDefId = 'optDefaultN';	
			}
			document.getElementById("bigImgArea").style.opacity = img_visible/100;
			document.getElementById("bigImgArea").style.filter = "alpha(opacity="+img_visible+")";
			document.getElementById("bigImgArea").innerHTML = imgName;
			if(document.getElementById("txtCaption")){
				document.getElementById("txtCaption").value = responseCap;
			}
			if(document.getElementById("divIdCap")){
				if(responseCap!=''){
					document.getElementById("divIdCap").style.opacity = img_visible/100;
					document.getElementById("divIdCap").style.filter = "alpha(opacity="+img_visible+")";
					document.getElementById("divIdCap").innerHTML = '<div style="padding:5px;">'+responseCap+'</div>';
				}else{
					document.getElementById("divIdCap").innerHTML = '&nbsp;';
				}
				//document.location.hash = 'ShBgIm';
			}
			if(document.getElementById("hdPhId")){
				document.getElementById("hdPhId").value = imgId;
			}
			if(document.getElementById(optDefId)){
				document.getElementById(optDefId).checked = 'true';
			}
		}
		if(img_visible<80){
			img_visible++;
			document.getElementById("bigImgArea").style.opacity = img_visible/100;
			document.getElementById("bigImgArea").style.filter = "alpha(opacity="+img_visible+")";
			if(document.getElementById("divIdCap")){
				document.getElementById("divIdCap").style.opacity = img_visible/100;
				document.getElementById("divIdCap").style.filter = "alpha(opacity="+img_visible+")";
			}
			showBigImg(img_visible,imgId,evtId,imgName,imgTyp,1);
		}else{
			if(!checkNumImg){
				StopTimer();
				timerIRunning = true;
				timerIID = setTimeout ( "fadeOutImg("+img_visible+","+imgId+","+evtId+",'"+imgName+"','"+imgTyp+"')", transitionTime );
			}else{
				return false;	
			}
		}
	}else{
		setTimeout ( "fadeInImg("+img_visible+","+imgId+","+evtId+",'"+imgName+"','"+imgTyp+"')", 50 );
	}
}
function fadeOutImg(img_visible,imgId,evtId,imgName,imgTyp){
	if(runEffect){
		if(img_visible>1){
			img_visible--;
			document.getElementById("bigImgArea").style.opacity = img_visible/100;
			document.getElementById("bigImgArea").style.filter = "alpha(opacity="+img_visible+")";
			if(document.getElementById("divIdCap")){
				document.getElementById("divIdCap").style.opacity = img_visible/100;
				document.getElementById("divIdCap").style.filter = "alpha(opacity="+img_visible+")";
			}
			hideBigImg(img_visible,imgId,evtId,imgName,imgTyp,1);
		}else{
			//doChangeImg_auto();
			//alert(parseInt(imCurNum)+1+'>='+parseInt(parseInt(imFirst)+parseInt(thumb_img_per_scroll)));
			if(parseInt(imCurNum)+1>=parseInt(imFirst)+parseInt(thumb_img_per_scroll)){
				//imCurNum = 0;
				//imCurNum = imCurNum - thumb_img_per_scroll;
				//if(imCurNum<imFirst){
					imCurNum = imFirst;
					//if(imTotNum-imFirst)<thumb_img_per_scroll>
				//}
			}else{
				
				//alert('imFirst='+imFirst+'  '+(parseInt(imCurNum)+1)+'>='+parseInt(imTotNum));
				if(parseInt(imCurNum)+1>=parseInt(imTotNum)){
					imCurNum = (parseInt(imCurNum)+1)-parseInt(thumb_img_per_scroll);
				}else{
					imCurNum++;
				}
			}
			if(imCurNum<0){imCurNum=0;}
			goToImg(imCurNum,'auto');			
			
			return false;
		}
	}else{
		setTimeout ( "fadeOutImg("+img_visible+","+imgId+","+evtId+",'"+imgName+"','"+imgTyp+"')", 50 );
	}
}
function hideBigImg(img_visible,imgId,evtId,imgName,imgTyp,tm) {
	StopTimer();
	timerIRunning = true;
	timerIID = setTimeout ( "fadeOutImg("+img_visible+","+imgId+","+evtId+",'"+imgName+"','"+imgTyp+"')", tm );
}
function goToImg(imgNum,evt){
	for(var i=0;i<imTotNum;i++){
		ImgArrayString = arr_imgeffect[i];
		//alert(ImgArrayString);
		var arr_imgdetail = ImgArrayString.split(",");
		var imgId = arr_imgdetail[0];
		var imgTyp = arr_imgdetail[3];
		var allBigImgDivId = 'img'+imgTyp+imgId;
		document.getElementById(allBigImgDivId).parentNode.parentNode.className='imgPlaceHolderNormal';
	}

	if(evt!='auto'){
		document.getElementById("bigImgArea").style.opacity = 80/100;
		document.getElementById("bigImgArea").style.filter = "alpha(opacity=80)";
		document.getElementById("bigImgArea").innerHTML = '<div style="padding-top:30px; text-align:center">loading....</div>';
	}
	imCurNum = imgNum;
	//alert(imCurNum);
	ImgArrayString = arr_imgeffect[imCurNum];
	var arr_imgdetail = ImgArrayString.split(",");
	var imgId = arr_imgdetail[0];
	var evtId = arr_imgdetail[1];
	var imgName = arr_imgdetail[2];
	var imgTyp = arr_imgdetail[3];
	
	var bigImgDivId = 'img'+imgTyp+imgId;
	document.getElementById(bigImgDivId).parentNode.parentNode.className='imgPlaceHolderHighlight';
	
	StopTimer();
	StopTimerOl();
	timerIRunning = true;
	timerIRunningOl = true;
	doChangeImg(imgId,evtId,imgName,imgTyp);
}
function pauseEffect(){
	runEffect = false;
}
function resumeEffect(){
	runEffect = true;
}