﻿function listBox(box){
	var id = document.getElementById(box);
	var li = id.getElementsByTagName('LI');
	var w = 128 * li.length;
	id.style.width = w +"px";
}
function slide(elementID,final_y,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);  
  if (elem.movement) {clearTimeout(elem.movement);}   
  var ypos = parseInt(getStyle(elem,"height"));  
  if (ypos < final_y) {
    var dist = Math.ceil((final_y - ypos)/2);
    ypos = ypos + dist;
  }
  if (ypos > final_y) {
    var dist = Math.ceil((ypos - final_y)/2);
    ypos = ypos - dist;
  }
  if(ypos == final_y){return true;}  
  elem.style.height = ypos + "px";
  var repeat = "slide('"+elementID+"',"+final_y+","+interval+")";
  elem.movement = setTimeout(repeat,interval);
}

function toggleCART(){
	
	var cart = document.getElementById("cart");
	if(getStyle(cart,"height") == "35px"){
	    spreadCART();
	}
	else{
	    collapseCART();
	}
}

function spreadCART()
{
	var imgId = document.getElementById("openBtn");
	slide("cart",245,1);
	imgId.src = imgId.src.replace("_on.gif", ".gif");
	imgId.src = imgId.src.replace(".gif", "_on.gif");
}

function collapseCART()
{
	var imgId = document.getElementById("openBtn");
	slide("cart",34,1);
	imgId.src = imgId.src.replace("_on.gif", ".gif");
}

function getStyle(el, style) {
	var value = el.style[style];
	if(!value)	{
		if(document.defaultView && document.defaultView.getComputedStyle) {
			var css = document.defaultView.getComputedStyle(el, null);
			value = css ? css[style] : null;
		} 
		else if (el.currentStyle) value = el.currentStyle[style];
	}
	return value == 'auto' ? null : value;
}

function setPng24(obj) {
    obj.width=obj.height=1;
    obj.className=obj.className.replace(/\bpng\b/i,'');
    obj.style.filter =
    "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src+"',sizingMethod='image');"
    obj.src=''; 
    return '';
}

function openLogin(){
	var id = document.getElementById('login');
	id.style.display = "block";
}
function loginClose(){
	var id = document.getElementById('login');
	id.style.display = "none";
}

//tab
function getNumber(e,el,tag) { 
	var child = el.getElementsByTagName(tag); 
	var e = e || window.event; 
	var tEl = e.srcElement || e.target; 
	for(var i=0;i<child.length;i++) { 
		if(child[i] == tEl) { 
			return i; 
		} 
	} 
	return; 
} 	
var num = 0;
function tabMenu(box){
	var id = document.getElementById(box);
	var atag = id.getElementsByTagName("a");
	for(var i=0;i<atag.length;i++){
		atag[i].onclick = function(e){
			var e = window.event || e; 
			if(e!=null){
				var el = e.srcElement || e.target;
				num = getNumber(e,id,'img'); 
			}
			
			for(j=0;j<atag.length;j++){
				atag[j].linkBox = document.getElementById(atag.item(j).href.split("#")[1]);
				atag[j].linkBox.style.display = "none";
				atag[j].firstChild.src = atag[j].firstChild.src.replace("_on.gif",".gif");
				atag[j].nextSibling.className = atag[j].nextSibling.className.replace("Count_on","Count");
			}
			this.linkBox.style.display = "block";
			(this.firstChild.src.indexOf('_on') == -1)?
				this.firstChild.src = this.firstChild.src.replace(".gif","_on.gif"):
				this.firstChild.src = this.firstChild.src.replace("_on.gif",".gif");
			(this.nextSibling.className.indexOf('_on') == -1)?
				this.nextSibling.className = this.nextSibling.className.replace("Count","Count_on"):
				this.nextSibling.className = this.nextSibling.className.replace("Count_on","Count");
				
			spreadCART();

			return false;
		}
		/*마우스 오버시*/
		atag[i].onmouseover = function(e){
			(this.firstChild.src.indexOf('_on') == -1)?
				this.firstChild.src = this.firstChild.src.replace(".gif","_on.gif"):
				this.firstChild.src = this.firstChild.src;
			
		}
		/*마우스 아웃시*/
		atag[i].onmouseout = function(e){
			var e = e || window.event; 
			var el = e.srcElement || e.target;
			outnum = getNumber(e,id,'img');
			if(outnum!=num){
				this.firstChild.src = this.firstChild.src.replace("_on.gif",".gif");
			}
		}
	}
	atag[0].onclick();
	collapseCART();
}

