var firstCall = true;

function changeFontsize(fSize, increment) {
    if (firstCall) {
        firstCall = false;
        if (increment != "") {
            changeFontsize('12', '');
        }
    }
    if (document.getElementsByTagName) {
        var getElement = document.getElementsByTagName("*");
        var eachElement, currentFontSize, fontIncrease, newFontSize;
        for (i = 0; i < getElement.length; i++) {
            eachElement = getElement[i];
            if (increment != "") {
                currentFontSize = parseInt(eachElement.style.fontSize);
                fontIncrease = parseInt(increment);
                newFontSize = currentFontSize + fontIncrease;
            }
            else if (fSize != "") {
                newFontSize = parseInt(fSize);
            }
            if (getElement[i].tagName == "LI") {
                eachElement.style.lineHeight = Math.round(newFontSize * 1.2) + "px";
            } else {
                eachElement.style.lineHeight = Math.round(newFontSize * 1.5) + "px";
            }
            if (fSize != "") {
                switch (getElement[i].tagName) {
                    case "H2": newFontSize += 3; break;
                    case "H3": newFontSize += 2; break;
                    case "H4": newFontSize += 1; break;
                    case "H5": newFontSize += 1; break;
                    case "H6": newFontSize += 1;
                }
            }
            eachElement.style.fontSize = newFontSize + "px";
            setCookie('fontSize', newFontSize);
        }
    }
}

function setCookie(name, value, expires, path, domain, secure) {
    document.cookie = name + "=" + escape(value) +
  ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
  ((path == null) ? "" : "; path=" + path) +
  ((domain == null) ? "" : "; domain=" + domain) +
  ((secure == null) ? "" : "; secure");
}

function popPrint() {

    var option = "status=no,height=590,width=630,resizable=no,left=0,top=0,screenX=0,screenY=0,scrollbars=yes";
   
    commonPopWin = window.open('/library/popup/print.html', '', option);
    commonPopWin.focus();
}


var initBody;

function beforePrint() {
 boxes = document.body.innerHTML;
 document.body.innerHTML = contents.innerHTML;
}
function afterPrint() {
 document.body.innerHTML = boxes;
}
function conPrint() {
 window.print();
}

window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;

// quick
function initMoving(target, position, topLimit, btmLimit) {
    if (!target)
        return false;

    var obj = target;
    obj.initTop = position;
    obj.topLimit = topLimit;
    obj.bottomLimit = document.documentElement.scrollHeight - btmLimit;

    obj.style.position = "absolute";
    obj.top = obj.initTop;
    obj.left = obj.initLeft;

    if (typeof (window.pageYOffset) == "number") {
        obj.getTop = function() {
            return window.pageYOffset;
        }
    } else if (typeof (document.documentElement.scrollTop) == "number") {
        obj.getTop = function() {
            return document.documentElement.scrollTop;
        }
    } else {
        obj.getTop = function() {
            return 0;
        }
    }

    if (self.innerHeight) {
        obj.getHeight = function() {
            return self.innerHeight;
        }
    } else if (document.documentElement.clientHeight) {
        obj.getHeight = function() {
            return document.documentElement.clientHeight;
        }
    } else {
        obj.getHeight = function() {
            return 500;
        }
    }

    obj.move = setInterval(function() {
        if (obj.initTop > 0) {
            pos = obj.getTop() + obj.initTop;
        } else {
            pos = obj.getTop() + obj.getHeight() + obj.initTop;
            //pos = obj.getTop() + obj.getHeight() / 2 - 15;
        }

        if (pos > obj.bottomLimit)
            pos = obj.bottomLimit;
        if (pos < obj.topLimit)
            pos = obj.topLimit;

        interval = obj.top - pos;
        obj.top = obj.top - interval / 3;
        obj.style.top = obj.top + "px";
    }, 30)
}






/* 이미지 롤오버 */
$(function() { 
	$("#menu img").hover(function() {    
	$(this).attr("src", $(this).attr("src").split(".").join("_hover."));  
	}, function() {     
	$(this).attr("src", $(this).attr("src").split("_hover.").join("."));   
	}); 
});


