// 서브 top5 롤링
function topLanking(target, targetLry){
	this.dropListNum;
	this.oldActiveNum;
	this.activeNum=0;

	this.source = document.getElementById(target);
	this.sourceLi = this.source.getElementsByTagName("LI");
	if(this.sourceLi=='null') return false;
	this.sourceLiHeight= this.sourceLi[0].offsetHeight;
	this.sourceA = this.source.getElementsByTagName("A");
	this.sourceLry = document.getElementById(targetLry);	

	var func = this; // this는 func!!!!!!!!
	for(i=0; i<this.sourceLi.length; i++){
		this.sourceLi[i].style.top = this.sourceLiHeight + "px";
		this.sourceA[i].onmouseover = function(){
			func.sourceLry.style.display = "block";
		}
	}

	var sourceLiHeight = this.sourceLiHeight;
	var actionFunc = setInterval(function(){
		func.action();
	}, 30);
	var changeFunc = setInterval(function(){
		func.change();
	}, 3000);

	var hiddenLayerFn;
	var sourceLry = this.sourceLry;
	var temp = sourceLry.getElementsByTagName('*');

	sourceLry.onmouseover = function(){ clearTimeout(func.hiddenLayerFn); }
	for(var i=0; i<temp.length; i++){
		temp[i].onmouseover = function(){
			clearTimeout(func.hiddenLayerFn);
		}
	}
	sourceLry.onmouseout = function(){
		func.hiddenLayerFn = setTimeout(function(){
			func.sourceLry.style.display = "none";
		},100);
	}
}
topLanking.prototype.action = function(){
	var source = this.source;
	var sourceLi = this.sourceLi;
	var sourceLiHeight = this.sourceLiHeight;

	var activeNum = this.activeNum;
	var dropListNum = this.dropListNum;
	var oldActiveNum = this.oldActiveNum;

	if(oldActiveNum !== undefined){
		var gap1 = 0.2*(-sourceLiHeight - (parseFloat(sourceLi[oldActiveNum].style.top)));
		sourceLi[oldActiveNum].style.top = parseFloat(sourceLi[oldActiveNum].style.top) + Math.floor(gap1) + "px"; // 기존꺼 올리기
	}
	var gap2 = 0.2*(-parseInt(sourceLi[activeNum].style.top, 10));
	sourceLi[activeNum].style.top = parseFloat(sourceLi[activeNum].style.top) + Math.floor(gap2) + "px"; // 활성화된거 올리기
}
topLanking.prototype.change = function(){
	var sourceLi = this.sourceLi;
	var sourceLiHeight = this.sourceLiHeight;

	if(this.dropListNum !== undefined) sourceLi[this.dropListNum].style.top = sourceLiHeight + "px"; // 사용된거는 하단배치
	this.dropListNum = this.oldActiveNum;
	this.oldActiveNum = this.activeNum;
	if(sourceLi.length-1 == this.activeNum) this.activeNum=0; // 활성화번호 +1
	else ++this.activeNum;
}
window.onload = function(){
	var test = new topLanking('topLanking5', 'topLanking5_lyr');
}