// JScript File

function hideDiv(divName) {
    var dv = document.getElementById(divName);
    if (dv != null)
        dv.style.display = 'none';
}

function doLink(url) {
    window.location = url;
}

function trim(stringToTrim) {
    return stringToTrim.replace( /^\s+|\s+$/g , "");
}

function ltrim(stringToTrim) {
    return stringToTrim.replace( /^\s+/ , "");
}

function rtrim(stringToTrim) {
    return stringToTrim.replace( /\s+$/ , "");
}

var canPopupProductMenu = false;

function productMenuAvailable(objID, isAvailable) {
    canPopupProductMenu = isAvailable;
    popupMenu(objID, isAvailable);
}

function hoverProductButton(objID, display) {
    if (display) {
        document.getElementById('aProducts').setAttribute("class", "left-side-hover");
        document.getElementById('aProducts').setAttribute("className", "left-side-hover");
    } else {
        document.getElementById('aProducts').setAttribute("class", "left-side");
        document.getElementById('aProducts').setAttribute("className", "left-side");
    }
    popupMenu(objID, display);
}

function popupMenu(objID, display) {

    if (!canPopupProductMenu)
        return;

    var obj = document.getElementById(objID);
    var obj2 = document.getElementById(objID + '-dropshadow');

    if (display) {
        document.getElementById('aProducts').setAttribute("class", "left-side-hover");
        document.getElementById('aProducts').setAttribute("className", "left-side-hover");

        obj.style.display = 'block';
        obj2.style.display = 'block';
    } else {
        document.getElementById('aProducts').setAttribute("class", "left-side");
        document.getElementById('aProducts').setAttribute("className", "left-side");


        //canPopupProductMenu = false;
        obj.style.display = 'none';
        obj2.style.display = 'none';
    }
}

var lastPopupMenuID = '';

function closePopup(divID) {
    var outside = document.getElementById('divPopupOutside');
    var inside = document.getElementById(divID);
    var modal = document.getElementById('divPopupModal');

    outside.style.display = 'none';
    inside.style.display = 'none';
    modal.style.display = 'none';
}

function popup(divID, wid, isover, ref, ismodal) {
    var outside = document.getElementById('divPopupOutside');
    var inside = document.getElementById(divID);
    var modal = document.getElementById('divPopupModal');

    if (isover) {

        if (lastPopupMenuID != '') {
            closePopup(lastPopupMenuID);
        }

        lastPopupMenuID = divID;

        changeOpac(0, 'divPopupOutside');
        changeOpac(0, divID);
        changeOpac(0, 'divPopupModal');

        outside.style.display = 'block';
        inside.style.display = 'block';
        if (ismodal)
            modal.style.display = 'block';

        var border = 10;

        var iTop = 0;
        var iWidth = wid;
        var iLeft = 390 - (iWidth / 2);

        inside.style.left = iLeft + 'px';
        inside.style.width = iWidth + 'px';


        //Calculate the TOP
        if (ref != '') {
            var refObj = document.getElementById(ref);
            iTop = findPosY(refObj);
            iTop = iTop - (inside.offsetHeight / 2);
        } else {
            iTop = 0;
        }

        var popupBottom = inside.offsetHeight + iTop;

        var mainContainer = document.getElementById('main-content');

        var absBottom = mainContainer.offsetHeight + findPosY(mainContainer);

        if (popupBottom > absBottom)
            iTop = absBottom - inside.offsetHeight - 30;

        if (iTop < 125)
            iTop = 125;

        inside.style.top = iTop + 'px';

        //End of TOP Calculation

        var oTop = iTop - border;
        var oLeft = iLeft - border;
        var oWidth = inside.offsetWidth;
        var oHeight = inside.offsetHeight;

        outside.style.top = oTop + 'px';
        outside.style.left = oLeft + 'px';
        outside.style.width = oWidth + (border * 2) + 'px';
        outside.style.height = oHeight + (border * 2) + 'px';

        opacity('divPopupOutside', 0, 80, 400);
        opacity(divID, 0, 100, 400);
        opacity('divPopupModal', 0, 5, 400);

    } else {
        closePopup(divID);
    }
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}


function findPosX(obj) {
    var curleft = 0;
    if (obj.offsetParent)
        while (1) {
            curleft += obj.offsetLeft;
            if (!obj.offsetParent)
                break;
            obj = obj.offsetParent;
        }
    else if (obj.x)
        curleft += obj.x;
    return curleft;
}

function findPosY(obj) {
    var curtop = 0;
    if (obj.offsetParent)
        while (1) {
            curtop += obj.offsetTop;
            if (!obj.offsetParent)
                break;
            obj = obj.offsetParent;
        }
    else if (obj.y)
        curtop += obj.y;
    return curtop;
}