$(function() { 
	$("#mapIcon img").hover(function() {    
	$(this).attr("src", $(this).attr("src").split(".").join("_hover."));  
	}, function() {     
	$(this).attr("src", $(this).attr("src").split("_hover.").join("."));   
	}); 
});



/* ie6 pnb투명 */
					
function setPng24(obj) { 
	var request_os = window.navigator.userAgent; 
	var os_array = request_os.split(";"); 
	if(os_array[1] != " MSIE 7.0") { 
		obj.width=obj.height=1; 
		obj.className=obj.className.replace(/png24/i,''); 
		obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"; 
		obj.src=''; 
	} 
								
	return ''; 
} 



/* css전혀 없으면 */
function styleLinkCheck(){
	var ss = document.styleSheets[0];
	if(ss) return true;
	else return false;
}

// tabList
function tabList(ele, active){
	if(styleLinkCheck() === false) return;
	
	var ele = document.getElementById(ele);
	if(active === undefined) active = 0;	
	
	// tabtit를 포함하는 제목 노드들 수집 
	var btn = ele.getElementsByTagName("*");
	for(var i=0; i<btn.length; i++){
		if(btn[i].className.indexOf('tabtit') != -1){
			btn = btn[i].nodeName;
			btn = ele.getElementsByTagName(btn);
			break;
		}
	}
	
	// 타이틀의 타겟 레이어 이름중 숫자만 뺀 영문만 tab1 중 tab만
	var layerName = btn[0].getElementsByTagName("A")[0].href.split("#")[1];
	layerName = layerName.slice(0, layerName.length-1);
	
	for(var i=0; i<btn.length; i++){
		ele["target" + i] = document.getElementById(layerName + (i+1)); // 노드저장 예) tab1, tab2, tab3
		ele["a" + i] = btn[i].getElementsByTagName("A")[0]; // 탭링크
		ele["img" + i] = btn[i].getElementsByTagName("IMG")[0]; // 이미지노드 저장
		btn[i].style.position = "absolute"; // 제목레이어 적용
	}

	
	/* 초기세팅 */
	var oldActive = active;
	for(var i=0; i<btn.length; i++){
		ele["a" + i].cnt = i;
		ele["a" + i].onclick = ele["a" + i].onfocus = function menuActive(){
			ele["target" + oldActive].style.display = "none";
			if(ele["img" + oldActive])
				ele["img" + oldActive].src = ele["img" + oldActive].src.replace("_on", "_off");
			else
				addClass(btn[oldActive], "off");
			ele["target" + this.cnt].style.display = "block";
			
			if(ele["img" + this.cnt])
				ele["img" + this.cnt].src = ele["img" + this.cnt].src.replace("_off", "_on");
			else
				removeClass(btn[this.cnt], "off");
			oldActive = this.cnt;
			return false;
		}
		
		if(active == i) continue; // 초기 활성화
		ele["target" + i].style.display = "none";
		if(ele["img" + i])
			ele["img" + i].src = ele["img" + i].src.replace("_on", "_off");
		else
			addClass(btn[i], "off");
	}
}




