// JavaScript Document

function bindMethod(o, f) {
	return function() { return f.apply(o, arguments) }
}

/* À̺¥Æ® */
function addEvent(obj,evt,fn){
	evt = (evt.indexOf(" ") != -1) ? evt.split(" ") : [evt];
	for(i in evt){
		var e = evt[i];
		if(e == "mousewheel"){
			if(obj.addEventListener) obj.addEventListener('DOMMouseScroll', fn, false);
			obj.onmousewheel = fn;
			break;
		}
		if(obj.addEventListener) obj.addEventListener( (e=="mousewheel") ? "DOMMouseScroll" : e,fn,false );
		else if(obj.attachEvent) obj.attachEvent('on'+e,fn);
	}
}
function removeEvent(obj,evt,fn){
	evt = (evt.indexOf(" ") != -1) ? evt.split(" ") : [evt];
	for(i in evt){
		var e = evt[i];
		if(e == "mousewheel"){
			if(obj.removeEventListener) obj.removeEventListener('DOMMouseScroll', fn, false);
			obj.onmousewheel = null;
			break;
		}
		if(obj.removeEventListener) obj.removeEventListener( (e=="mousewheel") ? "DOMMouseScroll" : e,fn,false );
		else if(obj.detachEvent) obj.detachEvent('on'+e,fn);
	}
}
function stopBubble(e){
	if (e.stopPropagation) e.stopPropagation();
	else window.event.cancelBubble = true;
}
function stopDefault(e){
    if (e.preventDefault) e.preventDefault();
    return false;
}

// º¸À̱⠰¨Ãß±â
function eleshow(ele) {
	if(typeof ele == "string") ele = document.getElementById(ele);
	ele.style.display = 'block'; return false;
}
function elehide(ele) {
	if(typeof ele == "string") ele = document.getElementById(ele);
	ele.style.display = 'none';
	return false;
}
function toggles(ele){
	if(typeof ele == "string") ele = document.getElementById(ele);
	// cssÀÇ display °ª ¹Þ¾Æ¿À±â
	var value = null;
	if(ele.currentStyle) var value = ele.currentStyle['display'];
	else if(document.defaultView.getComputedStyle) var value = document.defaultView.getComputedStyle(ele,null)['display'];
	// noneÀ϶§¿Í ¾Æ´Ò¶§ ´Ù¸£°Ô ¸ÔÀ̱â
	if(value != "none") (ele.style.display != 'none') ? ele.style.display = 'none' : ele.style.display = '';
	else (ele.style.display != 'block') ? ele.style.display = 'block' : ele.style.display = ''
	return false;
}


// Ŭ·¡½º °Ë»ç/Ãß°¡/»èÁ¦
function hasClass(element,value) {
	var re = new RegExp("(^|\\s)" + value + "(\\s|$)");
	return re.test(element.className);
}

function addClass(element,value) {
	if (!element.className) {
			element.className = value;
	}else{
		var new_class_name = element.className;
		if (!hasClass(element,value)) {
			element.className += " " + value;
		}
	}
}
function removeClass(element,value) {
	if (element.className && hasClass(element,value)) {
		var re = new RegExp("(^|\\s)" + value);
		element.className = element.className.replace(re,"");
	}
}

// ³ëµåã±â
function next(ele){
	do{
		ele = ele.nextSibling;
	}while(ele && ele.nodeType!=1)
	return ele;
}
function getElementsByClass(node, tagName, srchClass) {
    node = node || window.document;
    tagName = tagName ? tagName.toUpperCase() : "*";
    var eles = node.getElementsByTagName(tagName);
	
	if(!srchClass) return eles;

    var arr = new Array;
    for (var i=0; i<eles.length; i++) {
        if (hasClass(eles[i],srchClass)) arr.push(eles[i]);
    }
    return arr;
}
function parentEle(ele, tagName, srchClass){
	if(typeof tagName=="number"){
		for(var i=0; i<tagName; i++){
			if(ele!=null) ele = ele.parentNode;
		}
		return ele;
	}	
	
	tagName = tagName ? tagName.toUpperCase() : "*";
	if(srchClass){
		if(tagName!="*"){
			while((ele.nodeName!=tagName || !hasClass(ele,srchClass)) && ele.nodeName!="BODY")
				ele = ele.parentNode;
		}else{
			while(!hasClass(ele,srchClass) && ele.nodeName!="BODY")
				ele = ele.parentNode;
		}
	}else{
		if(tagName!="*"){
			while(ele.nodeName!=tagName && ele.nodeName!="BODY")
				ele = ele.parentNode;
		}else{
			ele = ele.parentNode;
		}
	}
	return ele;
}

// ³ëµåÀ̵¿
function insertBefore(source, target){
    target.parentNode.insertBefore(source, target);
}
function insertAfter(source, target) {
    var parent = target.parentNode;
    if(parent.lastChild == target)
        parent.appendChild(source);
    else
        parent.insertBefore(source, target.nextSibling);
}

