var value = 0;
var nowPlay= 'stop';
var time = {};
var top = 0;
function change(kind, saiki) {
	if (saiki && nowPlay != kind) {
		value = 0;
		if (time[kind][0]) {
				for (i = 0; i < time[kind].length; i++) {
					clearTimeout(time[kind][i]);
				}
				time[kind] = [];
				time[kind][0] = 1;
		}
		return;
	}
	var targetElement = document.getElementById('topImageHtml');
		if(value < 10){
			value += 1;
			if (!time[kind]) {
				time[kind] = [];
				time[kind][0] = 1;
			}
			time[kind].push(setTimeout(function () {change(kind, 1)}, 40));
			top = kind * -308 + 'px';
			if (targetElement.style.top != top) {
				targetElement.style.top = top;
			}
			targetElement.style.filter = 'alpha(opacity=' + (value * 10) + ')';
			targetElement.style.MozOpacity = value / 10;
			targetElement.style.opacity = value / 10;
		} else {
			time[kind] = [];
			time[kind][0] = 1;
			value = 0;
			return;
		}
 	nowPlay = kind;
}
window.onload = function () {
	setInterval(function(){
						 if (nowPlay == 'stop') {
								change(0);
							}
						 }, 100);
}