// tabList02
function tabList02(ele, active){
	if(styleLinkCheck() === false) return;
	
	var ele = document.getElementById(ele);
	if(active === undefined) active = 0;	
	
	// tabtit를 포함하는 제목 노드들 수집 
	var btn = ele.getElementsByTagName("*");
	for(var i=0; i<btn.length; i++){
		if(btn[i].className.indexOf('tabtit') != -1){
			btn = btn[i].nodeName;
			btn = ele.getElementsByTagName(btn);
			break;
		}
	}
	
	// 타이틀의 타겟 레이어 이름중 숫자만 뺀 영문만 tab1 중 tab만
	var layerName = btn[0].getElementsByTagName("A")[0].href.split("#")[1];
	layerName = layerName.slice(0, layerName.length-1);
	
	for(var i=0; i<btn.length; i++){
		ele["target" + i] = document.getElementById(layerName + (i+1)); // 노드저장 예) tab1, tab2, tab3
		ele["a" + i] = btn[i].getElementsByTagName("A")[0]; // 탭링크
		ele["img" + i] = btn[i].getElementsByTagName("IMG")[0]; // 이미지노드 저장
		btn[i].style.position = "absolute"; // 제목레이어 적용
	}

	
	/* 초기세팅 */
	var oldActive = active;
	for(var i=0; i<btn.length; i++){
		ele["a" + i].cnt = i;
		ele["a" + i].onclick = ele["a" + i].onfocus = function menuActive(){
			ele["target" + oldActive].style.display = "none";
			if(ele["img" + oldActive])
				ele["img" + oldActive].src = ele["img" + oldActive].src.replace("_on", "_off");
			else
				addClass(btn[oldActive], "off");
			ele["target" + this.cnt].style.display = "block";
			
			if(ele["img" + this.cnt])
				ele["img" + this.cnt].src = ele["img" + this.cnt].src.replace("_off", "_on");
			else
				removeClass(btn[this.cnt], "off");
			oldActive = this.cnt;
			return false;
		}
		
		if(active == i) continue; // 초기 활성화
		ele["target" + i].style.display = "none";
		if(ele["img" + i])
			ele["img" + i].src = ele["img" + i].src.replace("_on", "_off");
		else
			addClass(btn[i], "off");
	}
}



// tabList05
function tabList05(ele, active){
	if(styleLinkCheck() === false) return;
	
	var ele = document.getElementById(ele);
	if(active === undefined) active = 0;	
	
	// tabtit를 포함하는 제목 노드들 수집 
	var btn = ele.getElementsByTagName("*");
	for(var i=0; i<btn.length; i++){
		if(btn[i].className.indexOf('tabtit') != -1){
			btn = btn[i].nodeName;
			btn = ele.getElementsByTagName(btn);
			break;
		}
	}
	
	// 타이틀의 타겟 레이어 이름중 숫자만 뺀 영문만 tab1 중 tab만
	var layerName = btn[0].getElementsByTagName("A")[0].href.split("#")[1];
	layerName = layerName.slice(0, layerName.length-1);
	
	for(var i=0; i<btn.length; i++){
		ele["target" + i] = document.getElementById(layerName + (i+1)); // 노드저장 예) tab1, tab2, tab3
		ele["a" + i] = btn[i].getElementsByTagName("A")[0]; // 탭링크
		ele["img" + i] = btn[i].getElementsByTagName("IMG")[0]; // 이미지노드 저장
		btn[i].style.position = "absolute"; // 제목레이어 적용
	}

	
	/* 초기세팅 */
	var oldActive = active;
	for(var i=0; i<btn.length; i++){
		ele["a" + i].cnt = i;
		ele["a" + i].onclick = ele["a" + i].onfocus = function menuActive(){
			ele["target" + oldActive].style.display = "none";
			if(ele["img" + oldActive])
				ele["img" + oldActive].src = ele["img" + oldActive].src.replace("_on", "_off");
			else
				addClass(btn[oldActive], "off");
			ele["target" + this.cnt].style.display = "block";
			
			if(ele["img" + this.cnt])
				ele["img" + this.cnt].src = ele["img" + this.cnt].src.replace("_off", "_on");
			else
				removeClass(btn[this.cnt], "off");
			oldActive = this.cnt;
			return false;
		}
		
		if(active == i) continue; // 초기 활성화
		ele["target" + i].style.display = "none";
		if(ele["img" + i])
			ele["img" + i].src = ele["img" + i].src.replace("_on", "_off");
		else
			addClass(btn[i], "off");
	}
}



// recommend IMG BORDER ON OFF
function bigRecomImgOn(obj){
	document.getElementById(obj).className = "on";
}
function bigRecomImgOff(obj){
	document.getElementById(obj).className = "off";
}





// COMMON 롤링 
var UI={
  _browser : null
};
UI.$=function(s) { return document.getElementById(s) };
UI.toggle=function(idprefix, options) {
	try {
		this.idprefix = idprefix;
		this.options = {
		   init_value : 'none'
		};
		Object.extend(this.options, options);
		
		var obj = UI.$("btn_" + idprefix);
		var self = this;
		UI.addEvent(obj, "click", function(){self.on()});
		
		if(UI.getStyle(UI.$("div_"+this.idprefix ), 'display') != this.options.init_value) {
			this.on();
		}
	} catch(e){}
}

