var projectsUi = new Class.create({
	initialize:function(){
		this.div = $("projectsPreCase"); //���̴� ������ ������ div
		this.ul = $("projectsPreList"); //������ ul������Ʈ
		this.liHei = $("projectsPreList").down("li").getHeight();
		$(this.ul).setStyle({
			"position":"absolute",
			"top":"0",
			"left":"0"
		});
		
		//li�� ������ ����
		this.liData = new Array();
		$(this.ul).select("li").each(function(liItem,liNum){
			this.liData[liNum] = liItem.innerHTML;
		}.bind(this));
		if(3<$(this.ul).select("li").length){
			this.slide();
		};
	},
	slide:function(){
		var hei = this.liHei;
		var ul = $(this.ul);
		var liArr = this.liData;
		var posY = 0;
		var nowIndex = 0;
		var maxIndex = ul.select("li").length;
		
		setInterval(function(){
			var NY = Number(ul.getStyle("top").split("px")[0]);
			NY += (posY-NY)/5
			ul.setStyle({
				"top":NY+"px"
			});
		},50)
		setInterval(function(){
			ul.innerHTML = "";
			$(liArr).each(function(data,num){
				var li = stp.$E("li");
				li.innerHTML = $(liArr)[((num+nowIndex)%maxIndex)];
				ul.appendChild(li);
			});
			nowIndex++;
			ul.setStyle({"top":"0"});
			posY = -((hei+1));
		},2000)
	}
});