﻿var sblayer=Class.create();
sblayer={
    lId     : "ID_SBL",     //레이어 객체의 id
    lObj    : null,         //레이어 객체
    lTxt    : "",

    //레이어 생성
    init : function() {
        if(! this.lObj )
            this.createLayer();
        this.lObj   = document.getElementById(this.lId);
    },
    createLayer: function() {
        //배경이미지
        var lImage  = new Image();
        lImage.src  = "http://img.seebox.sg/sgp/_www/sblayer_bg.gif";

        var divL    = document.createElement("div");
        divL.id     = this.lId;
        divL.className = 'PROGRAM_TITLE_LAYER';
        divL.innerHTML ="<img src='http://img.seebox.sg/sgp/_www/sblayer_bg.gif' style='position:absolute;top:0px;left:0px;z-index:97;filter:alpha(opacity=90);'/>"
                    //+   "<span style='position:absolute;font-family:Dotum;font-size:11px;line-height:15px;color:#000000;vertical-align:middle;z-index:99;'></span>"
                    +   "<table width='100%' height='42' cellpadding='0' cellspacing='0' border='0' style='position:absolute; top:0px; left:0px; z-index:97;'><tr><td valign='middle' style='font-family:Dotum; font-size:11px; color:#000000; line-height:13px; padding:0px 7px; overflow:hidden;'></td></tr></table>"
        ;
        document.body.appendChild(divL);
    },
    move: function(e) {
        var evt = (e)? e: window.event;
        var x       = (document.all)? evt.clientX + document.body.scrollLeft:   evt.pageX;
        var y       = (document.all)? evt.clientY + document.body.scrollTop:    evt.pageY;

        sblayer.shiftTo(sblayer.lObj, x, y);
    },
    shiftTo: function(obj, x, y) {
        x = x - 20;
        y = y - 58;
        if (document.layers) {
            obj.moveTo(x,y);
        } else {
            var units = (typeof obj.style.left == "string") ? "px" : 0;
            obj.style.left = x + units;
            obj.style.top = y + units;
        }
    },
    show: function(targetObj, txt) {
        if(!sblayer.lObj) {
            sblayer.init();
        }
        sblayer.lObj.childNodes[1].firstChild.firstChild.firstChild.innerHTML = txt;
        targetObj.onmousemove = sblayer.move;
        sblayer.lObj.style.display = "block";
    },
    hide: function()
    {
        sblayer.lObj.style.display = "none";
    }
}