//---
UI.yScrolling=function(cid, millisec1,millisec2, speed, height)
{
  this.cid= cid;
  this.millisec1 = millisec1; //처음시작 텀
  this.millisec2 = millisec2; //실행 텀
  this.speed = speed;     //한번에 이동할 px
  this.height = height;
  
  this.h =0;
  this.div = UI.$(this.cid);
  this.htmltxt = this.div.innerHTML;
  this.div.innerHTML = this.htmltxt+this.htmltxt;
  this.div.isover=false;
  this.div.onmouseover=function(){ this.isover=true; }
  this.div.onmouseout=function(){ this.isover=false; }
  var self =this;
  window.setTimeout(function(){self.play()}, this.millisec1);
}
UI.yScrolling.prototype={
  play : function(){
    var self =this;
    if(!this.div.isover)
    { 
      this.div.scrollTop += this.speed;
      if(this.div.scrollTop >= this.div.scrollHeight/2) 
      {
        this.div.scrollTop=0;
        //this.h=0;
      }
      else(this.height)
      {
        this.h += this.speed;
        if(this.h>=this.height)
        {
          if(this.h>this.height)
          {
            this.div.scrollTop -= this.h % this.height;
            //window.status = this.div.scrollTop +" : "+this.h % this.height;
          }
          this.h=0;
          window.setTimeout(function(){self.play()}, this.millisec1);         
          return;
        }
      }
    }   
    window.setTimeout(function(){self.play()}, this.millisec2);
  }
};
UI.xScrolling=function(cid, perwidth, cnt, millisec1,millisec2, speed)
{
  this.cid= cid;
  this.millisec1 = millisec1; //처음시작 텀
  this.millisec2 = millisec2; //실행 텀
  this.speed = speed;     //한번에 이동할 px
  
  this.div = UI.$(this.cid);
  this.htmltxt = this.div.innerHTML;
  this.div.innerHTML = this.htmltxt + this.htmltxt;
  this.div.style.width = 2 * cnt * perwidth + "px";
  
  
  
  //this.div.innerHTML = '<div style="white-space:nowrap">'+this.htmltxt+this.htmltxt+'<\/div>';
  this.div.isover=false;
  this.div.onmouseover=function(){ this.isover=true; }
  this.div.onmouseout=function(){ this.isover=false; }
  var self =this;
  window.setTimeout(function(){self.play()}, this.millisec1);
}
UI.xScrolling.prototype={
  play : function(){
    if(!this.div.isover)
    { 
      this.div.style.left = eval(this.div.offsetLeft - this.speed) + "px";
      if(-(this.div.offsetLeft) > this.div.offsetWidth/2) {
          this.div.style.left = 0 + "px";
      }     
    }
    var self =this;
    window.setTimeout(function(){self.play()}, this.millisec2);
  }
};
//param : 공통아이디,전체갯수,텀,처음활성화
UI.Rolling=function(cid,count,interval,n) {
  this.cid = cid;
  this.count = count; 
  this.n = (n)?n:"1";
  this.onchange = null;

  for(var k=1; k<=this.count; k++) UI.$(this.cid+"_"+k).style.display="none";
  UI.$(this.cid+"_"+this.n).style.display="block";

  this.div = UI.$(this.cid);//전체div
  this.div.onmouseover=function(){this.isover=true; }
  this.div.onmouseout=function() {this.isover=false;}
  this.btn_next = UI.$("btn_"+this.cid+"_next");
  this.btn_prev = UI.$("btn_"+this.cid+"_prev");

  var self=this;
  if(this.btn_next) this.btn_next.onclick=function(){self.next() }
  if(this.btn_prev) this.btn_prev.onclick=function(){self.prev() }
  if(interval>0) setInterval(function(){self.play()}, interval);
}
UI.Rolling.prototype = {
  play : function() {

    if(this.div.isover) return;
    this.next();
  },
  change :function(){
    if(this.onchange) this.onchange();
  },
  prev :function(){
    UI.$(this.cid+"_"+this.n).style.display="none";
    this.n=(this.n==1)?this.count:--this.n;
    UI.$(this.cid+"_"+this.n).style.display="block";
    this.change();
  },
  next :function(){
    UI.$(this.cid+"_"+this.n).style.display="none";
    this.n=(this.n==this.count)? 1:++this.n;
    UI.$(this.cid+"_"+this.n).style.display="block";
    this.change();
  },
  random : function() {
    var rn=Math.round((this.count-1)*Math.random());
    for(var i=0;i<rn;i++) this.next();
  }
};