// ÅǸ®½ºÆ®
function tabList(tabContainerID, index) {
	index = index || 0;
	var tabContainer = document.getElementById(tabContainerID);
	var tabAnchor = tabContainer.getElementsByTagName("A");
	var i = 0;

	var tabA = new Array;
	for(i=0; i<tabAnchor.length; i++) {
		if (hasClass(tabAnchor[i], "tab")){
			var alink = tabAnchor.item(i);
			tabA.push(tabAnchor[i]);
		}else{
			continue;
		}

		alink.container = tabContainer;
		alink.targetEl = document.getElementById(alink.href.split("#")[1]);
		alink.targetEl.style.display = "none";
		alink.imgEl = alink.getElementsByTagName("img")[0];
					
		alink.onclick = alink.onmouseover = function(){
			oldActive = this.container.current;
			if(oldActive == this) return false;

			if(oldActive){
				oldActive.targetEl.style.display = "none";
				
				if(oldActive.imgEl) oldActive.imgEl.src = oldActive.imgEl.src.replace("_on.gif", ".gif");
				removeClass(oldActive.parentNode, "current");
			}
			
			this.targetEl.style.display = "block";
			
			if(this.imgEl) this.imgEl.src = this.imgEl.src.replace(".gif", "_on.gif");
			addClass(this.parentNode, "current");

			this.container.current = this;
			return false;
		};

		if(!alink.container.first) alink.container.first = tabA[index];
	}
	if(tabContainer.first) tabContainer.first.onclick();
	
	return tabA;
}

// slider
function slider(obj){
	var _root = this;
	var slider = (typeof obj.sliderID == "string") ? document.getElementById(obj.sliderID) : obj.sliderID;
	var sliderBar = (typeof obj.sliderBar == "string") ? document.getElementById(obj.sliderBar) : obj.sliderBar;
	var receiveEle = (typeof obj.receiveEle == "string") ? document.getElementById(obj.receiveEle) : obj.receiveEle;
	var sliderFlag = false;
	var direction = obj.direction;

	slider.clientSize = (direction == "x") ? slider.clientWidth : slider.clientHeight;
	sliderBar.offsetSize = (direction == "x") ? sliderBar.offsetWidth: sliderBar.clientHeight;
	sliderBar.moveArea = slider.clientSize - sliderBar.offsetSize;
	
	this.move = function(e){
		if(!dragFlag) return;
		var e = e || window.event;
		
		var value;
		if(direction == "x"){
			value = (e.pageX || e.clientX+document.documentElement.scrollLeft) - sliderBar.offsetX;
			
			document.getElementById("result").innerHTML = (e.pageX || e.clientX+document.documentElement.scrollLeft) + " - " + sliderBar.offsetX;
			
			if(value<0) value = 0;
			if(value>=sliderBar.moveArea)  value = sliderBar.moveArea;
			sliderBar.style.left = value+"px";
			
		}else{
			value = (e.pageY || e.clientY+document.documentElement.scrollTop) - sliderBar.offsetY;
			if(value<0) value = 0;
			if(value>=sliderBar.moveArea)  value = sliderBar.moveArea;			
			sliderBar.style.top = (value<0) ? 0 : value+"px";
		}
		receiveEle.value = parseInt(value/sliderBar.moveArea*100);
		return false;
	}
	
	addEvent(sliderBar, "mousedown", function(e){
		var e = e || window.event;
		sliderBar.offsetX = e.layerX || window.event.offsetX;
		sliderBar.offsetY = e.layerY || window.event.offsetY;

		var node = sliderBar.offsetParent;
		while ( node.offsetParent ){
			sliderBar.offsetX += node.offsetLeft;
			sliderBar.offsetY += node.offsetTop;
			node = node.offsetParent;
		}
		
		dragFlag = true;
		addEvent(document, "mousemove", _root.move);

		(e.stopPropagation) ? e.stopPropagation() :  window.event.cancelBubble = true;
		if(e.preventDefault) e.preventDefault();
		return false; 
	});

	addEvent(document, "mouseup", function(){
		dragFlag = false;
		removeEvent(document, "mousemove", _root.move);
	});
}

// frame resize
function frameResize(ifrm){
	ifrm.style.height = "";
	setTimeout(function(){
		var ifrmBodyH1 = ifrm.contentWindow.document.body.scrollHeight;
		var ifrmBodyH2 = ifrm.contentWindow.document.documentElement.scrollHeight;
		var ifrmBodyH = (ifrmBodyH1 > ifrmBodyH2) ? ifrmBodyH1 : ifrmBodyH2;
		ifrm.style.height = ifrmBodyH + 4 + "px";
	}, 0);
}

