var toId;
var picIndex=1;
var maxPic=4;
var picSrc="images/header_";
var picType=".JPG";
var sessionIndx=0;
var lock=false;

//window.onload = initImage('thephoto');
//window.onload = ajax.Get('welcome.html', '', eID('Context'));
//window.onload=setTimeout("swapImage('thephto',2,4)", 4000);
//window.onload=alert();

preload_image_object = new Image();

// set image url
//image_url = new Array();
//image_url[0] = "images/header_1.JPG";
//image_url[1] = "images/header_2.JPG";
//image_url[2] = "images/header_3.JPG";
//image_url[3] = "images/header_4.JPG";

//for(i=0; i<=3; i++) 
//    preload_image_object.src = image_url[i];

function initImage(objId) {
	image = document.getElementById(objId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(objId,0);
	
	//if ( ! lock ) 
		//toId=window.setTimeout("swapImage('"+objId+"',"+sessionIndx+",4)", 4000);
}

function swapImage(objId,index,maxIndex) {
	lock=true;
	//alert(index+" "+sessionIndx);
	try {
		obj = document.getElementById(objId);
		
		fadeOut(objId,100);

		window.setTimeout(callMe, 2000);

	} catch (e) { return; }
		
	function callMe(){
		
		try {
			picIndex++;
			if ( picIndex > maxPic ) picIndex=1;
			obj.src='images/header_'+picIndex+'.JPG';
			//fadeIn(objId,0);
		} catch (e) { return; }
	}
}

function fadeIn(objId,opacity) {
	try { 
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
			if ( opacity == 100 ) lock=false;
		}

	} catch (e) { return; }
}

function fadeOut(objId,opacity) {
	try {
		obj = document.getElementById(objId);
		if (opacity >= 0) {
			setOpacity(obj, opacity);
			opacity -= 10;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
			if ( opacity == 0 ) lock=false;
		}
	} catch (e) { return; }
}

function setOpacity(obj, opacity) {
	try {
		opacity = (opacity == 100)?99.999:opacity;
		// IE/Win
		obj.style.filter = "alpha(opacity:"+opacity+")";
		// Safari<1.2, Konqueror
		obj.style.KHTMLOpacity = opacity/100;
		// Older Mozilla and Firefox
		obj.style.MozOpacity = opacity/100;
		// Safari 1.2, newer Firefox and Mozilla, CSS3
		obj.style.opacity = opacity/100;
	} catch (e) { return; }
}