UI.RollingX = function(preId, speed, totalcnt, viewcnt, endCallback) {
	this.frame   = UI.$(preId + "Frame");
    this.obj     = UI.$(preId + "List");
	this.endCallback = endCallback;
    
    if ( this.obj == null ) {
    	return;
    }
    
    this.obj.style.width = Math.ceil(totalcnt/viewcnt) * viewcnt * speed + "px";
    
    this.actFlag = false;
    
    this.btn_prev = UI.$("btn_" + preId + "_prev");
    this.btn_next = UI.$("btn_" + preId + "_next");
    
    var self = this;
    var initspeed = speed * viewcnt;
	
	if ( endCallback == null ) {
		if(this.btn_prev) this.btn_prev.onclick = function(){self.play("left", initspeed);}
		if(this.btn_next) this.btn_next.onclick = function(){self.play("right", initspeed);}
	}
} 
UI.RollingX.prototype = {
    play : function(dir, speed) {
        if(!this.actFlag) {
            if(dir == "left") {
                this.prev(speed);
            } else if(dir == "right") {
                this.next(speed);
            }
        	this.diplayYN(dir, speed);
        }    
    },
    
    prev : function(speed) {
    	if(this.obj.offsetLeft < 0 && speed > 0) {
            this.actFlag = true;
            var len = Math.ceil(speed/3);
            var nextspeed = speed-len;
            this.obj.style.left = eval(this.obj.offsetLeft + len) + "px";
            
            var self = this;
            window.setTimeout(function(){self.prev(nextspeed)}, 50);
        } else {
            this.actFlag = false;
			if ( this.endCallback != null ) {
				this.endCallback("left");
			}
        }
    },
    
    next : function(speed) {
    	if((this.obj.offsetLeft+this.obj.offsetWidth) > this.frame.offsetWidth && speed > 0) {
            this.actFlag = true;
            var len = Math.ceil(speed/3);
            var nextspeed = speed-len;
            this.obj.style.left = eval(this.obj.offsetLeft - len) + "px";
            
            var self = this;
            window.setTimeout(function(){self.next(nextspeed)}, 50);
        } else {
            this.actFlag = false;
			if ( this.endCallback != null ) {
				this.endCallback("right");
			}
        }
    },
    
    diplayYN : function(dir, speed) {
    	var len = Math.ceil(speed/3);
    	var pos = 0;
    	
    	if(dir == "left") {
    		pos = (eval(this.obj.offsetLeft + len) + len);
        } else if(dir == "right") {
        	pos = (eval(-(this.obj.offsetLeft) - len) + speed);
        }
    	
		if ( this.endCallback == null ) {
			if((0 <= pos) && (pos < eval(this.frame.offsetWidth))) {
				if((this.btn_prev.src.lastIndexOf(".")-this.btn_prev.src.lastIndexOf("_")) == 3) {
					this.btn_prev.src = this.btn_prev.src;    			
				} else {
					this.btn_prev.src = this.btn_prev.src.substring(0, this.btn_prev.src.length-4) + "_no.gif";
				}
				this.btn_prev.style.cursor ="default";
				this.btn_prev.alt = "";
			} else {
				if((this.btn_prev.src.lastIndexOf(".")-this.btn_prev.src.lastIndexOf("_")) == 3) {
					this.btn_prev.src = this.btn_prev.src.substring(0, this.btn_prev.src.length-7) + ".gif";
				} else {
					this.btn_prev.src = this.btn_prev.src;
				}
				this.btn_prev.style.cursor ="pointer";
				this.btn_prev.alt = "이전";
			}
			
			if((eval(this.obj.offsetWidth-this.frame.offsetWidth) <= pos) && (pos <= eval(this.obj.offsetWidth))) {
				if((this.btn_next.src.lastIndexOf(".")-this.btn_next.src.lastIndexOf("_")) == 3) {
					this.btn_next.src = this.btn_next.src;
				} else {
					this.btn_next.src = this.btn_next.src.substring(0, this.btn_next.src.length-4) + "_no.gif";
				}
				this.btn_next.style.cursor ="default";
				this.btn_next.alt = "";
			} else {
				if((this.btn_next.src.lastIndexOf(".")-this.btn_next.src.lastIndexOf("_")) == 3) {
					this.btn_next.src = this.btn_next.src.substring(0, this.btn_next.src.length-7) + ".gif";
				} else {
					this.btn_next.src = this.btn_next.src;
				}
				this.btn_next.style.cursor ="pointer";
				this.btn_next.alt = "다음";
			}
		}
    }
};


