var browseList = new Array();
var browseCurrent = new Array();
var browseLast = new Array();
var browseArea = 0;
var browseSecs;

function browseInit(areaId) {
	var areaObj = document.getElementById(areaId);
	var zIndex = 1;
	var count = 0;
	
	if (!areaObj) alert('element "' + areaId + '" not found');
	
	browseList[browseArea] = new Array();
	browseCurrent[browseArea] = 1;
	browseLast[browseArea] = 0;
	
	areaObj.style.overflow = 'hidden';
	
	obj = areaObj.firstChild;

	while (obj) {
		if (obj.className == 'content_image') {
			obj.style.position = 'absolute';
			obj.style.top = '0px';
			obj.style.left = '0px';
			obj.style.zIndex = zIndex;
			
			if (zIndex == 0) {
				new Effect.Opacity(obj.id, { duration:0.0, to:0.0 });
			}

			browseList[browseArea][count] = obj.id;
			count++;

			if (zIndex > 0) zIndex--;

		}
		obj = obj.nextSibling;
	}
	
	if (browseList[browseArea].length > 0) browseArea++;
}

function browseStart(secs) {
	browseSecs = secs;
	window.setTimeout('browseImages()', browseSecs * 1000);
}

function browseImages() {
	for (var area = 0; area < browseArea; area++) {	
		new Effect.Opacity(browseList[area][browseCurrent[area]], { duration:3.0, transition: Effect.Transitions.linear, from:0.0, to:1.0 });
		new Effect.Opacity(browseList[area][browseLast[area]], { duration:3.0, transition: Effect.Transitions.linear, from:1.0, to:0.0 });
	
		browseLast[area] = browseCurrent[area];
	
		browseCurrent[area]++;
	
		if (browseCurrent[area] >= browseList[area].length) {
			browseCurrent[area] = 0;
		}
	}
	
	window.setTimeout('browseImages()', browseSecs * 1000);
}