function processFileCombo(comboObj){
	showTheImage(comboObj.value,comboObj.options[comboObj.selectedIndex].text)
}

function setHeight() {
	var theImageObject = objById('imgSat');
	var theDivObject = objById('divImg');
	theDivObject.style.height = theImageObject.height;
}

function showTheImage(theImage, theImageDate){
	var theImageObject = objById('imgSat');
	var theDivObject = objById('divImg');
	
	theImageObject.src = globaImgDir + theImage;
	
//	theDivObject.style.height = theImageObject.height;
	
	
	var theInfoObject = objById('infoIMG');
	var theCanalComboObject = document.forms['frmObsSat'].cmbSelCanal;
	
	theInfoObject.innerHTML = theCanalComboObject.options[theCanalComboObject.selectedIndex].text + " [" + theImageDate + " UTC]  ";
}

///*************************** ANIMACAO
// image construct begin
var imgArray = new Array();
var imgNames = new Array();
var satImgArray = new Array(totalFiles);
var satImgTextArray = new Array(totalFiles);
var allSatImagesLoaded = false;	
var isAnimating = false;
var checkImageSecs = 0.5;
var changeImageAniSecs = 0.7;
var curImage = totalFiles - 1;

function loadImgs() {
	var i=0;
	while (i<imgNames.length) {
		imgArray[i] = new Image();
		imgArray[i].src = imgNames[i];
		i++;
	}
}

function setToLoadImg(imgName) {
	var nextNum = imgNames.length;
	imgNames[nextNum] = imgName;
	return nextNum;
}

function setImg(x,y) {
	document.images[x].src = imgArray[y].src;
}

// image contruct end
var img1 = setToLoadImg("/opencms/bin/framework/imagens/first.gif");
var img2 = setToLoadImg("/opencms/bin/framework/imagens/first_on.gif");
var img3 = setToLoadImg("/opencms/bin/framework/imagens/previous.gif");
var img4 = setToLoadImg("/opencms/bin/framework/imagens/previous_on.gif");
var img5 = setToLoadImg("/opencms/bin/framework/imagens/stop.gif");
var img6 = setToLoadImg("/opencms/bin/framework/imagens/stop_on.gif");
var img7 = setToLoadImg("/opencms/bin/framework/imagens/play.gif");
var img8 = setToLoadImg("/opencms/bin/framework/imagens/play_on.gif");
var img9 = setToLoadImg("/opencms/bin/framework/imagens/next.gif");
var img10 = setToLoadImg("/opencms/bin/framework/imagens/next_on.gif");
var img11 = setToLoadImg("/opencms/bin/framework/imagens/last.gif");
var img12 = setToLoadImg("/opencms/bin/framework/imagens/last_on.gif");
var LOCKED = new Array();
	LOCKED["Image1"] = false;
	LOCKED["Image2"] = false;
	LOCKED["Image3"] = false;
	LOCKED["Image4"] = false;
	LOCKED["Image5"] = false;
	LOCKED["Image6"] = false;
	
function si(imgName,imgNum) {
	if (LOCKED[imgName]) return;
	//imgNames is set up by the images' construct
	eval("document."+imgName+".src=imgNames["+imgNum+"]");
}

function aniAllForward(){
	//Animation is on do nothing
	if(checkAnimation()){return false;}
	
	var objCmbFiles = document.forms['frmObsSat'].cmbSelFich;
	objCmbFiles.selectedIndex = 0;
	
	showTheImage(objCmbFiles.value,objCmbFiles.options[objCmbFiles.selectedIndex].text)
}

function aniOneForward(){
	//Animation is on do nothing
	if(checkAnimation()){return false;}
	
	var objCmbFiles = document.forms['frmObsSat'].cmbSelFich;
	
	if(objCmbFiles.selectedIndex > 0){
		objCmbFiles.selectedIndex--;
	} else {
		alert('most updated imaged');
	}
	
	showTheImage(objCmbFiles.value,objCmbFiles.options[objCmbFiles.selectedIndex].text)
}