UI.RollingXLoop = function( preId, width, totalcnt, viewcnt ) {
	this.frame   = UI.$(preId + "Frame");
    this.obj     = UI.$(preId + "List");
	this.itemList = this.obj.children;
	this.itemWidth = width;
	this.doClear = true;
	
	this.htmlList = new Array(this.itemList.length);
	
	for ( var i = 0 ; i < this.htmlList.length ; i++ ) {
		this.htmlList[i] = this.itemList[i].innerHTML;
	}
	
	for ( var i = this.itemList.length - 1 ; i >= viewcnt ; i-- ) {
		this.obj.removeChild( this.itemList[i] );
	}
	
	this.startNo = 1;
	this.endNo = viewcnt;
	this.totalcnt = totalcnt;
	this.viewcnt = viewcnt;

    this.btn_prev = UI.$("btn_" + preId + "_prev");
    this.btn_next = UI.$("btn_" + preId + "_next");
    
    var self = this;
    if(this.btn_prev) this.btn_prev.onclick = function(){self.play("left");}
    if(this.btn_next) this.btn_next.onclick = function(){self.play("right");}
	
	this.rollingx = new UI.RollingX( preId, width, totalcnt, viewcnt, function(dir) {self.clearBuffer(dir);} );
}

UI.RollingXLoop.prototype = {
	play : function(dir) {
		if ( !this.doClear ) {
			return;
		}
		
		this.doClear = false;
		
		if(this.totalcnt > this.viewcnt) {
			if ( dir == "left" ) {
				this.prev();
			}
			else {
				this.next();
			}
		}
		this.displayItems(dir);
	},
	
	next : function() {
		if ( this.endNo >= this.totalcnt ) {
			this.startNo = 1;
			this.endNo = this.viewcnt;
		}
		else {
			this.startNo = this.endNo + 1;
			this.endNo = this.endNo + this.viewcnt;
		}
		
		for ( var i = 0 ; i < this.viewcnt ; i++ ) {
			this.obj.appendChild( document.createElement("<li class=\"r" + ( i+1) + "\"></li>") );
			this.obj.style.width = ( ( this.viewcnt + i + 1 ) * this.itemWidth ) + "px";
		}
	},
	
	prev : function() {
		if ( this.startNo <= 1 ) {
			this.endNo = this.totalcnt;
			this.startNo = this.endNo - this.viewcnt + 1;
		}
		else {
			this.endNo = this.startNo - 1;
			this.startNo = this.startNo - this.viewcnt;
		}
		
		var beforeNode = this.itemList[0];
		for ( var i = 0 ; i < this.viewcnt ; i++ ) {
			this.obj.style.left = "-" + ( eval( 0 - this.obj.offsetLeft ) + this.itemWidth ) + "px";
			this.obj.style.width = ( ( this.viewcnt + i + 1 ) * this.itemWidth ) + "px";
			this.obj.insertBefore( document.createElement("<li class=\"r" + ( i+1) + "\"></li>"), beforeNode );
		}
	},
	
	displayItems : function(dir) {
		var itemNo = 0;
		var itemNoList = new Array(this.viewcnt);
		//alert( this.startNo + "," + this.endNo );
		for ( var i = 0 ; i < this.viewcnt ; i++ ) {
			if ( this.startNo + i < 1 ) {
				itemNo = this.totalcnt + ( this.startNo + i );
			}
			else if ( this.startNo + i > this.totalcnt ) {
				itemNo = ( this.startNo + i ) - this.totalcnt;
			}
			else {
				itemNo = this.startNo + i;
			}
			itemNoList[i] = itemNo;
			
			if ( dir == "left" ) {
				this.obj.childNodes(i).innerHTML = this.htmlList[itemNo-1];
			}
			else {
				this.obj.childNodes(i+this.viewcnt).innerHTML = this.htmlList[itemNo-1];
			}
		}
		
		var initspeed = this.itemWidth * this.viewcnt;
		this.rollingx.play(dir, initspeed);
		
		this.startNo = itemNoList[0];
		this.endNo = itemNoList[this.viewcnt-1];
	},
	
	clearBuffer : function(dir) {
		var itemList = this.obj.childNodes;
		
		if ( dir == "left" ) {
			for ( var i = 0 ; i < this.viewcnt ; i++ ) {
				this.obj.removeChild( itemList[this.viewcnt] );
			}
		}
		else {
			for ( var i = 0 ; i < this.viewcnt ; i++ ) {
				this.obj.removeChild( itemList[0] );
			}
		}
		this.obj.style.left = "";
		this.obj.style.width = ( this.viewcnt * this.itemWidth ) + "px";
		this.doClear = true;
	}
};