/* SWFLoader */
function SWFLoader() {
	this.id = "";
	this.title = undefined;
	this.wmode = "window";
	this.flashvars = "";
	this.classId = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000';
	this.codeBase = 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0';
	this.pluginSpage = 'http://www.macromedia.com/go/getflashplayer';
	this.embedType = 'application/x-shockwave-flash';
}
SWFLoader.prototype.setting = function(obj){
	for(var property in obj){
		this[property] = obj[property];
	}
	if(this.alternate && document.getElementById(this.alternate)){
		var node = document.getElementById(this.alternate);
		this.alternate = node.innerHTML;
		node.style.display = "none";
	}
	this.parameter = "";
	this.parameter += "<param name='allowScriptAccess' value='always' />";
	this.parameter += "<param name='allowFullScreen' value='false' />";
	this.parameter += "<param name='movie' value='"+this.url+this.flashvars+"' />";
	this.parameter += "<param name='wmode' value='"+ this.wmode +"' />";
	this.parameter += "<param name='quality' value='best'/>";
	this.parameter += "<param name='base' value='.'>";
	this.parameter += "<param name='scale' value='noscale'/>";
	this.parameter += "<param name='expressinstall' value='Scripts/expressInstall.swf' />";
}
SWFLoader.prototype.addParameter = function(name, value){
	this.parameter += "<param name='"+name+"' value='"+value+"'/>";
}
SWFLoader.prototype.show = function(){
	var str = "";
	var title = (this.title) ? ' title="'+this.title+'"' : "";
	str += '<object id="'+this.id+'" width="'+this.width+'" height="'+this.height+'" classid="'+this.classId+'" codebase="'+this.codeBase+'"'+ title+'>';
		str += this.parameter;
		str += '<!--[if !IE]>-->';
		str += '<object id="'+this.id+'" type="application/x-shockwave-flash" data="'+this.url+this.flashvars+'" width="'+this.width+'" height="'+this.height+'" name="'+this.id+'"'+ title +'>';
		str += this.parameter;
		str += '<!--<![endif]-->';
			str += this.alternate;
		str += '<!--[if !IE]>-->';
		str += '</object>';
		str += '<!--<![endif]-->';
	str += '</object>';
	document.write(str);
}
SWFLoader.prototype.showflash = function(id){
	var str = "";
	var title = (this.title) ? ' title="'+this.title+'"' : "";
	str += '<object id="'+this.id+'" width="'+this.width+'" height="'+this.height+'" classid="'+this.classId+'" codebase="'+this.codeBase+'"'+ title+'>';
		str += this.parameter;
		str += '<!--[if !IE]>-->';
		str += '<object id="'+this.id+'" type="application/x-shockwave-flash" data="'+this.url+this.flashvars+'" width="'+this.width+'" height="'+this.height+'" name="'+this.id+'"'+ title +'>';
		str += this.parameter;
		str += '<!--<![endif]-->';
			str += this.alternate;
		str += '<!--[if !IE]>-->';
		str += '</object>';
		str += '<!--<![endif]-->';
	str += '</object>';
	document.getElementById(id).innerHTML = str;
}
// tabRolling
function tabRolling(obj) {
	var index = obj.index || 0;
	var speed = obj.speed || 3000;
	var tabContainer = document.getElementById(obj.wrap);
	var tabAnchor = tabContainer.getElementsByTagName("A");
	
	// ÅÇÀ» Á¦¿ÜÇÑ ¸ðµç¸µÅ© ¿À¹ö½Ã ·Ñ¸µ Á¤Áö
	var tabA = new Array;
	for(var i=0; i<tabAnchor.length; i++) {
		if (hasClass(tabAnchor[i], "tab")){
			tabA.push(tabAnchor[i]);
			continue
		}
		
		var etcLink = tabAnchor[i];
		addEvent(etcLink, "mouseover", function(e){
			clearInterval( rollTimer );
			
			var e = e || window.event;
			stopBubble(e);
			return stopDefault(e);
		});
	}
	
	// ÅǸµÅ© Ŭ¸¯/¿À¹ö½Ã µ¿ÀÛ ¼³Á¤
	for(var i=0; i<tabA.length; i++) {
		(function(){
			var alink = tabA[i];
			alink.container = tabContainer;
			alink.targetEl = document.getElementById(alink.href.split("#")[1]);
			alink.targetEl.style.display = "none";			
			alink.imgEl = alink.getElementsByTagName("img")[0];
			alink.cnt = i;						
			addEvent(alink, "click", function(e){
				var url = alink.href.split("#")[0];
				if(url == "http://"+location.host+location.pathname){
					stopBubble(e);
					return stopDefault(e);
				}
				location.href = url;
				stopBubble(e);
				return stopDefault(e);
			});
			alink.onmouseover = function(){ alinkAction.call(this);};
			if(!alink.container.first) alink.container.first = tabA[index];
		})();
	}
	if(tabContainer.first) alinkAction.call(tabContainer.first); // Ãʱâ ù¹ø°¸Þ´º È°¼ºÈ­
	
	function alinkAction(){
		jQuery("#" + String(this.href).split("#")[1] + " .current").removeClass("current");
		rollActive = this.cnt;
		
		oldActive = this.container.current;
		if(oldActive == this) return false;

		if(oldActive){
			oldActive.targetEl.style.display = "none";
			if(oldActive.imgEl && oldActive.imgEl.src.indexOf(".gif") != -1) oldActive.imgEl.src = oldActive.imgEl.src.replace("_on.gif", ".gif");
			if(oldActive.imgEl && oldActive.imgEl.src.indexOf(".jpg") != -1) oldActive.imgEl.src = oldActive.imgEl.src.replace("_on.jpg", ".jpg");
			removeClass(parentEle(oldActive, "LI"), "current");
		}

		this.targetEl.style.display = "";
		if(this.imgEl &&  this.imgEl.src.indexOf(".gif") != -1) this.imgEl.src = this.imgEl.src.replace(".gif", "_on.gif");
		if(this.imgEl &&  this.imgEl.src.indexOf(".jpg") != -1) this.imgEl.src = this.imgEl.src.replace(".jpg", "_on.jpg");
		addClass(parentEle(this, "LI"), "current");

		this.container.current = this;
		return false;
	};

	// ¿À¹ö½Ã¸ØÃß°í / ¸¶¿ì½º¾Æ¿ô½Ã ·Ñ¸µ½ÃÀÛ
	var rollActive = index || 0;
	var rollTimer = null;
	addEvent(tabContainer, "mouseover", function(e){  clearInterval( rollTimer );  });
	addEvent(tabContainer, "mouseout", function(e){
		rollTimer = setInterval(function(){  rollAction();  }, speed);
	});
	
	function rollAction(){
		rollActive++;
		if(rollActive >= tabA.length) rollActive = 0;
		alinkAction.call( tabA[rollActive] );
	}
	rollTimer = setInterval(function(){  rollAction();  }, speed);
}

