
function sideMenu(targetId,chknum,total) {
	for (i=1; i<=total; i++) {
		var target = document.getElementById(targetId+i);

		if (i==chknum) {
			target.style.display = 'block';
			target.parentNode.className = 'on';
		} else {
			target.style.display = 'none';
			target.parentNode.className = '';
		}
	}
}

function lnbRollNavi(seq,sbseq) {
	var lnbNavi = document.getElementById("lnb");
	var subMenu = lnbNavi.getElementsByTagName("ul");
	var lnbMenu = lnbNavi.getElementsByTagName("li");
	var lnblink = lnbNavi.getElementsByTagName("a");

	if (document.getElementById("sub"+seq)) {
		var lnbmn = document.getElementById("sub"+seq);
		var lnbmnUl= lnbmn.getElementsByTagName("ul");
		lnbmn.className = 'on';

		lnbmn.onmouseout = lnbmn.onblur = function() {
			this.className = 'on';
		}


	}

	if (document.getElementById("sub"+seq+"_"+sbseq)) {
		var lnbmn2depth = document.getElementById("sub"+seq+"_"+sbseq);
		lnbmn2depth.className = 'on';

		lnbmn2depth.onmouseout = lnbmn2depth.onblur = function() {
			this.className = 'on';
		}

		lnbmn2depth.parentNode.style.display = 'block';
	}

	for (i=0; i<subMenu.length; i++) {
		subMenu[i].style.display = "none"; // ÀüÃ¼ ¼­ºê·¹ÀÌ¾î ¼û±è.

		var lnbmnUl = document.getElementById("subEl"+seq);
		//lnbmnUl.style.display = 'block';
	}

	/*for (j=0; j<lnblink.length; j++) {
		var thismenu = lnblink[j];

		thismenu.onmouseover = thismenu.onfocus = function() {
			this.parentNode.className = 'on';
		}
		thismenu.onmouseout = thismenu.onblur = function() {
			this.parentNode.className = '';
		}
	}*/

}


function imgChg(id) {
	var tab = document.getElementById(id);
	var tabanchor = tab.getElementsByTagName('a');

	for (i=0; i<tabanchor.length; i++) {
		if (tabanchor[i].childNodes[0].src.indexOf("-on.gif") != -1) {
			//return false;
		} else {
			tabanchor[i].onmouseover = tabanchor[i].onfocus = function () {
				if (this.childNodes[0].src.indexOf("-on.gif") != -1) return false;
					this.childNodes[0].src = this.childNodes[0].src.replace('.gif', '-on.gif');
					this.parentNode.className += " on";
			}
			tabanchor[i].onmouseout = tabanchor[i].onblur = function () {
				this.childNodes[0].src = this.childNodes[0].src.replace('-on.gif', '.gif');
				this.parentNode.className = this.parentNode.className.replace(" on", "");
			}
		}
	}
}


// IE Flicker bug
try {
	document.execCommand("BackgroundImageCache", false, true);
}
catch(ignored) {
}

// Toggle Content
function toggleCont(targetId,chknum,total) {
	for (i=1; i<=total; i++) {
		var target = document.getElementById(targetId+i);

		if (i==chknum) {
			target.style.display = 'block';
		} else {
			target.style.display = 'none';
		}
	}
}

function toggleLayer(id) {
	try {
	var obj = document.getElementById(id);
	obj.style.display = (obj.style.display == 'none') ? '' : 'none';
	} catch (e) {

	}
}

function toggleLayer1(id) {
	try {
	var obj = document.getElementById(id);
	obj.className = (obj.className == 'current') ? '' : 'current';
	} catch (e) {

	}
}

function toggleLayer2(id,num) {
	var list = document.getElementById(id);
	var anc = list.getElementsByTagName('li');
	var cur = document.getElementById(id+num);

	if (cur.className == 'current') {
		cur.className = '';
	}
	else {
		for(var i=1; i<=anc.length; i++) {
		document.getElementById(id+i).className = '';
	}
	cur.className = 'current';
	}

}



function tabViewDefault(targetId,cont,tab,num){
	var num = location.href.split('?'+num+'=')[1] || 1;

	var list = document.getElementById(targetId);
	var anc = list.getElementsByTagName('a');

	for(var i=1; i<=anc.length; i++) {
		document.getElementById(cont+i).style.display = (num==i) ? 'block' : 'none';
		document.getElementById(tab+i).parentNode.className = (num==i) ? 'on' : '';
	}
}

