var YD = YAHOO.util.Dom, YE = YAHOO.util.Event;
var url_prefix = "http://www.etongtu.com/";
(function(){
var slide_data = [{img : "/images/temp_banner1.jpg"},{img : "/images/temp_banner2.jpg"},{img : "/images/temp_banner3.jpg"}];
var slide_id = 0,
	slide_sum = 3,
	slide_ing = false,
	slide_time = null,
	slide_el = YD.get("slide"),
	slide_img_els = YD.getElementsByClassName("slide_img", "DIV", slide_el)[0].getElementsByTagName("IMG"),
	slide_list_els = YD.getElementsByClassName("slide_list", "DIV", slide_el)[0].getElementsByTagName("LI"),
	slide_loading_els = YD.getElementsByClassName("slide_loading", "IMG", slide_el),
	slide_prev_el = YD.getElementsByClassName("slide_prev", "A", slide_el)[0],
	slide_next_el = YD.getElementsByClassName("slide_next", "A", slide_el)[0];

for(i=0; i<slide_sum; i++){
	(function(i){
		slide_img_els[i].src = slide_data[i].img;
		slide_img_els[i].onload = function(){
			if(i==0) YD.setStyle(slide_img_els[0], "display", "block");
			YD.setStyle(slide_loading_els[i], "display", "none");
		};
	})(i)	
}

slide_switch = function(id){
	if(id == slide_id) return;
	if(slide_ing === true) return;
	clearTimeout(slide_time);
	slide_ing = true;
	slide_id = id;
	YD.setStyle(slide_img_els[id], "opacity", 0);
	YD.setStyle(slide_img_els[id], "z-index", 4);
	YD.setStyle(slide_img_els[id], "display", "block");
	for(i=0; i<slide_sum; i++){
		YD.removeClass(slide_list_els[i], "on");
	}
	YD.addClass(slide_list_els[id], "on");
	var anim = new YAHOO.util.Anim(slide_img_els[id], {"opacity":{to:1}});
	anim.animate();
	anim.onComplete.subscribe(
		function(){
			for(i=0; i<slide_sum; i++){
				if(i != id) YD.setStyle(slide_img_els[i], "z-index", 1);
			}
			YD.setStyle(slide_img_els[id], "z-index", 3);
			slide_ing = false;
		}
	);
	slide_time = setTimeout(function(){
		var temp_id = (slide_id+1 >= slide_sum) ? 0 : slide_id+1;
		slide_switch(temp_id);
	},6000);
}

for(i=0; i<slide_sum; i++){
	(function(i){
		YE.on(slide_list_els[i], "click", function(){
			slide_switch(i);
		});
	})(i)
}

YE.on(slide_prev_el, "click", function(e){
	YE.stopEvent(e);
	var id = (slide_id == 0) ? slide_sum-1 : slide_id-1;
	slide_switch(id);
});
YE.on(slide_next_el, "click", function(e){
	YE.stopEvent(e);
	var id = (slide_id == slide_sum-1) ? 0 : slide_id+1;
	slide_switch(id);
});
slide_time = setTimeout(function(){slide_switch(1);}, 6000);
})();