// shopbyitem
function shopbyitem(){
	var _root = this;
	var wrap = document.getElementById("shopbyitem");
	var btnlist = document.getElementById("shopitem_list"); /* ¼¼·Î¸Þ´º */
	var layerwrap = document.getElementById("shopitemLayerWrap"); /* ·¹À̾°³ */
	var alinks = btnlist.getElementsByTagName("A");

	// item¸Þ´º ¿Ã¸®¸é ·¹ÀÌ¾î º¸À̱â
	var oldActive;
	for(var i=0; i<alinks.length; i++){
		(function(){
			var alink = alinks[i];
			alink.targetEle = document.getElementById( alink.href.split("#")[1] );
			alink.cnt = i+1;
			addEvent(alink, "mouseover", function(e){
				wrap.className = "shopitem"+alink.cnt+"on";
				layerwrap.style.display = "block";
			});
			addEvent(alink, "click", function(e){  return false;  });
		})()
	} // end - for

	addEvent(btnlist, "mouseover", function(e){  _root.layerHiddenStop();  });
	addEvent(btnlist, "mouseout", function(e){ _root.layerHiddenStar();  });
	
	addEvent(layerwrap, "mouseover", function(e){  _root.layerHiddenStop();  });
	addEvent(layerwrap, "mouseout", function(e){  _root.layerHiddenStar();  });

	var timerHidden;
	this.layerHiddenStop = function(){  clearTimeout(timerHidden);  }
	this.layerHiddenStar = function(){
		timerHidden = setTimeout(function(){
			wrap.className = "";
			layerwrap.style.display = "none";
		}, 0);
	}
	
}

// goodsitem
function goodsitem(){
	var _root = this;
	var wrap = document.getElementById("goodsitem");
	var btnlist = document.getElementById("goodsitem_list"); /* ¼¼·Î¸Þ´º */
	var layerwrap = document.getElementById("goodsitemLayerWrap"); /* ·¹À̾°³ */
	var alinks = btnlist.getElementsByTagName("A");

	// item¸Þ´º ¿Ã¸®¸é ·¹ÀÌ¾î º¸À̱â
	var oldActive;
	for(var i=0; i<alinks.length; i++){
		(function(){
			var alink = alinks[i];
			alink.targetEle = document.getElementById( alink.href.split("#")[1] );
			addEvent(alink, "click", function(e){  return false;  });
			addEvent(alink, "mouseover", function(e){
				if(oldActive && oldActive != alink){
					removeClass(oldActive, "current");
					oldActive.targetEle.style.display = "none";
				}
				addClass(alink, "current");
				alink.targetEle.style.display = "block";
				
				oldActive = alink;
			});
		})()
	} // end - for

	addEvent(btnlist, "mouseover", function(e){  _root.layerHiddenStop();  });
	addEvent(btnlist, "mouseout", function(e){ _root.layerHiddenStar();  });
	
	addEvent(layerwrap, "mouseover", function(e){  _root.layerHiddenStop();  });
	addEvent(layerwrap, "mouseout", function(e){  _root.layerHiddenStar();  });

	var timerHidden;
	this.layerHiddenStop = function(){  clearTimeout(timerHidden);  }
	this.layerHiddenStar = function(){
		timerHidden = setTimeout(function(){
			removeClass(oldActive, "current");
			oldActive.targetEle.style.display = "none";
		}, 0);
	}
}

function btnFuncOver(o){
	var my = o.my;	
	if( my.wraps == undefined ){
		var wrapClass = o.wrapClass || "unit";
		var targetClass = o.targetClass || "btnFunc";

		my.wraps = parentEle(my, "*", wrapClass);
		my.btnFunc = getElementsByClass(my.wraps, "*", "btnFunc")[0];
		
		var alinks = my.wraps.getElementsByTagName("A");
		for(var i=0; i<alinks.length; i++){
			(function(){
				var alink = alinks[i];
				addEvent(alink, "mouseover", function(e){
					clearTimeout( my.timer );
				});
			})();
		}
		
		addEvent(my.wraps, "mouseover", function(e){  clearTimeout( my.timer );  });
		addEvent(my.wraps, "mouseout", function(e){
			my.timer = setTimeout(function(){
				my.btnFunc.style.display = "none";
				removeClass(my.wraps, "current");
			}, 3);
		});
	}
	my.btnFunc.style.display = "block";
	addClass(my.wraps, "current");
}
function btnFuncIcon(o){

	var my = o.my;
	
	if( my.wraps == undefined ){
		var wrapClass = o.wrapClass || "btnFunc";
		var targetClass = o.targetClass || "txt";
		
		my.wraps = parentEle(my, "*", wrapClass);		
		my.targetTxt = getElementsByClass(my.wraps, "*", targetClass)[0];
	}
	my.targetTxt.className = "txt txt-algin"+o.num+"";
}

function navisrchBtn(my){
	var navisrch = document.getElementById("navisrch");
	my.img = my.getElementsByTagName("IMG")[0];
	my.targetEle = document.getElementById(my.href.split("#")[1].toString());
	
	if( navisrch.oldActive == my && my.img.src.indexOf("_on.gif") != -1 ){
		my.img.src = my.img.src.replace("_on.gif", "_off.gif");
		my.targetEle.style.display = "none";
		return false;
	}
	
	if( navisrch.oldActive ){
		navisrch.oldActive.targetEle.style.display = "none";
		navisrch.oldActive.img.src = navisrch.oldActive.img.src.replace("_on.gif", "_off.gif");
	}
	
	my.img.src = my.img.src.replace("_off.gif", "_on.gif");
	my.targetEle.style.display = "block";
	
	navisrch.oldActive = my;
	return false;
}

