//globals 
var textDiv;
var text = new Array();
var photo = new Array();
var links = new Array();
var timeout;
var counter;
var root;
var showHeaderText;

var i;
var tmp='';
var t;
var delay = 100;//100
var size = 120;
var txt='';
var txt_len;

	var play_button;
	var stop_button;
	var pause_button;

//	var old_frame_button;
	var new_frame_button;

function initShow(textDivName, textArray, photoArray, linkArray, _root, _showHeaderText){//showDivName, showTextArray, 

	play_button = document.getElementById('pres_b_play');
	stop_button = document.getElementById('pres_b_stop');
	pause_button = document.getElementById('pres_b_pause');
	
	counter = 0;
	
	textDiv = document.getElementById(textDivName); 
	text = textArray;	
	photo = photoArray;
	links = linkArray;
	root = _root;
	showHeaderText = _showHeaderText;
	startShow();
}
	
//function showText(){ if ( textDiv && text[counter]!='' ) textDiv.innerHTML = text[counter]; }	

function showText(){
	if ( showHeaderText && textDiv != null ){
		textDiv.style.height = '20px';
		i++;
		if ( tmp.length < size ) tmp += txt.substring(i-1, i);
		else  tmp = tmp.substring(1, size) + txt.substring(i-1, i);	
		textDiv.innerHTML = tmp;
		if ( i == txt_len){
			i = 0;
			clearTimeout(t);
		}//if ( i == len )
		t = setTimeout('showText()',delay);
	}	
}	
	
function startShow(){
	// Begin: generate filtered photo ********************
	if ( play_button ){ play_button.className='PRES_BUTTON'; play_button.disabled = true; }
	if ( stop_button ){ stop_button.className='PRES_BUTTON'; stop_button.disabled = false; }
	if ( pause_button ){ pause_button.className='PRES_BUTTON'; pause_button.disabled = false; }

	var r = Math.round(Math.random()*22);
	i = 0;
	tmp = '';
	txt = text[counter];
	txt_len = txt.length;
	clearTimeout(t);
		
	clearFrames();	
	new_frame_button = document.getElementById('pres_b_frame_' + counter);
	if ( new_frame_button ){ new_frame_button.className='PRES_BUTTON_OVER'; new_frame_button.disabled = true; }
		
	StartCSSTrans('pres_graph', root, photo[counter], r);
	if ( text.length > 0 ) showText();
	// End: generate filtered photo **********************
	counter++;
	if ( counter >= photo.length ) counter = 0;
	var _delay = 2*delay*txt_len;//2.1
	if ( _delay < 10000 ) _delay = 10000;//10000
	timeout = setTimeout("startShow()",_delay);
}//Start Loop

function StartCSSTrans(elementName, newImageRoot, newImageName, tr){
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	var flttgt = document.getElementById(elementName);
	if ( (browser=="Microsoft Internet Explorer") && (version>=4) ){
		if ( flttgt ){
			flttgt.style.filter = "revealTrans(transition=" + tr + ",duration=4)";
			flttgt.filters[0].Apply(); 
			flttgt.innerHTML ="<img onclick=\"ldpByURL('" + links[counter] + "')\" class=\"PRES_IMG\" src=\"../com/getPicture.jsp?root=" + newImageRoot + "&subdir=/pics/presentation&file=" + newImageName + "&default=default.jpg\">";
			flttgt.filters[0].Play(); 
		}
	}else{//if
			if ( flttgt ) flttgt.innerHTML ="<img onclick=\"ldpByURL('" + links[counter] + "')\" class=\"PRES_IMG\" src=\"../com/getPicture.jsp?root=" + newImageRoot + "&subdir=/pics/presentation&file=" + newImageName + "&default=default.jpg\">";
	}//else	
}

function pauseShow(){ 
	clearTimeout(timeout); 
	if ( play_button ){ play_button.className='PRES_BUTTON'; play_button.disabled = false; }
	if ( stop_button ){ stop_button.className='PRES_BUTTON'; stop_button.disabled = true; }
	if ( pause_button ){ pause_button.className='PRES_BUTTON'; pause_button.disabled = true; }
	if ( counter > 0 ) counter--;
	clearFrames();
}

function stopShow(){ 
	clearTimeout(timeout); 
	counter = 0;
	if ( play_button ){ play_button.className='PRES_BUTTON'; play_button.disabled = false; }
	if ( stop_button ){ stop_button.className='PRES_BUTTON'; stop_button.disabled = true; }
	if ( pause_button ){ pause_button.className='PRES_BUTTON'; pause_button.disabled = true; }
	clearFrames();
}

function clearFrames(){
	for (var i = 0; i < photo.length; i++){
		var frame_button = document.getElementById('pres_b_frame_' + i);
		if ( frame_button ){ frame_button.className='PRES_BUTTON'; frame_button.disabled = false; }
	}// for i
}

function setShowFrame(frame){
	clearTimeout(timeout); 
	clearFrames();
	counter = frame;
	startShow();
//	clearTimeout(timeout); 
}


function ldpByURL(fullURL){ 
//	alert("fullURL= " + fullURL); // test only
	window.location = "" + fullURL; 
}//load page - ldpByURL::   <location>[?][<parameter.name>=<parameter.value>]...[&][<parameter.name>=<parameter.value>]...


