function banner(id, button, intv){
	this.id = id;
	this.button = button;
	this.intv = intv ? intv : false;

	var bDiv = document.getElementById(this.id);
	var bUl = bDiv.getElementsByTagName('ol')[0];
	var bList = bUl.getElementsByTagName('li');
	var bHeight = bList[0].getElementsByTagName('img')[0].height;
	var length = bList.length;

	var btnOver;
	var btnDiv = document.getElementById(this.button);
	var btnList = btnDiv.getElementsByTagName('img');
	var btnCount = btnList.length;
	var setAuto;
	var count = 0;

	var btn = getBtn();
		
	function getBtn(){
		var imgs = document.getElementsByTagName('img');
		var num;
		for(var r=0; r<imgs.length; r++){
			if(imgs[r].className == 'bannerBtn'){
				num = r;
			}
		}
		return imgs[num];
	}

	var click = false;
	btn.onclick = clickEvt;
	
	function clickEvt(){
		if(!click){
			btn.src = btn.src.replace('Stop', 'Go');
			btn.alt = "재생";
			click = true;
			stopAuto();
		}else{
			btn.src = btn.src.replace('Go', 'Stop');
			btn.alt = "정지";
			click = false;	
			startAuto();
		}
	}
	
	for (var x = 0; x < length; x++ ){
		bList[x].getElementsByTagName('a')[0].onfocus = moveBanner;
		bList[x].getElementsByTagName('a')[0].onblur = startAuto;
		btnList[x].onmouseover = moveBanner;
		btnList[x].onmouseout = startAuto;
	}

	bList.onmouseover = bUl.onmouseover = stopAuto;
	bList.onmouseout = bUl.onmouseout = startAuto;

	change(count);

	if(intv){
		startAuto();
	}

	function startAuto() {
		if(intv && !click){
			clearInterval(setAuto);
			setAuto = setInterval(auto, intv);
		}
	}

	function stopAuto() {
		if(intv){
			clearInterval(setAuto);
		}
	}
	
	function moveBanner(event) {
		var srcPath;
		if(window.event){
			srcPath = window.event.srcElement;
		} else {
			srcPath = event.target;
		}

		for(var i = 0; i < length; i++){
			if(srcPath == btnList[i] || srcPath == bDiv.getElementsByTagName('img')[i]){
				count = change(i);
				stopAuto();
			}
		}
	}
	
	function auto(){
		count++;
		if(count >= length){
			count = 0;
		}
		count = change(count);
	}

	function change(num) {

		bUl.style.marginTop = bList[0].getElementsByTagName('img')[0].height * num * -1 + "px";
		for (var z= 0; z < length; z++){
			var name = btnList[z].src;
			if(z == num){
				btnList[z].src = name.replace('Off.gif', 'On.gif');
			} else {
				btnList[z].src = name.replace('On.gif', 'Off.gif');
			}
		}
		return num;

	}
}