function itemMenu(){
	var wrap = document.getElementById("js-naviItemLayer");
	var cates = getElementsByClass(wrap, "LI", "cate");
	var cateOldActive = null;
	var timer;	
	
	addEvent(wrap, "mouseover", function(e){
		clearTimeout( timer );
	});
	addEvent(wrap, "mouseout", function(e){
		timer = setTimeout(function(){
			if(cateOldActive && cateOldActive.img) cateOldActive.img.src = cateOldActive.img.src.replace("_on.gif", "_off.gif");
			cateOldActive = null;
		}, 100);
	});
	
	var alinks = wrap.getElementsByTagName("A");
	for(var i=0; i<alinks.length; i++){
		(function(){
			var alink = alinks[i];
			addEvent(alink, "mouseover", function(e){
				clearTimeout( timer );
			});
		})();
	}
	
	for(var i=0; i<cates.length; i++){
		(function(){
			var cate = cates[i];
			cate.img = cate.getElementsByTagName("IMG")[0];
			
			addEvent(cate, "mouseover", function(e){
				if( cateOldActive != null ){
					cateOldActive.img.src = cateOldActive.img.src.replace("_on.gif", "_off.gif");
					cateOldActive = null;
				}
				cate.img.src = cate.img.src.replace("_off.gif", "_on.gif");
				
				cateOldActive = cate;
			});
		})();
	}

}

function itemlayer(o){
	var my = o.my;
	if( my.wrap == undefined ){
		var wrapClass = o.wrapClass || "unit";
		var targetClass = o.targetClass || "itemlayer";
		
		my.wrap = parentEle(my, "*", wrapClass);
		
		var alinks = my.wrap.getElementsByTagName("A");
		for(var i=0; i<alinks.length; i++){
			(function(){
				var alink = alinks[i];
				addEvent(alink, "mouseover", function(e){
					clearTimeout( my.timer );
				});
			})();
		}
		
		addEvent(my.wrap, "mouseover", function(e){
			clearTimeout( my.timer );
		});
		addEvent(my.wrap, "mouseout", function(e){
			my.timer = setTimeout(function(){
				removeClass(my.wrap, "current");
			}, 1);
		});
	}
	
	addClass(my.wrap, "current");
}

/* png24 ½ºÅ©¸³Æ® */
function setPng24(obj) {
	obj.width=obj.height=1;
	obj.className=obj.className.replace(/\bpng24\b/i,'');
	obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+obj.src+"',sizingMethod='image');"
	obj.src=''; 
	return '';
}

/* ¸ÞÀÎ snb¸Þ´º */
function menuOverTip(eleID){
	var obj = document.getElementById(eleID);
	var objLink = obj.getElementsByTagName("A");
	
	for(i=0; i<objLink.length; i++){
		objLink[i].onmouseover = function(){
			addClass(this.parentNode, "current");
		}
		objLink[i].onmouseout = function(){
			removeClass(this.parentNode, "current");
		}
	}
}

//·Ñ¿À¹ö
function menusOver(ele) {
	var eleWrap = document.getElementById(ele);
	var alink = eleWrap.getElementsByTagName("A");
	
	for (i=0; i<alink.length; i++) {
		if(alink[i].getElementsByTagName("img").length == 0) continue;		
		if(alink[i].getElementsByTagName("img")[0].src.indexOf("_on.") != -1 ) continue;
		
		alink[i].onmouseover = alink[i].onfocus = function() {
			subImage = this.getElementsByTagName("img")[0];
			if (subImage.src.indexOf("_on.") != -1) return false;
			subImage.src = subImage.src.replace(/\.(?=gif|jpg|png)/,"_on.");
			//alert(subImage.src);
		}
		alink[i].onmouseout = alink[i].onblur = function() {
			subImage = this.getElementsByTagName("img")[0];
			subImage.src = subImage.src.replace(/_on\.(?=gif|jpg|png)/, ".");
		}
	}
}

// ·¹À̾î¿À¹ö
function togglelayer(btn, layer){
	var ele = document.getElementById(btn);
	var layer = document.getElementById(layer);
	
	ele.img = ele.getElementsByTagName("IMG")[0];
	ele.onclick = function(){}
	ele.onmouseover = function(){
		clearTimeout(timer);
		layer.style.display = "block";
	}
	ele.onmouseout = action;
	
	layer.onmouseover = function(){ clearTimeout(timer); }
	layer.onmouseout = action;
	
	var alls = layer.getElementsByTagName("*");
	for(var i=0; i<alls.length; i++){
		alls[i].onmouseover = function(){
			clearTimeout(timer);
		}
		alls[i].onmouseout = function(){
		}
	} // end for
	
	var timer;
	function action(){
		timer = setTimeout(function(){
			layer.style.display = "none";
		}, 10);
	}
}


// Ç÷¡½¬³Ö±â
function SWFLoader() {
	this.id = "";
	this.title = undefined;
	this.wmode = "window";
	this.flashvars = "";
	this.classId = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000';
	this.codeBase = 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0';
	this.pluginSpage = 'http://www.macromedia.com/go/getflashplayer';
	this.embedType = 'application/x-shockwave-flash';
}
SWFLoader.prototype.setting = function(obj){
	for(var property in obj){
		this[property] = obj[property];
	}
	if(this.alternate && document.getElementById(this.alternate)){
		var node = document.getElementById(this.alternate);
		this.alternate = node.innerHTML;
		node.style.display = "none";
	}
	this.parameter = "";
	this.parameter += "<param name='allowScriptAccess' value='always' />";
	this.parameter += "<param name='allowFullScreen' value='false' />";
	this.parameter += "<param name='movie' value='"+this.url+this.flashvars+"' />";
	this.parameter += "<param name='wmode' value='"+ this.wmode +"' />";
	this.parameter += "<param name='quality' value='best'/>";
	this.parameter += "<param name='base' value='.'>";
	this.parameter += "<param name='scale' value='noscale'/>";
	this.parameter += "<param name='expressinstall' value='Scripts/expressInstall.swf' />";
}
SWFLoader.prototype.addParameter = function(name, value){
	this.parameter += "<param name='"+name+"' value='"+value+"'/>";
}
SWFLoader.prototype.show = function(){
	var str = "";
	var title = (this.title) ? ' title="'+this.title+'"' : "";
	str += '<object id="'+this.id+'" width="'+this.width+'" height="'+this.height+'" classid="'+this.classId+'" codebase="'+this.codeBase+'"'+ title+'>';
		str += this.parameter;
		str += '<!--[if !IE]>-->';
		str += '<object id="'+this.id+'" type="application/x-shockwave-flash" data="'+this.url+this.flashvars+'" width="'+this.width+'" height="'+this.height+'" name="'+this.id+'"'+ title +'>';
		str += this.parameter;
		str += '<!--<![endif]-->';
			str += this.alternate;
		str += '<!--[if !IE]>-->';
		str += '</object>';
		str += '<!--<![endif]-->';
	str += '</object>';
	document.write(str);
}