function StartAni(){	
	var msg = 'The animation can take a while to load.\n';
	msg+='Do you wich to proceed anyway?';
	
	if(!confirm(msg)){return;}
		
	document.forms['frmObsSat'].cmbSelSat.disabled = "disabled";
	document.forms['frmObsSat'].cmbSelCanal.disabled = "disabled";
	document.forms['frmObsSat'].cmbSelArea.disabled = "disabled";
	document.forms['frmObsSat'].cmbSelFich.disabled = "disabled";
	
	if(!allSatImagesLoaded){
		var objFiles = document.forms['frmObsSat'].cmbSelFich;
		var nImagens = objFiles.options.length;
		for(i=0;i<nImagens;i++){
			satImgArray[i] = new Image();
//			satImgArray[i].onLoad="loadingDiv('absolute', -2000, -2000, 1, 1, 'false');";
//			loadingDiv('absolute', 100, 120, 140, 50, 'true', 'Loading image ' + (i+1).toString() + '/' + nImagens.toString() + ' ...'); 
			
			satImgTextArray[i] = new String();
			satImgTextArray[i] = objFiles.options[i].text;	
			
			satImgArray[i].src = globaImgDir + objFiles.options[i].value;				

			/*
			do{	
				delay(checkImageSecs*1000); // pause execution for X msec
			}while(!checkImageIsLoaded(satImgArray[i], checkImageSecs))	
			*/
		}				
	}
	
	
	curImage = totalFiles - 1;
	isAnimating = true;
	allSatImagesLoaded = true;
//	objById('divImageNumber').style.top = 145;
//	objById('divImageNumber').style.left = satImgArray[0].width - 34;
	objById('divImageNumber').style.visibility = 'visible';
	DoAnimation();		
	
}	

function StopAni(){
	
	isAnimating = false;
	objById('divImageNumber').style.visibility = 'hidden';
	DoAnimation();	
	
	document.forms['frmObsSat'].cmbSelSat.disabled = cmbSatStatus;
	document.forms['frmObsSat'].cmbSelCanal.disabled = cmbCanStatus;
	document.forms['frmObsSat'].cmbSelArea.disabled = cmbAreaStatus;
	document.forms['frmObsSat'].cmbSelFich.disabled = "";
}	

function checkImageIsLoaded(imgObj, secs){
	if(imgObj.complete){
		clearTimeout("checkImageIsLoaded(" + imgObj + ")");
		return true;
	} else {
		setTimeout("checkImageIsLoaded(" + imgObj + ")", secs*1000) ;
		return false;
	}
}

function DoAnimation(){
	
	if(isAnimating){
		
		objById('txtImageNumber').innerHTML = padZeros(satImgArray.length-curImage,2) + '/' + padZeros(satImgArray.length,2);
		
		changeAnimationImage(satImgArray[curImage],satImgTextArray[curImage]);
		curImage--;
		if(curImage < 0){
			curImage = totalFiles - 1;
		}
		
		setTimeout("DoAnimation()", changeImageAniSecs*1000) ;
	} else {
		clearTimeout("DoAnimation()");
		processFileCombo(document.forms['frmObsSat'].cmbSelFich);
	}
}

function aniOneBack(){
	//Animation is on do nothing
	if(checkAnimation()){return false;}
	
	var objCmbFiles = document.forms['frmObsSat'].cmbSelFich;
	
	if(objCmbFiles.selectedIndex < (objCmbFiles.options.length - 1)){
		objCmbFiles.selectedIndex++;
	} else {
		alert('oldest imaged');
	}
	
	showTheImage(objCmbFiles.value,objCmbFiles.options[objCmbFiles.selectedIndex].text)
}

function aniAllBack(){
	//Animation is on do nothing
	if(checkAnimation()){return false;}
	
	var objCmbFiles = document.forms['frmObsSat'].cmbSelFich;
	objCmbFiles.selectedIndex = objCmbFiles.options.length - 1;
	
	showTheImage(objCmbFiles.value,objCmbFiles.options[objCmbFiles.selectedIndex].text)
}
	
function checkAnimation(){
	if(isAnimating){
		if(confirm('Stop animation?')){
			StopAni();
			
			return false;
		} else {
			return true;
		}
	}
	
	return false;
}

function changeAnimationImage(theImage, theImageDate){
	var theImageObject = objById('imgSat');
	var theDivObject = objById('divImg');
	
	theImageObject.src = theImage.src;
	
	theDivObject.style.height = theImageObject.height;
	
	
	var theInfoObject = objById('infoIMG');
	var theCanalComboObject = document.forms['frmObsSat'].cmbSelCanal;
	
	theInfoObject.innerHTML = theCanalComboObject.options[theCanalComboObject.selectedIndex].text + " [" + theImageDate + " UTC]  ";
}

loadImgs();