UI.RollingY = function(preId, speed, totalcnt, viewcnt) {
    this.frame     = UI.$(preId + "Frame");
    this.obj       = UI.$(preId + "List");
    this.obj.style.height = Math.ceil(totalcnt/viewcnt) * viewcnt * speed + "px";
    this.actFalg   = false;
    
    this.btn_up = UI.$("btn_" + preId + "_up");
    this.btn_down = UI.$("btn_" + preId + "_down");
    
    var self = this;
    var initspeed = speed * viewcnt;
    if(this.btn_up) this.btn_up.onclick = function(){self.play("up", initspeed);}
    if(this.btn_down) this.btn_down.onclick = function(){self.play("down",initspeed);}
} 
UI.RollingY.prototype = {
    play : function(dir, speed) {
    	if(!this.actFlag) {
            if(dir == "up") {
                this.up(speed);
            } else if(dir == "down") {
                this.down(speed);
            }
        }    
    },
    
    up : function(speed) {
        if(this.obj.offsetTop < 0 && speed > 0) {
            this.actFlag = true;
            var len = Math.ceil(speed/3);
            var nextspeed = speed-len;
            this.obj.style.top = eval(this.obj.offsetTop + len) + "px";
            
            var self = this;
            window.setTimeout(function(){self.up(nextspeed)}, 50);
        } else {
            this.actFlag = false;
        }
    },
    
    down : function(speed) {
    	if((this.obj.offsetTop+this.obj.offsetHeight) > this.frame.offsetHeight && speed > 0) {
            this.actFlag = true;
            var len = Math.ceil(speed/3);
            var nextspeed = speed-len;
            this.obj.style.top = eval(this.obj.offsetTop - len) + "px";
            
            var self = this;
            window.setTimeout(function(){self.down(nextspeed)}, 50);
        } else {
            this.actFlag = false;
        }
    }
};