// snbMenu
function snbMenu(ele){
	var _root = this;
	var wrap = document.getElementById(ele);
	var btnlist = getElementsByClass(wrap, "*", "list")[0];
	var alinks = getElementsByClass(btnlist, "A", "depth1");

	var oldActive;
	for(var i=0; i<alinks.length; i++){
		(function(){
			var alink = alinks[i];
			alink.targetEle = document.getElementById( alink.href.split("#")[1] );
			alink.targetEle = next(alink);
			addEvent(alink, "click", function(e){
				var url = alink.href.split("#")[0];
				if(url == "http://"+location.host+location.pathname){
					stopBubble(e);
					return stopDefault(e);
				}
				location.href = url;
				stopBubble(e);
				return stopDefault(e);
			});
			addEvent(alink, "mouseover", function(e){
				if(oldActive && oldActive != alink){
					removeClass(oldActive, "current");
					oldActive.targetEle.style.display = "none";
				}
				addClass(alink, "current");
				alink.targetEle.style.display = "block";
				
				oldActive = alink;
			});
		})()
	} // end - for

	addEvent(btnlist, "mouseover", function(e){  _root.layerHiddenStop();  });
	addEvent(btnlist, "mouseout", function(e){ _root.layerHiddenStar();  });

	var timerHidden;
	this.layerHiddenStop = function(){  clearTimeout(timerHidden);  }
	this.layerHiddenStar = function(){
		timerHidden = setTimeout(function(){
			removeClass(oldActive, "current");
			oldActive.targetEle.style.display = "none";
		}, 0);
	}	
}

/* quicks */
function quicks(ele){
	var target = document.getElementById(ele); /* Äü¸Þ´º */
	var limitB = false; /* Äü¸Þ´º°¡ ÇÏ´Ü ¾î´ÀºÎºÐ±îÁö ³»·Á¿ÃÁö */
	var intTop = 0; /* Äü¸Þ´º Ãʱâ topÀ§Ä¡ ±â¾ï */
	var _root = this;
	var yMenuFrom, yMenuTo, speed;
	
	this.getStyle = function(element, what){
		var value = "";
		if(element.currentStyle) value = element.currentStyle[what];
		else if(window.getComputedStyle) value = window.getComputedStyle(element,null)[what];
		return value;
	};
	this.init = function(){
		var temp = _root.getStyle(target, "top");
		target.style.top = temp;
		intTop = parseFloat(temp);
	};
	this.move = function(){
		var scrollTop = parseFloat(document.body.scrollTop || document.documentElement.scrollTop);
		yMenuFrom = parseFloat(target.style.top);
		yMenuTo = (intTop > scrollTop) ? intTop : scrollTop + 33;
		
		if(yMenuFrom == yMenuTo){
			setTimeout(function(){_root.move();}, 70); /* ½ºÅ©·ÑÀÇ ¹ÝÀÀ¼Óµµ */
		}else{
			speed = Math.floor((yMenuTo - yMenuFrom) *0.2);
			target.style.top = (yMenuFrom + speed) + "px";
			setTimeout(function(){_root.move();}, 45); /* Äü¼Óµµ */
		}
	};
}

// listRotation2
function listRotation2(obj){
	var wrap = document.getElementById(obj.wrap);
	var li = getElementsByClass(wrap, "*", "js-bnnr");
	var left = getElementsByClass(wrap, "*", "js-btnL")[0];
	var right = getElementsByClass(wrap, "*", "js-btnR")[0];

   var oldActive ;
   for(var i=0; i<li.length; i++){
		var menu = li[i];
		if(i==0) oldActive = menu;
		else menu.style.display = "none";
   }
   var activeNum = 0;
   left.onclick = function(){
		if( activeNum<=0 ){
			activeNum = 0;
			return false;
		}
		oldActive.style.display = "none";
		activeNum--;
		
		li[activeNum].style.display = "block";
		oldActive= li[activeNum];
		return false;
   }
	right.onclick = function(){
		if( activeNum>=li.length-1 ){
			activeNum = li.length-1;
			return false;
		}
		oldActive.style.display = "none";
		activeNum++;
		
		li[activeNum].style.display = "block";
		oldActive = li[activeNum];
		return false;
   }
}

//interbrandToggle
function interbrandToggle(my){
	var img = my.getElementsByTagName("IMG")[0];
	var wrap = document.getElementById("interbrand");
	
	if( ! hasClass(wrap, "interbrand-current") )
		addClass(wrap, "interbrand-current");
	else 
		removeClass(wrap, "interbrand-current");
	return false;
}

