var delay = 5000;
var start_frame = 0;
var lis = new Array();
var debug = "";


function processHomeTabAjax(strInput, strURL, divName){

	var url=strURL+"?"+strInput;
	//alert(url);
	document.getElementById(divName).innerHTML="";
	document.getElementById(divName).innerHTML='<div style="text-align: center; margin-top: 70px;"><img name="loading" id="loading" src="images/ajax-loader-circle.gif"></div>';
	globalDivID = divName;
	xmlHttp=GetXmlHttpObject(processHomeTab);
	xmlHttp.open("GET", url , true);
	xmlHttp.send(null);	
	
}

function processHomeTab() {
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
		document.getElementById(globalDivID).innerHTML=xmlHttp.responseText;		
		init();
	}
}

function init() {
	
	lis = $('slide-images').getElementsByTagName('li');
	
	for( i=0; i < lis.length; i++){
		if(i!=0){
			lis[i].style.display = 'none';
		}
	}
	end_frame = lis.length -1;
	
	start_slideshow(start_frame, end_frame, delay, lis);
	
	
}



function start_slideshow(start_frame, end_frame, delay, lis) {
	setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay, lis), delay);
}


function fadeInOut(frame, start_frame, end_frame, delay, lis) {
	return (function() {
		
		lis = $('slide-images').getElementsByTagName('li');
		
		if(lis.length > 0) {
			
			if(window.lis === undefined) {								
			
			} else {
// 	 			alert(lis[frame].id+" ID: NO ERROR frame: "+frame+" of "+end_frame);
				Effect.Fade(lis[frame]);				
			}
			
			if (frame == end_frame) { 
				frame = start_frame; 
			} else { 
				frame++; 
			}
			
			lisAppear = lis[frame];			
			
 			if(window.lisAppear === undefined) {
// 	 			alert("2nd: set Time out Error");
// 				alert(debug);				
 				lis = Array();
//  			debug = "";
 			} else {
// 	 			alert(lisAppear.id);
				setTimeout("Effect.Appear(lisAppear);", 0);
				setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);				
 			}
 			
// 			debug += frame+" of "+lis.length+": "+lisAppear.id+"\n";
			
		}
		
		
	})
	
}


Event.observe(window, 'load', init, false);
//Event.observe(document.getElementById('selectState'), 'change', init, false);