// JavaScript Document

window.addEvent("domready", LoadImg);
//window.setTimeout("initImg()", 3600);

var ImgLayers;

function LoadImg() {
	ImgLayers = $("slide").getChildren();
	var count = ImgLayers.length,
		container = new Element("div", {styles: {
			position: "relative"			
		}}).injectBefore(ImgLayers[0]).adopt(ImgLayers);
	
	time_first = (time/2);
		
//		console.log(container);
	var maxW = 0,
		maxH = 0;
		
	ImgLayers.each(function(imgItem) {
		var size = imgItem.getSize();
//		maxW = Math.max(maxW, size.x);
//		maxH = Math.max(maxH, size.y);
		maxW = size.x;
		maxH = size.y;
		
		imgItem.set({styles: {
				position: "absolute",
				left: 0,
				top: 0,
				display: "block",
				opacity: 0
			}});												   
		});
	
	ImgLayers[0].setStyle("opacity", 1);
	
	if(maxW == 0 && maxH == 0) {
		maxW = 660;
		maxH = 420;
	}
	
	container.setStyles({
		width: maxW,
		height: maxH
	});
	
	window.setTimeout("initImg()", time_first);
}

i = 1;
function initImg() {
	var count = ImgLayers.length;
	
	
	
	imgBefore = i-1;
	if(i == count) { i = 0; }
	img = i;
	
/*
	ImgLayers[imgBefore].get("tween", {property: "opacity", duration: 5000}).cancel().start(0).chain(function() {
		this.setStyle("display","none");																											 
	}.bind(ImgLayers[imgBefore]));
*/
		
//	ImgLayers[img].setStyle('display', 'block').get("tween", {property: "opacity", duration: 5000}).cancel().start(1);
//console.log(fade_time);
	ImgLayers[imgBefore].get("tween", {property: "opacity", duration: fade_time}).cancel().start(0);
	
	ImgLayers[img].get("tween", {property: "opacity", duration: fade_time}).cancel().start(1);
	
//	console.log(count);
//	console.log(i);
	i++;
	
	window.setTimeout("initImg()", time);
}