/*********************************************************

 메인 페이지 좌측 프로그램 다운로드 롤링 JS

*********************************************************/

//-- 프로그램 다운로드 롤링 설정 --//
function initProductDownload(id) {
	var speed = 3000;
	var curId = 0;
	var viewId = 1;
	var objBox = document.getElementById(id);
	var objImg = objBox.getElementsByTagName('img');
	var objItem = Array();
	var itemRoll = true;
	var rolling;
	var j = 0;
	//-- 프로그램 다운로드 영역 안에 있는 img 를 view 이미지와 item 이미지로 구분 --//
	for (i = 0; i < objImg.length; i++) {
		if (objImg[i].className == "view") { objView = objImg[i]; }
		else if (objImg[i].className == "item") { objItem[j] = objImg[i]; j++;}
	}
	//-- 일정 시간 간격으로 롤링 --//
	rolling = setInterval( function () {
		if (itemRoll) {
			if (curId >= objItem.length) { curId = 0; }
			pdItemOffAll(objItem);
			pdItemOn(objItem[curId]);
			objView.src = objView.src.replace("_" + viewId + ".gif", "_" + (curId+1) + ".gif");
			viewId = curId + 1;
			curId++;
		}
	}, speed);
	//-- 프로그램 다운로드 영역 안에 마우스 올리면 롤링 중지 --//
	objBox.onmouseover = function () { itemRoll = false; }
	objBox.onmouseout = function () { itemRoll = true; }
	//-- 각 아이템 롤오버시 해당 아이템 활성 --//
	for (var m = 0; m < objItem.length; m++) {
		objItem[m].c = m;
		objItem[m].v = m+1;
		objItem[m].onmouseover = function () {
			pdItemOffAll(objItem);
			pdItemOn(objItem[this.c]);
			objView.src = objView.src.replace("_" + viewId + ".gif", "_" + this.v + ".gif");
			curId = this.c;
			viewId = this.v;
		}
	}
}
//-- 모든 item 을 off 로 설정 --//
function pdItemOffAll(obj) {
	for(k = 0; k < obj.length; k++) {
		 obj[k].src = obj[k].src.replace("_on.gif","_off.gif"); 
	}
}
//-- 지정 item 을 on 으로 설정 --//
function pdItemOn(obj) {
	obj.src = obj.src.replace("_off.gif","_on.gif");
}