// JavaScript Document

z = 1;
panel_item = 0;
btn_loop = '';
loop_timeout = '';
nxtIndex = 9995;
var panel_wrapper = document.getElementById("rotating-btns");
var panel_img = panel_wrapper.getElementsByTagName("img");
var panel_total = panel_img.length;

for(i=0; i<panel_total; i++) {
	panel_img.item(i).style.opacity = 1;
	panel_img.item(i).style.filter = "alpha(opacity=100)";
}

startRotating();

function startRotating() {
	if(btn_loop!='') clearInterval(btn_loop);
	if(loop_timeout!='') clearTimeout(loop_timeout);
	var opacity = panel_img[panel_item].style.opacity;
	if(opacity>=0) {
		z = z-0.1;
		panel_img[panel_item].style.opacity = z;
		panel_img[panel_item].style.filter = "alpha(opacity="+(z*100)+")";
		btn_loop = setInterval("startRotating()",75);
	} else {
		panel_img[panel_item].style.zIndex = nxtIndex;
		nxtIndex--;
		panel_img[panel_item].style.opacity = 1;
		panel_img[panel_item].style.filter = "alpha(opacity=100)";
		panel_item = (panel_item<(panel_total-1)) ? panel_item+1 : 0;
		z = 1;
		loop_timeout = setTimeout("startRotating()",4000);
	}
}