function wingbnnrL(){
//	jQuery(document).ready(function(){
		var jList = jQuery("#wingbnnr-l > ul> li");
		jList.hide();
		jList.each(function(index, item){
			if(index <= 2)
				jQuery(item).show();
		});

		jList.mouseenter(function(evt){
			jList.filter(":hidden").show();
		});

		jList.mouseleave(function(evt){
			jList.each(function(index, item){
			if(index > 2)
				jQuery(item).hide();
			});
		});
//	});
	
//	var ele = document.getElementById("wingbnnr-l");
//	var list = ele.getElementsByTagName("LI");
//	var _root = this;
//	
//	if( list.length <= 3 ){
//		return false;
//	}else{
//		for(var i=3; i<list.length; i++){ list[i].style.display = "none"; }		
//	}
//
//	ele.onmouseover = function(){ _root.startAction(); }
//	ele.onmouseout = function(){ _root.stopAction(); }
//	
//	var alls = ele.getElementsByTagName("*");
//	for(var i=0; i<alls.length; i++){
//		alls[i].onmouseover = function(){ _root.pauseAction(); }
//	} // end for
//
//	var timer;
//	this.startAction = function(){
//		for(var i=3; i<list.length; i++){ list[i].style.display = "block"; }
//	}
//	this.pauseAction = function(){ clearTimeout(timer); }
//	this.stopAction = function(){
//		timer = setTimeout(function(){
//			for(var i=3; i<list.length; i++){ list[i].style.display = "none"; }
//		}, 10);	
//	}
}

function bestOverImg(){
//	[2011.12.28 : ¹ÚÇöÁ¾] ÁÖ¼®Ã³¸®
//	var ele = document.getElementById("bestOverImg");
//	var alinks = ele.getElementsByTagName("A");
//	
//	for(var i=0; i<alinks.length; i++){
//		var a = alinks[i];
//		a.cnt = i;
//		a.img = a.getElementsByTagName("IMG")[0];
//		a.onmouseover = function(){
//			clearInterval(timer);
//			timer = null;
//			
//			if(ele.activeA == this) return false;
//			if(ele.activeA && ele.activeA.img.src.indexOf("_on.") != -1) ele.activeA.img.src = ele.activeA.img.src.replace("_on.gif", ".gif");
//			if(this.img.src.indexOf("_on.") == -1) this.img.src = this.img.src.replace(".gif", "_on.gif");
//			ele.activeA = this;
//		}
//		a.onmouseout = function(){
//			clearInterval(timer);
//			timer = setInterval(function(){ action() }, 3000);
//		}
//	}
//	
//	var loop = 0;
//	var timer = null;
//	function action(){
//			if(ele.activeA && ele.activeA.img.src.indexOf("_on.gif") != -1) ele.activeA.img.src = ele.activeA.img.src.replace("_on.gif", ".gif");
//			
//			var target = alinks[loop];
//			if(target && target.img.src.indexOf("_on.gif") == -1) target.img.src = target.img.src.replace(".gif", "_on.gif");
//			loop = ++loop%alinks.length;
//			
//			ele.activeA = target;
//
//	}
//	timer = setInterval(function(){ action() }, 3000);
}

function hdbrandOver(ele){
	var wrap = document.getElementById(ele);
	var alink = wrap.getElementsByTagName("A");
	for(var i=0; i<alink.length; i++){
		var a = alink[i];
		a.img = a.getElementsByTagName("IMG")[0];
		a.onmouseover = function(){
			if(wrap.active == this) return false;
			if(wrap.active) wrap.active.img.src = wrap.active.img.src.replace("_on.jpg", ".jpg");
			this.img.src = this.img.src.replace(".jpg", "_on.jpg");
			wrap.active = this;
		}
	}
	
	var r = Math.floor( Math.random()*alink.length );
	alink[r].img.src = alink[r].img.src.replace(".jpg", "_on.jpg");
	wrap.active = alink[r];
}

/* 2011-04-08 ¼Ò½º Ãß°¡ */

