scrollImage = function(){
	this.actionFlag = "M";
	this.scrollFlag = "L";
	this.parentDiv = document.getElementById("banner");
	this.scrollDiv = document.getElementById("realBanner");
	this.scrollList = document.getElementById("bannerList");
	this.baImage = this.scrollList.getElementsByTagName("img");
	this.baLink = this.scrollList.getElementsByTagName("a");
	this.totalWidth = 0;
	this.left = 0;
	this.templeft = 0;
	this.bannerCnt = 0;
	this.listWidth = 0;
	
	this.controlPrev = document.getElementById("scrollLeft");
	this.controlStop = document.getElementById("scrollStop");
	this.controlStart = document.getElementById("scrollStart");
	this.controlNext = document.getElementById("scrollRight");
	this.controlFirst = document.getElementById("scrollFirst");
	this.controlEnd = document.getElementById("scrollEnd");
	//this.controlAll = document.getElementById("scrollAll");
	
	scrollImage.prototype.init = function(){
		for(i=0;i<this.baImage.length;i++){
			var nWidth = parseInt(document.getElementById("banner"+i).width);
			this.totalWidth = this.totalWidth + nWidth;
			this.bannerCnt++;
		}
		
		if(this.totalWidth < 796){
			this.actionFlag = "S";
		}
		
		this.listWidth = this.totalWidth + (34 * this.bannerCnt);
		this.templeft = this.listWidth;
		this.scrollList.style.width = this.listWidth + "px";
		
		scrollImage.bannerSetting();		
		
		if(this.actionFlag == "M"){
			/*window.onload = function(){
				setTimeout("scrollImage.scrollAction()", 500);
			}*/
			scrollImage.scrollAction()
		}
		
		for(j=0;j<this.baLink.length;j++){
			this.baLink[j].onmouseover = function(){
				if(scrollImage.scrollMove){
					clearInterval(scrollImage.scrollMove);
				}
			}
			
			this.baLink[j].onfocus = function(){
				if(scrollImage.scrollMove){
					clearInterval(scrollImage.scrollMove);
				}
			}
			
			this.baLink[j].onmouseout = function(){
				if(scrollImage.actionFlag == "M"){
					scrollImage.scrollAction();
				}
			}
			
			this.baLink[j].onblur = function(){
				if(scrollImage.actionFlag == "M"){
					scrollImage.scrollAction();
				}
			}
		}
		
		this.controlPrev.onclick = function(){
			if(scrollImage.actionFlag == "M"){
				if(scrollImage.scrollMove){
					clearInterval(scrollImage.scrollMove);
				}
				
				scrollImage.scrollFlag = "R";
				scrollImage.scrollAction();
			}
		}
		
		this.controlStop.onclick = function(){
			scrollImage.actionFlag = "S";
			if(scrollImage.scrollMove){
				clearInterval(scrollImage.scrollMove);
			}
			this.style.display = "none";
			scrollImage.controlStart.style.display = "block";
		}
		
		this.controlStart.onclick = function(){
			scrollImage.actionFlag = "M";
			scrollImage.scrollAction();
			this.style.display = "none";
			scrollImage.controlStop.style.display = "block";
		}
		
		this.controlNext.onclick = function(){
			if(scrollImage.actionFlag == "M"){
				if(scrollImage.scrollMove){
					clearInterval(scrollImage.scrollMove);
				}
				
				scrollImage.scrollFlag = "L";
				scrollImage.scrollAction();
			}
		}
		
		this.controlFirst.onclick = function(){
			scrollImage.left = 0;
			scrollImage.templeft = scrollImage.listWidth;
			scrollImage.scrollList.style.left = scrollImage.left + "px";
			scrollImage.batempUl.style.left = scrollImage.templeft + "px";
		}
		
		this.controlEnd.onclick = function(){
			scrollImage.left = 898 - scrollImage.listWidth;
			scrollImage.templeft = 898;
			scrollImage.scrollList.style.left = scrollImage.left + "px";
			scrollImage.batempUl.style.left = scrollImage.templeft + "px";
		}
		
		/*
		this.controlAll.onclick = function(){
			scrollImage.viewAll();
		}
		*/
	}
	
	scrollImage.prototype.viewAll = function(){
		this.baAll = document.getElementById("contents").appendChild(document.createElement("div"));
		this.baAll.className = "layer_bannerAll";
		this.baAlltop = this.baAll.appendChild(document.createElement("div"));
		this.baAlltop.className = "layer_bannerAll_topbg";
		this.baAllbody = this.baAll.appendChild(document.createElement("div"));
		this.baAllbody.className = "layer_bannerAll_body";
		this.baAllbottom = this.baAll.appendChild(document.createElement("div"));
		this.baAllbottom.className = "layer_bannerAll_bottombg";
		this.baAllclose = this.baAllbody.appendChild(document.createElement("div"));
		this.baAllclosebtnA = this.baAllclose.appendChild(document.createElement("a"));
		this.baAllclosebtnImg = this.baAllclosebtnA.appendChild(document.createElement("img"));
		this.baAllclosebtnImg.src = "/images/pps/index/bt_allbanner_close.gif";
		this.baAllclose.className = "close_bannerAll";
		this.baAlltitle = this.baAllbody.appendChild(document.createElement("div"));
		this.baAlltitleImg = this.baAlltitle.appendChild(document.createElement("img"));
		this.baAlltitleImg.src = "/images/pps/index/tit_allbanner.gif";
		this.baAlltitle.className = "title_bannerAll";
		
		/* only ppa main */
		document.getElementById("districtSite").style.display = "none";
		document.getElementById("blogSite").style.display = "none";
		
		this.baAllclosebtnA.onclick = function(){
			scrollImage.closeAll();
		}
		
		this.baAllTB = this.baAllbody.appendChild(document.createElement("table"));
		this.baAllTB.border = "0";
		this.baAllTB.align = "center";
		this.baAllTB.cellpadding = "0";
		this.baAllTB.cellspacing = "0";
		var row = new Array();
		var col = new Array();
		var rowCnt = 0;
		for(i=0;i<this.bannerCnt;i++){
			if(i % 4 == 0){
				rowCnt++;
				row[rowCnt] = this.baAllTB.insertRow(-1);
			}
			
			col[i] = row[rowCnt].insertCell(-1);	
			col[i].align = "left";
			this.baAllA = col[i].appendChild(document.createElement("a"));
			this.baAllImg = this.baAllA.appendChild(document.createElement("img"));
			this.baAllImg.alt = this.baImage[i].alt;
			this.baAllImg.src = this.baImage[i].src;
			(this.baLink[i].target) ? this.baAllA.target = this.baLink[i].target : this.baAllA.target = "";
			this.baAllA.href = this.baLink[i].href;
		}
	}
	
	scrollImage.prototype.closeAll = function(){
		document.getElementById("districtSite").style.display = "block";
		document.getElementById("blogSite").style.display = "block";
		document.getElementById("contents").removeChild(this.baAll);
	}
	
	scrollImage.prototype.bannerSetting = function(){
		this.batempUl = this.scrollDiv.appendChild(document.createElement("ul"));	
		this.batempUl.style.position = "absolute";
		this.batempUl.style.margin = "0 0 0 0";
		this.batempUl.style.padding = "0";
		this.batempUl.style.top = "0";
		this.batempUl.style.left = this.listWidth + "px";
		this.batempUl.style.width = this.listWidth + "px";
		for(i=0;i<this.bannerCnt;i++){
			this.batempLi = this.batempUl.appendChild(document.createElement("li"));
			this.batempA = this.batempLi.appendChild(document.createElement("a"));
			
			this.batempA.onmouseover = function(){
				if(scrollImage.scrollMove){
					clearInterval(scrollImage.scrollMove);
				}
			}
			
			this.batempA.onmouseout = function(){
				if(scrollImage.actionFlag == "M"){
					scrollImage.scrollAction();
				}
			}
			
			this.batempImg = this.batempA.appendChild(document.createElement("img"));
			this.batempImg.src = this.baImage[i].src;
			(this.baLink[i].target) ? this.batempA.target = this.baLink[i].target : this.batempA.target = "";
			this.batempA.href = this.baLink[i].href;
		}
	}
	
	scrollImage.prototype.scrollAction = function(){
		if(this.scrollFlag == "L"){
			this.scrollMove = setInterval(leftAction, 1);
		}else{
			this.scrollMove = setInterval(rightAction, 1);
		}
		
		function leftAction(){
			if(scrollImage.templeft == 0) scrollImage.left = scrollImage.listWidth;
			if(scrollImage.left == 0) scrollImage.templeft = scrollImage.listWidth;
			scrollImage.left--;
			scrollImage.templeft--;
			scrollImage.scrollList.style.left = scrollImage.left + "px";
			scrollImage.batempUl.style.left = scrollImage.templeft + "px";
		}
		
		function rightAction(){
			if(scrollImage.templeft == 0) scrollImage.left = 0 - scrollImage.listWidth;
			if(scrollImage.left == 0) scrollImage.templeft = 0 - scrollImage.listWidth;
			scrollImage.left++;
			scrollImage.templeft++;
			scrollImage.scrollList.style.left = scrollImage.left + "px";
			scrollImage.batempUl.style.left = scrollImage.templeft + "px";			
		}
	}
}