function tabCont(num) {
	var list = document.getElementById('tab1')
	var anc = list.getElementsByTagName('a')

	for(var i=1; i<=anc.length; i++) {
		document.getElementById('cont_'+i).style.display = 'none';
		document.getElementById('tab_'+i).parentNode.className = '';
	}
	document.getElementById('cont_'+num).style.display = '';
	document.getElementById('tab_'+num).parentNode.className = 'current';
}

/*
	-½ºÅ©·Ñ À§Ä¡

*/
  var getNowScroll = function(){
	var de = document.documentElement;
	var b = document.body;
	var now = {};
	now.X = document.all ? (!de.scrollLeft ? b.scrollLeft : de.scrollLeft) : (window.pageXOffset ? window.pageXOffset : window.scrollX);
	now.Y = document.all ? (!de.scrollTop ? b.scrollTop : de.scrollTop) : (window.pageYOffset ? window.pageYOffset : window.scrollY);
	return now;
}


/*
	-°øÅë ·¹ÀÌ¾î ¶ç¿ì±â
	 pUrl : ·¹ÀÌ¾î ÆÄÀÏ¸í
	 w    : ·¹ÀÌ¾î width
	 h    : ·¹ÀÌ¾î height
*/

function layer(pUrl,w,h) {

	nowScroll = getNowScroll();
	_close(); // ·¹ÀÌ¾î ÃÊ±âÈ­
	var divTag = '';
	var backTag = '';
	backTag +="<iframe id='backTag' src='/common/blank.html' frameborder='0' style='dispaly:none;z-index:1001;background-color:#000;filter:alpha(opacity=11); opacity:0.11;'/>";

	backTag +="</iframe>";
	divTag +="<div id='feedLayer' style='dispaly:none;z-index:1003;'>";
	divTag +="</div>";

	var iHeight = nowScroll.Y + 100; // ½ºÅ©·Ñ À§Ä¡¿¡¼­ 100px À§Ä¡
	var iWidth = (document.body.clientWidth / 2) - w / 2 + document.body.scrollLeft;

	jQuery("body").append(divTag);
	jQuery("#feedLayer").show();
	var layer2 = jQuery('#feedLayer');
	layer2.load(pUrl);
	layer2.css({
		position: 'absolute'
		, top : iHeight
		, left : iWidth
		, width : w-0
		, height: h-0
	});

	jQuery("body").append(backTag);
	jQuery("#backTag").show();
	var layer1 = jQuery('#backTag');
	layer1.css({
		position: 'absolute'
		, top : iHeight+5
		, left : iWidth+5
		, width : w-0
		, height: h-0
	});
}

function layerD(pUrl,w,h) {
	nowScroll = getNowScroll();
	_close(); // ·¹ÀÌ¾î ÃÊ±âÈ­
	var divTag		= '';
	var backTag		= '';
	var iframeTag = '';
	backTag		+="<div id='backTag' style='dispaly:none;z-index:1000;background-color:#000;filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;'>";
	backTag		+="</div>";
	divTag		+="<div id='feedLayer' style='dispaly:none;z-index:1003;'>";
	divTag		+="</div>";
	iframeTag +="<iframe id='bkifrm' frameborder='0' style='width:100%;z-index:1001;'/>"
	jQuery("body").append(backTag);
	jQuery("#backTag").show();

	var layer1 = jQuery('#backTag');
	layer1.css({
		position: 'absolute'
		, top   : '0'
		, left  : '0'
		, width : '100%'
		, height: document.body.clientHeight
		});

		//var iHeight = (document.body.clientHeight / 2) - w / 2 + document.body.scrollTop;
	var iHeight = nowScroll.Y + 100; // ½ºÅ©·Ñ À§Ä¡¿¡¼­ 200xp À§Ä¡
	var iWidth  = (document.body.clientWidth / 2) - w / 2 + document.body.scrollLeft;

	jQuery("body").append(iframeTag);
	jQuery('#bkifrm').css({
		position: 'absolute'
		, top   : iHeight
		, left  : iWidth
		, width : w
		, height: h-5
		});

	jQuery("body").append(divTag);
	jQuery("#feedLayer").show();
	var layer2 = jQuery('#feedLayer');
	layer2.load(pUrl);


	layer2.css({
		position: 'absolute'
		, top   : iHeight
		, left  : iWidth
		, width : w
		, height: h
		});
}