UI.LRollingX = function(preId, speed, totalcnt, viewcnt) {
	this.frame   = UI.$(preId + "Frame");
    this.obj     = UI.$(preId + "List");
    
    if ( this.obj == null ) {
    	return;
    }
    
    this.obj.style.width = Math.ceil(totalcnt/viewcnt) * viewcnt * speed + "px";
    
    this.actFalg = false;
    
    this.btn_prev = UI.$("btn_" + preId + "_prev");
    this.btn_next = UI.$("btn_" + preId + "_next");
    
    var self = this;
    var initspeed = speed * viewcnt;
    if(this.btn_prev) this.btn_prev.onclick = function(){self.play("left", initspeed);}
    if(this.btn_next) this.btn_next.onclick = function(){self.play("right", initspeed);}
}
UI.LRollingX.prototype = {
    play : function(dir, speed) {
        if(!this.actFlag) {
            if(dir == "left") {
                this.prev(speed);
            } else if(dir == "right") {
                this.next(speed);
            }
        	this.diplayYN(dir, speed);
        	this.diplayGoods(preId, dir, totalcnt, viewcnt);
        }    
    },
    
    prev : function(speed) {
    	if(this.obj.offsetLeft < 0 && speed > 0) {
            this.actFlag = true;
            var len = Math.ceil(speed/3);
            var nextspeed = speed-len;
            this.obj.style.left = eval(this.obj.offsetLeft + len) + "px";
            
            var self = this;
            window.setTimeout(function(){self.prev(nextspeed)}, 50);
        } else {
            this.actFlag = false;
        }
    },
    
    next : function(speed) {
    	if((this.obj.offsetLeft+this.obj.offsetWidth) > this.frame.offsetWidth && speed > 0) {
            this.actFlag = true;
            var len = Math.ceil(speed/3);
            var nextspeed = speed-len;
            this.obj.style.left = eval(this.obj.offsetLeft - len) + "px";
            
            var self = this;
            window.setTimeout(function(){self.next(nextspeed)}, 50);
        } else {
            this.actFlag = false;
        }
    },
    
    diplayYN : function(dir, speed) {
    	var len = Math.ceil(speed/3);
    	var pos = 0;
    	
    	if(dir == "left") {
    		pos = (eval(this.obj.offsetLeft + len) + len);
        } else if(dir == "right") {
        	pos = (eval(-(this.obj.offsetLeft) - len) + speed);
        }
    	
    	if((0 <= pos) && (pos < eval(this.frame.offsetWidth))) {
    		if((this.btn_prev.src.lastIndexOf(".")-this.btn_prev.src.lastIndexOf("_")) == 3) {
    			this.btn_prev.src = this.btn_prev.src;    			
    		} else {
    			this.btn_prev.src = this.btn_prev.src.substring(0, this.btn_prev.src.length-4) + "_no.gif";
    		}
    		this.btn_prev.style.cursor ="default";
    		this.btn_prev.alt = "";
    	} else {
    		if((this.btn_prev.src.lastIndexOf(".")-this.btn_prev.src.lastIndexOf("_")) == 3) {
    			this.btn_prev.src = this.btn_prev.src.substring(0, this.btn_prev.src.length-7) + ".gif";
    		} else {
    			this.btn_prev.src = this.btn_prev.src;
    		}
    		this.btn_prev.style.cursor ="pointer";
    		this.btn_prev.alt = "이전";
    	}
    	
    	if((eval(this.obj.offsetWidth-this.frame.offsetWidth) <= pos) && (pos <= eval(this.obj.offsetWidth))) {
    		//if((this.btn_next.src.lastIndexOf(".")-this.btn_next.src.lastIndexOf("_")) == 3) {
    		//	this.btn_next.src = this.btn_next.src;
    		//} else {
    		//	this.btn_next.src = this.btn_next.src.substring(0, this.btn_next.src.length-4) + "_no.gif";
    		//}
    		//this.btn_next.style.cursor ="default";
    		//this.btn_next.alt = "";
    	} else {
    		if((this.btn_next.src.lastIndexOf(".")-this.btn_next.src.lastIndexOf("_")) == 3) {
    			this.btn_next.src = this.btn_next.src.substring(0, this.btn_next.src.length-7) + ".gif";
    		} else {
    			this.btn_next.src = this.btn_next.src;
    		}
    		this.btn_next.style.cursor ="pointer";
    		this.btn_next.alt = "다음";
    	}
    },
    
    diplayGoods : function(preId, dir, totalcnt, viewcnt) {
    	//if(dir == "left") {
    	//	pos = (eval(this.obj.offsetLeft + len) + len);
        //} else if(dir == "right") {
        //	pos = (eval(-(this.obj.offsetLeft) - len) + speed);
        //}
    }
};


// 전체보기 띄우기
(function($) { 
	$(function() {
		$('.onSmart').click(function(){
			$('#smartContents').show();
		});
		$('.x').click(function(){
			$('#smartContents').hide();
		});
	});
 })(jQuery);