﻿function changeImage(id, disable){
	$ = function (id){return document.getElementById(id);}
	if ($(id)) {
		$(id).style.zIndex = '1001';
	}
	for (i = 0; i < disable.length; i++) {
		if ($(disable[i])) {
			$(disable[i]).style.zIndex = '999';
		}
	}

}

function loopImage(ids){
	var $ = function (id){return document.getElementById(id);}
	var ovacity = function (img, cnt){
		img.style.filter = 'alpha(opacity=' + (cnt) + ')';
		img.style.MozOpacity = cnt / 10;
		img.style.opacity = cnt / 10;
	}

	var spd = 4000;
	var ntc = 1;
	var cnt = 100;
	var i = 0;
	var count = 0;

	var fadeout = function (ids){
		img = $(ids[i]);
		ovacity(img, cnt);
		if (cnt == 99) {
			if (document.all || window.attachEvent) {
				spd = 200;
				ntc = 20;
			} else {
				spd = 20;
				ntc = 1;
			}
			
		}
		cnt -= ntc;
		if(cnt <= 0) {
			ovacity(img, 0);
			img.style.zIndex -= ids.length;
			ovacity(img, 100);
		  cnt = 100;
			ntc = 1;
			spd = 4000;
		    i++;
		}
		if (ids.length <= i) {
			i = 0;
		    count++;
		}
		if (count > 100) {
			return;
		}
		setTimeout(function () { fadeout(ids); }, spd);
	}

	fadeout(ids);

}
