// JScript File
function createDiv() {

    var popup = document.createElement('div');
    popup.setAttribute('id', "Panel1");
    popup.style.position = "relative";
    popup.style.top = "0";
    popup.style.left = "0";
    popup.style.width = "205px";
    popup.style.zIndex = "99999";

    var inner = document.createElement('div');
    inner.style.width = "250px";
    inner.style.backgroundImage = "url(Modules/Layouts/PDDSS/img/popup/bg_popup_top_250.png)";
    inner.minheight = "50px";
    inner.style.zindex = "99999";

    var padding = document.createElement('div');
    padding.setAttribute('id', "popuppadding");
    padding.style.fontFamily = "Tahoma, Arial";
    padding.style.fontSize = "10px";
    padding.style.color = "#666666";
    padding.style.padding = "15px"
    padding.style.zIndex = "99999";

    var bottom = document.createElement('div');
    bottom.style.backgroundImage = "url(Modules/Layouts/PDDSS/img/popup/bg_popup_bottom_250.png)";
    bottom.style.width = "250px";
    bottom.style.height = "10px";
    bottom.style.zIndex = "99999";

    inner.appendChild(padding);
    popup.appendChild(inner);
    popup.appendChild(bottom);

    popup.style.visibility = "hidden";
    document.body.appendChild(popup);

}

function mouseOver(helpText) {

    var check = document.getElementById("Panel1");
    if (check == null) {
        createDiv();
    }
    var popup = document.getElementById("Panel1");

    var padding = document.getElementById("popuppadding");

    popup.style.visibility = "visible";
    padding.innerHTML = helpText;
}

function mouseMoveLeft(event) {

    var check = document.getElementById("Panel1");
    if (check == null) {
        createDiv();
    }
    var scrlX = 0;
    var x = event.clientX;
    var y = event.clientY;
    scrlY = document.documentElement.scrollTop;
    scrlX = document.documentElement.scrollLeft;
    var imageLeft = x + -250 + scrlX + "px";
    var imageTop = y + 15 + scrlY + "px";
    //var imageBottom = y + 15 + scrlY + "px";
    var popup = document.getElementById("Panel1");
    popup.style.position = "absolute";
    popup.style.left = imageLeft;
    popup.style.top = imageTop;
    //popup.style.bottom = imageTop;
}

function mouseMoveRight(event) {

    var check = document.getElementById("Panel1");
    if (check == null) {
        createDiv();
    }
    var scrlX = 0;
    var x = event.clientX;
    var y = event.clientY;
    scrlY = document.documentElement.scrollTop;
    scrlX = document.documentElement.scrollLeft;
    var imageLeft = x + 0 + scrlX + "px";
    var imageTop = y + 15 + scrlY + "px";
    //var imageBottom = y + 15 + scrlY + "px";
    var popup = document.getElementById("Panel1");
    popup.style.position = "absolute";
    popup.style.left = imageLeft;
    popup.style.top = imageTop;
    //popup.style.bottom = imageTop;
}

function mouseMoveTop(event) {

    var check = document.getElementById("Panel1");
    if (check == null) {
        createDiv();
    }
    var scrlX = 0;
    var x = event.clientX;
    var y = event.clientY;
    scrlY = document.documentElement.scrollTop;
    scrlX = document.documentElement.scrollLeft;
    var popup = document.getElementById("Panel1");
    var height = document.getElementById('Panel1').offsetHeight;

    //popup.InnerHtml = popup.InnerHtml + popup.InnerHtml;
    var imageLeft = x - 100 + scrlX + "px";
    var imageTop = y - 10 - height + scrlY + "px";
    //var imageBottom = y + 15 + scrlY + "px";
    //var popup = document.getElementById("Panel1");
    popup.style.position = "absolute";
    popup.style.left = imageLeft;
    popup.style.top = imageTop;
    //popup.style.bottom = imageTop;
}