// tabRolling
function tabRolling_v1(obj) {
	var root = this;
	var index = obj.index || 0; /* Ãʱâ È°¼ºÈ­ ¹øÈ£ */
	var speed = obj.speed || 3000; /* ·Ñ¸µ½ºÇǵå 1000 = 1ÃÊ */
	var rollActive = index || 0; /* È°¼ºÈ­µÈ ·Ñ¸µ¹øÈ£ */
	var layerName = obj.layerId; /* ·¹À̾îid À̸§ */
	var oldActive;
	var rollTimer = null; /* ·Ñ¸µ interval ŸÀÓ¾î */
	var tabContainer = document.getElementById(obj.wrap);
	var tabAall = tabContainer.getElementsByTagName("A");
	var tabA = new Array;

	//¿À¹ö½Ã¸ØÃß°í / ¸¶¿ì½º¾Æ¿ô½Ã ·Ñ¸µ½ÃÀÛ
	addEvent(tabContainer, "mouseover", function(){ root.pause() });
	addEvent(tabContainer, "mouseout", function(){ root.start() });
	
	var saveStr = new Array();
	this.setStr = function(id, str){
		saveStr.push([document.getElementById(id), str]);
	}
	
	this.startRolling = function(){
		// ÅÇÀ» Á¦¿ÜÇÑ ¸ðµç¸µÅ© ¿À¹ö½Ã ·Ñ¸µ Á¤Áö
		for(var i=0; i<tabAall.length; i++) {
			var etcLink = tabAall[i];
			addEvent(etcLink, "mouseover", function(e){
				clearInterval( rollTimer );
			});
			if (hasClass(tabAall[i], "tab")) tabA.push(tabAall[i]);
		}

		// ÅǸµÅ© Ŭ¸¯/¿À¹ö½Ã µ¿ÀÛ ¼³Á¤
		for(var i=0; i<tabA.length; i++) {
			(function(){
				var alink = tabA[i];
				alink.cnt = i;
				alink.container = tabContainer;
				alink.targetEle = saveStr[i][0];
				alink.saveStr = saveStr[i][1];
				alink.targetEle.style.display = "none";
				alink.img = alink.getElementsByTagName("img")[0];
				addEvent(alink, "mouseover", function(e){
					alinkAction.call(alink);
				});
				if(!alink.container.first) alink.container.first = tabA[index];
			})();
		}
		if(tabContainer.first) alinkAction.call(tabContainer.first); // Ãʱâ ù¹ø°¸Þ´º È°¼ºÈ­
		root.start();
	}
	
	this.start = function(){
		rollTimer = setInterval(function(){
			rollActive++;
			if(rollActive >= tabA.length) rollActive = 0;
			alinkAction.call( tabA[rollActive] );
		}, speed);
	}
	this.pause = function(){ clearInterval( rollTimer ) }
	
	function alinkAction(){
		if( this.copyContent != "true" ){
			this.copyContent = "true";
			this.targetEle.innerHTML = this.saveStr; 
		}

		rollActive = this.cnt;
		if(oldActive == this) return false;
		if(oldActive){
			oldActive.targetEle.style.display = "none";
			if(oldActive.img && oldActive.img.src.indexOf("_on.") != -1) oldActive.img.src = oldActive.img.src.replace(/_on\.(?=gif|jpg|png)/, ".");
			removeClass(parentEle(oldActive, "LI"), "current");
		}

		this.targetEle.style.display = "block";
		if(this.img &&  this.img.src.indexOf("_on.") == -1) this.img.src = this.img.src.replace(/\.(?=gif|jpg|png)/, "_on.");
		addClass(parentEle(this, "LI"), "current");

		oldActive = this;
		return false;
	}

}

function tblFaq(ele){
	ele = document.getElementById(ele);
	var alinks = getElementsByClass(ele, "A", "tab");
	var oldActive = null;
	var getBrowser = {
		info : navigator.userAgent.toLowerCase(),
		isFirefox : function(){ return ( this.info.indexOf("firefox")!=-1 ) ? true : false; },
		
		isSafari : function(){ return ( this.info.indexOf("safari")!=-1 ) ? true : false; },
		isChrome: function(){ return ( this.info.indexOf("chrome")!=-1 ) ? true : false; },
		isOpera: function(){ return ( this.info.indexOf("opera")!=-1 ) ? true : false; },
		
		isIE: function(){ return ( this.info.indexOf("msie")!=-1 ) ? true : false; },
		isIE8: function(){ return ( this.info.indexOf("msie 8")!=-1 ) ? true : false; },
		isIE7: function(){ return ( this.info.indexOf("msie 7")!=-1 ) ? true : false; },
		isIE6: function(){ return ( this.info.indexOf("msie 6")!=-1 && this.info.indexOf("msie 8")==-1 && this.info.indexOf("msie 7")==-1 ) ? true : false; }
	}
	var ie = getBrowser.isIE();

	function display(tg, v){
		if( v == true ){
			if( ie ) tg.style.display = "block";
			else tg.style.display = "table-row";	
		}else{
			tg.style.display = "none";	
		}
	}
	
	for(var i=0; i<alinks.length; i++){
		(function(){
			var alink = alinks[i];
			var target = next( parentEle(alink, "TR", "question") );
			
			alink.onclick = function(){
				if( oldActive == target ){
					display(target, false);
					oldActive = null;
					return false;
				}
				if( oldActive !== null ) display(oldActive, false);
				
				display(target, true);
				oldActive = target;
				return false;
			}
		})();
	}
}

// photoList ÇÔ¼ö Ãß°¡
function photoList(ele){
	ele = document.getElementById(ele);
	var alinks = getElementsByClass(ele, "A", "tab");
	var oldActive = null;
	var getBrowser = {
		info : navigator.userAgent.toLowerCase(),
		isFirefox : function(){ return ( this.info.indexOf("firefox")!=-1 ) ? true : false; },
		
		isSafari : function(){ return ( this.info.indexOf("safari")!=-1 ) ? true : false; },
		isChrome: function(){ return ( this.info.indexOf("chrome")!=-1 ) ? true : false; },
		isOpera: function(){ return ( this.info.indexOf("opera")!=-1 ) ? true : false; },
		
		isIE: function(){ return ( this.info.indexOf("msie")!=-1 ) ? true : false; },
		isIE8: function(){ return ( this.info.indexOf("msie 8")!=-1 ) ? true : false; },
		isIE7: function(){ return ( this.info.indexOf("msie 7")!=-1 ) ? true : false; },
		isIE6: function(){ return ( this.info.indexOf("msie 6")!=-1 && this.info.indexOf("msie 8")==-1 && this.info.indexOf("msie 7")==-1 ) ? true : false; }
	}
	var ie6 = getBrowser.isIE6();
	var ie7 = getBrowser.isIE7();

	function display(tg, v){
		if( v == true ){
			tg.style.display = "block";
		}else{
			tg.style.display = "none";	
		}
	}
	
	for(var i=0; i<alinks.length; i++){
		(function(){
			var alink = alinks[i];
			var target = next( parentEle(alink, "*", "question") );
			
			alink.onclick = function(){
				if( oldActive == target ){
					display(target, false);
					oldActive = null;
					return false;
				}
				if( oldActive !== null ) display(oldActive, false);
				
				display(target, true);
				oldActive = target;
				return false;
			}
		})();
	}
}