function _close(){
	jQuery("#feedLayer").remove();
	jQuery("#backTag").remove();
	jQuery("#bkifrm").remove();
}

function closeP(){
	window.close();
}


function resetValue (obj) {
	if (obj.value == obj.defaultValue) obj.value = '';obj.style.color = 'inherit';obj.style.fontSize= 'inherit';
	return false;
}

function overIndex(id,total) {

	for (i=1; i<=total; i++) {
		var area = document.getElementById(id+i);

		area.onmouseover = function() {
			if (this.className=='current') {
				this.className = 'current';
			} else {
				this.className += ' on';
			}

		}

		area.onmouseout = function() {
			this.className = this.className.replace(' on', '');
		}
	}
}

// GNB
function navOpen(){
	//document.getElementById('nav').style.zIndex= "10";
	document.getElementById('nav').style.height= "300px";
}

function navClose(){
	//document.getElementById('nav').style.zIndex= "";
	document.getElementById('nav').style.height= "49px";
}



// rotation
function ImageRotation() {
	// options
	var scrollType = 'vertical'; // 'horizontal', 'vertical', 'none';

	// private
	var currentNumber = 0;
	var objWrap = null;
	var objContentBox = null;
	var objWrapLIs = null;
	var cellWidth = 0;
	var cellHeight = 0;
	this.GoodsSetTime = null;

	// scroll animation variables.
	var scroll = {time:1, start:0, change:0, duration:25, timer:null};
	var originaltime = scroll.time;

	this.setScrollType = function (type) {
		switch (type) {
			case 'vertical':
			case 'horizontal':
			case 'none':
				scrollType = type;
				break;
			default:
				alert('!');
				break;
		}
	}
	// constructor
	this.initialize = function () {
		objWrap = document.getElementById(this.wrapId);
		objContentBox = document.getElementById(this.listId);
		objWrapLIs = objWrap.getElementsByTagName('li');
		cellWidth = objWrapLIs[0].offsetWidth;
		cellHeight= objWrapLIs[0].offsetHeight;

		objWrap.style.overflow = 'hidden'; //
		objWrap.style.position = 'relative'; //

		switch (scrollType) {
			case 'vertical':
				this.objWrapSize = cellHeight * this.listNum;
				this.objSize = objWrapLIs.length * cellHeight;
				break;
			case 'none':
				this.objWrapSize = cellWidth * this.listNum;
				this.objSize = objWrapLIs.length * cellWidth;
				break;
			default:
				this.objWrapSize = cellWidth * this.listNum;
				this.objSize = objWrapLIs.length * cellWidth;
				break;
		}
		if (this.objWrapSize < this.objSize) {

			if (objWrapLIs.length > 0) {
				switch (scrollType) {
					case 'vertical':
						objContentBox.style.height = objWrapLIs.length * cellHeight + 'px';
						objWrap.style.height = this.listNum * cellHeight + 'px';
						break;
					case 'none':
						objContentBox.style.width = objWrapLIs.length * cellWidth + 'px';
						objWrap.style.width = this.listNum * cellWidth + 'px';
						break;
					default:
						objContentBox.style.width = objWrapLIs.length * cellWidth + 'px';
						objWrap.style.width = this.listNum * cellWidth + 'px';
						break;
				}
			}
			if (this.btnPrev)
				document.getElementById(this.btnPrev).href = "javascript:" + this.objName + ".prev();";
			if (this.btnNext)
				document.getElementById(this.btnNext).href = "javascript:" + this.objName + ".next();";

			if (this.autoScroll == 'none') {
			} else {
				if (this.scrollDirection == 'direction') {
					this.GoodsSetTime = setInterval(this.objName + ".next()", this.scrollGap);
				} else {
					this.GoodsSetTime = setInterval(this.objName + ".prev()", this.scrollGap);
				}
			}
		}
	}

	this.next = function () {
		if (currentNumber == 0) {
			var objLastNode = objContentBox.removeChild(objContentBox.getElementsByTagName('li').item(objWrapLIs.length - 1));
			objContentBox.insertBefore(objLastNode, objContentBox.getElementsByTagName('li').item(0));
			switch (scrollType) {
				case 'vertical':
					objWrap.scrollTop += cellHeight;
					break;
				case 'none':
					objWrap.scrollLeft += cellWidth;
					break;
				default:
					objWrap.scrollLeft += cellWidth;
					break;
			}
			currentNumber++;
		}

		//objWrap.scrollLeft -= cellWidth;
		var position = getActionPoint('indirect');
		startScroll(position.start, position.end);

		currentNumber = currentNumber - 1;

		if (currentNumber > 0)
			currentNumber = 0;
		if (this.autoScroll == 'none') {
			// do nothing.
		} else {
			this.scrollDirection = 'direction';
			clearInterval(this.GoodsSetTime);
			this.GoodsSetTime = setInterval(this.objName + ".next()", this.scrollGap);
		}
	}

	this.prev = function () {
		if (currentNumber == objWrapLIs.length - 1) {
			var objLastNode = objContentBox.removeChild(objContentBox.getElementsByTagName('li').item(0));
			objContentBox.appendChild(objLastNode);
			switch (scrollType) {
				case 'vertical':
					objWrap.scrollTop -= cellHeight;
					break;
				case 'none':
					objWrap.scrollLeft -= cellWidth;
					break;
				default:
					objWrap.scrollLeft -= cellWidth;
					break;
			}
			currentNumber--;
		}

		//objWrap.scrollLeft += cellWidth;
		var position = getActionPoint('direct');
		startScroll(position.start, position.end);

		currentNumber = currentNumber + 1;

		if (currentNumber < objWrapLIs.length - 1)
			currentNumber = objWrapLIs.length - 1;

		if (this.autoScroll == 'none') {
			// do nothing.
		} else {
			this.scrollDirection = 'indirection';
			clearInterval(this.GoodsSetTime);
			this.GoodsSetTime = setInterval(this.objName + ".prev()", this.scrollGap);
		}
	}

	var startScroll = function (start, end) {
		if (scroll.timer != null) {
			clearInterval(scroll.timer);
			scroll.timer = null;
		}

		scroll.start = start;
		scroll.change = end - start;

		switch (scrollType) {
			case 'vertical':
				scroll.timer = setInterval(scrollVertical, 15);
				break;
			case 'none':
				objWrap.scrollLeft = end;
				break;
			default:
				scroll.timer = setInterval(scrollHorizontal, 15);
				break;
		}
	}

	var scrollVertical = function () {
		if (scroll.time > scroll.duration) {
			clearInterval(scroll.timer);
			scroll.time = originaltime;
			scroll.timer = null;
		} else {
			objWrap.scrollTop = sineInOut(scroll.time, scroll.start, scroll.change, scroll.duration);
			scroll.time++;
		}
	}

	var scrollHorizontal = function () {
		if (scroll.time > scroll.duration) {
			clearInterval(scroll.timer);
			scroll.time = originaltime;
			scroll.timer = null;
		} else {
			objWrap.scrollLeft = sineInOut(scroll.time, scroll.start, scroll.change, scroll.duration);
			scroll.time++;
		}
	}

	var getActionPoint = function (dir) {
		if (dir == 'direct') {
			var position = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber + 1)); // target image.
			var offsetPos = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber)); // first image.
		} else {
			var position = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber - 1)); // target image.
			var offsetPos = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber)); // first image.
		}

		switch (scrollType) {
			case 'vertical':
				var start = objWrap.scrollTop;
				var end = position[1] - offsetPos[1];
				break;
			case 'none':
				// do nothing.
				break;
			default:
				var start =  objWrap.scrollLeft;
				var end = position[0] - offsetPos[0];
				break;
		}

		var position = {start:0, end:0};
		position.start = start;
		position.end = end;

		return position;
	}

	var sineInOut = function (t, b, c, d) {
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	}

	var findElementPos = function (elemFind) {
		var elemX = 0;
		var elemY = 0;
		do {
			elemX += elemFind.offsetLeft;
			elemY += elemFind.offsetTop;
		} while (elemFind = elemFind.offsetParent)

		return Array(elemX, elemY);
	}

}

// png alpha channels
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='about:blank;';
	return '';
}


function goToUrl(thisV) {
	window.open(thisV.value,'','');
}