function mouseMoveTopLEFT(event) {

    var check = document.getElementById("Panel1");
    if (check == null) {
        createDiv();
    }
    var scrlX = 0;
    var x = event.clientX;
    var y = event.clientY;
    scrlY = document.documentElement.scrollTop;
    scrlX = document.documentElement.scrollLeft;
    var popup = document.getElementById("Panel1");
    var height = document.getElementById('Panel1').offsetHeight;

    //popup.InnerHtml = popup.InnerHtml + popup.InnerHtml;
    var imageLeft = x - 200 + scrlX + "px";
    var imageTop = y - 10 - height + scrlY + "px";
    //var imageBottom = y + 15 + scrlY + "px";
    //var popup = document.getElementById("Panel1");
    popup.style.position = "absolute";
    popup.style.left = imageLeft;
    popup.style.top = imageTop;
    //popup.style.bottom = imageTop;
}

function mouseMoveMiddleLEFT(event) {

    var check = document.getElementById("Panel1");
    if (check == null) {
        createDiv();
    }
    var scrlX = 0;
    var x = event.clientX;
    var y = event.clientY;
    scrlY = document.documentElement.scrollTop;
    scrlX = document.documentElement.scrollLeft;
    var popup = document.getElementById("Panel1");
    var height = document.getElementById('Panel1').offsetHeight;

    //popup.InnerHtml = popup.InnerHtml + popup.InnerHtml;
    var imageLeft = x - 280 + scrlX + "px";
    var imageTop = y - height + 25 + scrlY + "px";
    //var imageBottom = y + 15 + scrlY + "px";
    //var popup = document.getElementById("Panel1");
    popup.style.position = "absolute";
    popup.style.left = imageLeft;
    popup.style.top = imageTop;
    //popup.style.bottom = imageTop;
}

function mouseMoveBottomLeftCenter(event) {

    var check = document.getElementById("Panel1");
    if (check == null) {
        createDiv();
    }
    var scrlX = 0;
    var x = event.clientX;
    var y = event.clientY;
    scrlY = document.documentElement.scrollTop;
    scrlX = document.documentElement.scrollLeft;
    var imageLeft = x + -200 + scrlX + "px";
    var imageTop = y - 75 + scrlY + "px";
    //var imageBottom = y + 15 + scrlY + "px";
    var popup = document.getElementById("Panel1");
    popup.style.position = "absolute";
    popup.style.left = imageLeft;
    popup.style.top = imageTop;
    //popup.style.bottom = imageTop;
}

function mouseMoveTopLeftCenter(event) {

    var check = document.getElementById("Panel1");
    if (check == null) {
        createDiv();
    }
    var scrlX = 0;
    var x = event.clientX;
    var y = event.clientY;
    scrlY = document.documentElement.scrollTop;
    scrlX = document.documentElement.scrollLeft;
    var popup = document.getElementById("Panel1");
    var height = document.getElementById('Panel1').offsetHeight;

    //popup.InnerHtml = popup.InnerHtml + popup.InnerHtml;
    var imageLeft = x - 200 + scrlX + "px";
    var imageTop = y - 10 - height + scrlY + "px";
    //var imageBottom = y + 15 + scrlY + "px";
    //var popup = document.getElementById("Panel1");
    popup.style.position = "absolute";
    popup.style.left = imageLeft;
    popup.style.top = imageTop;
    //popup.style.bottom = imageTop;
}

function mouseOut() {

    var popup = document.getElementById("Panel1");
    if (popup != null) {
        popup.style.visibility = "hidden";
    }


    // Unhide all dropdown select boxes in ie6

    // if (document.all) {
    // for (formIdx=0; formIdx<document.forms.length; formIdx++) {
    // var theForm = document.forms[formIdx];
    // for(elementIdx=0; elementIdx<theForm.elements.length; elementIdx++) {
    // if(theForm[elementIdx].type == "select-one") {
    //theForm[elementIdx].attributes.add("sytle","z-indez:9;position:relative");
    //theForm[elementIdx].style.visibility = "visible";
    //.style.visibility = "visible";
    //}
    //}
    //}
    //}


}