////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//  ¢Æ   imgOver
//
//**************************************************************************************************************
//
//  Example)
//      <img src="/_image/common/À̹ÌÁö.jpg" alt="" title="" onmouseover="imgOver(this)" onmouseout="imgOver(this,'out')">
//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function imgOver(imgEl,opt) {

	if(imgEl.getAttribute('checked')) return;

    var src = imgEl.getAttribute('src');
    var ftype = src.substring(src.lastIndexOf('.'), src.length);
    
    if (opt == 'out') imgEl.src = imgEl.src.replace("_over"+ftype, ftype);
    else imgEl.src = imgEl.src.replace(ftype, "_over"+ftype);
}


////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//  ¢Æ   setPng24
//
//**************************************************************************************************************
//
//  Usage) IE 7 ÀÌÇÏ¿¡¼­ png24 ÀÇ ¾ËÆÄä³Î Áö¿ø
//
//  Example)
//      <img src="À̹ÌÁö" alt="" title="" class="png24">
//      -  css ÆÄÀ϶Ǵ ¹®¼­³»¿¡ .png24{tmp:expression(setPng24(this));} °¡ ÁöÁ¤µÇÀÖ¾î¾ß »ç¿ë°¡´É
//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function setPng24(obj) { 
      var browser = navigator.appName;
      var version = parseFloat(navigator.appVersion.replace (/^.*MSIE ([.0-9]+).*$/,"$1"));

      if(browser.indexOf("Internet Explorer") && version < 7.0 ) { // IE6 ÀÌÇÏ¿¡¼­¸¸ µ¿ÀÛ 2008-03-14 by zardsama
            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 ''; 
      }
}



////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//  ¢Æ   userEScroll
//
//**************************************************************************************************************
//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function userEScroll()
{
    var thisObj = this;
    this.timeObj = null;
    this.no_gap= null;

    /*** ³»À庯¼ö ***/
    this.gap = 0;
    this.direction = 1;

    this.add = add;
    this.exec = exec;
    this.start = start;
    this.stop = stop;
    this.scroll = scroll;
    this.direct = direct;
    this.go = go;

    function add(str)
    {
        this.contents[this.contents.length] = str;
    }

    function exec()
    {
        this.basis = (this.mode == "left") ? this.width : this.height;
        var outWidth = this.width * ((this.mode == "left") ? this.line : 1);
        var outHeight = this.height * ((this.mode == "top") ? this.line : 1);

        var outline = "<div id=" + this.id + " style='overflow:hidden;width:" + outWidth + "px;height:" + outHeight + "px'><table></table></div>";
        document.write(outline);
        this.obj = document.getElementById(this.id);

        var tb = this.obj.appendChild(document.createElement("table"));
        var tbody = tb.appendChild(document.createElement("tbody"));
        tb.cellPadding = 0 ;
        tb.cellSpacing = 0 ;
        tb.onmouseover = function(){thisObj.stop()};
        tb.onmouseout = function(){thisObj.start()};

        if (this.mode=="left") var tr = tbody.appendChild(document.createElement("tr"));
        for (k in this.contents){
            if (this.mode=="top") var tr = tbody.appendChild(document.createElement("tr"));
            var td = tr.appendChild(document.createElement("td"));
            td.noWrap = true;
            td.style.width = this.width;
            td.style.height = this.height;
            td.style.textAlign = this.align;
            td.style.verticalAlign = this.valign;
            td.innerHTML = this.contents[k];
        }

        var len = (this.contents.length<this.line) ? this.contents.length : this.line;
        if(this.contents.length >= this.line) { 
			for (i=0;i<len;i++){
				if (this.mode=="top") var tr = tbody.appendChild(document.createElement("tr"));
				td = tr.appendChild(document.createElement("td"));
				td.noWrap = true;
				td.style.width = this.width;
				td.style.height = this.height;
				td.style.textAlign = this.align;
				td.style.verticalAlign = this.valign;
				td.innerHTML = this.contents[i];
			}
		}

        this.obj.parent = this;
        this.tpoint = this.basis * this.contents.length;
        this.start();
    }

    function scroll()
    {
        var out = (this.mode=="left") ? this.obj.scrollLeft : this.obj.scrollTop;
        if (out%this.basis==0){
            if (this.no_gap != 'Y') this.gap++;
            if (this.gap>=this.delay) this.gap = 0;
        }
        if (!this.gap){
            var ret = (out==this.tpoint) ? this.direction : out + this.direction;
            if (ret<0) ret = this.tpoint + ret;
            if (this.mode=="left") this.obj.scrollLeft = ret;
            else this.obj.scrollTop = ret;
        }
    }

    function start()
    {
        this.timeObj = window.setInterval("(document.getElementById('" + this.id + "')).parent.scroll()",this.speed);
    }

    function stop()
    {
        clearTimeout(this.timeObj);
    }

    function direct(d)
    {
        this.direction = d;
    }

    function go()
    {
        this.stop();
        var out = (this.mode=="left") ? this.obj.scrollLeft : this.obj.scrollTop;
        var ret = (parseInt(out / this.basis) + this.direction) * this.basis;
        if (ret<0) ret = this.tpoint + ret;
        if (ret>this.tpoint) ret = this.basis;
        if (this.mode=="left") this.obj.scrollLeft = ret;
        else this.obj.scrollTop = ret;
    }

}





////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//  ¢Æ   viewimg
//
//**************************************************************************************************************
//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function viewimg(id, stat){
	if (stat == 0){
		document.getElementById(id).style.display = "none";
	}else{
		document.getElementById(id).style.display = "block";
	}

}


////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//  ¢Æ   ÅÇ ¿Â¿ÀÇÁ 
//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function tabview(on, off){
	document.getElementById(on).style.display="block";
	document.getElementById(off).style.display="none";
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//  ¢Æ   ¸ÞÀÎ ½æ³×ÀÏ ¹è³Ê 
//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function maintabview(thum, banner, num, start, max){
	for (i=start;i<max ;i++ ){
		document.getElementById(thum+i).src="/base_1/img/images/main/main_thum"+i+".jpg";
		document.getElementById(banner+i).style.display="none";
	}
	document.getElementById(thum+num).src="/base_1/img/images/main/main_thum"+num+"_on.jpg";
		document.getElementById(banner+num).style.display="block";
}