﻿var TopMenu = {
    liActive: null,
    timeTop: null,
    arrSpan: new Array(),
    isNoneSelected: false,
    Init: function() {
        var divTop = document.getElementById("topParentMenu");
        var ulTop = divTop.getElementsByTagName("ul")[0];

        ulTop.onmouseout = function() {
            TopMenu.clear();
        }

        if (ulTop.offsetWidth < divTop.offsetWidth) {
            ulTop.style.right = ((divTop.offsetWidth - ulTop.offsetWidth) / 2) + "px";
        }
        //
        ulTop.style.right = "0px";
        //
        var spanTop = ulTop.getElementsByTagName("span");
        var aTop = ulTop.getElementsByTagName("a");
        for (var j = 0; j < aTop.length; ++j) {
            aTop[j].id = "~$a" + (j + 1);
            aTop[j].onmouseover = function() {
                TopMenu.subMenuVisible(this, true);
                TopMenu.aTopOver(this);
            }
            aTop[j].onmouseout = function() {
                TopMenu.subMenuVisible(this, false);
                TopMenu.aTopOut(this);
            }

            spanTop[j].id = "~$span" + (j + 1);
            if (!TopMenu.isIE()) {
                spanTop[j].style.opacity = "0";
            } else {
                spanTop[j].style.filter = "alpha(opacity=0)";
            }
            spanTop[j].style.left = ((aTop[j].parentNode.offsetWidth - spanTop[j].offsetWidth) / 2) + 2 + "px";

            var divSub = document.getElementById("topSubMenu").getElementsByTagName("div")[j];
            divSub.id = "~$div" + (j + 1);
            divSub.onmouseover = function() {
                TopMenu.divSubOver(this);
            }
            divSub.onmouseout = function() {
                TopMenu.clear();
            }

            var tdSub = divSub.getElementsByTagName("td");
            if (tdSub.length > 0) {
                var tdNew = null;
                for (var t = 0; t < tdSub.length; ++t) {
                    if (t % 2 == 0) {
                        var tdNew = document.createElement("td");
                        tdNew.innerHTML = ":";
                        tdNew.className = "center";
                        tdNew.style.fontSize = "9px";
                        tdNew.style.fontWeight = "bold";
                        tdNew.style.color = "#978d8b";
                        if (t == (tdSub.length - 1)) {
                            tdSub[t].parentNode.appendChild(tdNew);
                        } else {
                            tdSub[t].parentNode.insertBefore(tdNew, tdSub[t].parentNode.childNodes[t + 1]);
                        }
                    }
                    tdSub[t].className = "center";
                }
                var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;

                tdNew = document.createElement("td");
                tdNew.innerHTML = "&nbsp;&nbsp;";
                tdNew.className = "left";
                tdSub[0].parentNode.insertBefore(tdNew, tdSub[0]);
                tdSub[0].parentNode.childNodes[tdSub[0].parentNode.childNodes.length - 1].innerHTML = "&nbsp;&nbsp;";
                tdSub[0].parentNode.childNodes[tdSub[0].parentNode.childNodes.length - 1].className = "right";
            }
        }

        TopMenu.clear();

        if (TopMenu.isNoneSelected) {
            var span = ulTop.getElementsByTagName("span");
            for (var i = 0; i < span.length; ++i) {
                span[i].style.top = "-14px";
                if (!TopMenu.isIE()) {
                    span[i].style.opacity = "1";
                } else {
                    span[i].style.filter = "alpha(opacity=100)";
                }
                span[i].style.color = "#afafaf";
            }
        }
    },
    aTopOver: function(objA) {
        TopMenu.liActive.className = "";
        if (objA.parentNode.id != "") {
            TopMenu.liActive.className = "liSelected";
            return;
        }

        if (!TopMenu.isNoneSelected) {
            clearInterval(TopMenu.timeTop);

            objA.parentNode.className = "liSelected";
            objA.getElementsByTagName("img")[0].style.display = "none";
            objA.getElementsByTagName("img")[1].style.display = "block";

            var spanID = objA.id.replace("~$a", "~$span");
            var arrTemp = TopMenu.arrSpan;
            for (var i = 0; i < arrTemp.length; ++i) {
                if (arrTemp[i] == (spanID + "_out")) {
                    TopMenu.arrSpan.splice(i, 1);
                }
            }
            TopMenu.arrSpan.push(spanID + "_over");
            TopMenu.timeTop = setInterval("TopMenu.spanVisible()", 10);
        } else {
            var span = objA.parentNode.parentNode.getElementsByTagName("span");
            for (var i = 0; i < span.length; ++i) {
                span[i].style.display = "none";
            }
            objA.parentNode.getElementsByTagName("span")[0].style.display = "block";
            objA.parentNode.getElementsByTagName("span")[0].style.color = "#FFDCC9";

            objA.getElementsByTagName("img")[0].style.display = "none";
            objA.getElementsByTagName("img")[1].style.display = "block";
        }
    },
    aTopOut: function(objA) {
        if (objA.parentNode.id != "") {
            return;
        }

        if (!TopMenu.isNoneSelected) {
            clearInterval(TopMenu.timeTop);

            objA.parentNode.className = "";
            objA.getElementsByTagName("img")[0].style.display = "block";
            objA.getElementsByTagName("img")[1].style.display = "none";

            var spanID = objA.id.replace("~$a", "~$span");
            var arrTemp = TopMenu.arrSpan;
            for (var i = 0; i < arrTemp.length; ++i) {
                if (arrTemp[i] == (spanID + "_over")) {
                    TopMenu.arrSpan.splice(i, 1);
                }
            }
            TopMenu.arrSpan.push(spanID + "_out");
            TopMenu.timeTop = setInterval("TopMenu.spanVisible()", 10);
        } else {
            var span = objA.parentNode.parentNode.getElementsByTagName("span");
            for (var i = 0; i < span.length; ++i) {
                span[i].style.display = "block";
                span[i].style.color = "#afafaf";
            }
            objA.getElementsByTagName("img")[0].style.display = "block";
            objA.getElementsByTagName("img")[1].style.display = "none";
        }
    },
    spanVisible: function() {
        if (!TopMenu.isNoneSelected) {
            var arrTemp = TopMenu.arrSpan;
            if (arrTemp.length > 0) {
                for (var i = 0; i < arrTemp.length; ++i) {
                    var span = null;
                    if (arrTemp[i].indexOf("over") > 0) {
                        span = document.getElementById(arrTemp[i].replace("_over", ""));
                        if (span.offsetTop < -14) {
                            if (span.offsetTop < -30) {
                                span.style.top = span.offsetTop + 2 + "px";
                            } else {
                                span.style.top = span.offsetTop + 2 + "px";
                            }

                            if (!TopMenu.isIE()) {
                                if (span.style.opacity < 1) {
                                    span.style.opacity = 1;
                                }
                            } else {
                                if (parseInt(span.style.filter.split('=')[1].replace(")", "")) < 100) {
                                    span.style.filter = "alpha(opacity=100)";
                                }
                            }
                        } else {
                            TopMenu.arrSpan.splice(i, 1);
                        }
                    } else {
                        span = document.getElementById(arrTemp[i].replace("_out", ""));
                        if (span.offsetTop > -40) {
                            span.style.top = span.offsetTop - 2 + "px";
                        } else {
                            TopMenu.arrSpan.splice(i, 1);
                        }

                        if (!TopMenu.isIE()) {
                            if (span.style.opacity > 0) {
                                span.style.opacity = span.style.opacity -= 0.2;
                            }
                        } else {
                            if (parseInt(span.style.filter.split('=')[1].replace(")", "")) > 0) {
                                span.style.filter = "alpha(opacity=" + (parseInt(span.style.filter.split('=')[1].replace(")", "")) - 20) + ")";
                            }
                        }
                    }
                }
            } else {
                clearInterval(TopMenu.timeTop);
            }
        }
    },
    subMenuVisible: function(objA, isOver) {
        var divID = objA.id.replace("~$a", "~$div");
        var objDiv = document.getElementById(divID);
        var objTable = objDiv.getElementsByTagName("table")[0];

        var divs = document.getElementById("topSubMenu").getElementsByTagName("div");
        for (var i = 0; i < divs.length; ++i) {
            divs[i].style.display = "none";
        }

        objDiv.style.display = "block";
        if (isOver) {
            var divContainer = objDiv.parentNode;
            if (objDiv.offsetWidth >= divContainer.offsetWidth) {
                objDiv.style.right = "0px";
            } else {
                var lioffsetRight = divContainer.offsetWidth - (objA.parentNode.offsetLeft + objA.parentNode.offsetWidth / 2);
                if ((objDiv.offsetWidth / 2) > lioffsetRight) {
                    objDiv.style.right = "0px";
                } else if (objDiv.offsetWidth > 700) {
                    objDiv.style.right = "0px";
                } else if (objDiv.id === "~$div2") {
                    objDiv.style.right = "113px";
                } else if (objDiv.id === "~$div3") {
                    objDiv.style.right = "196px";
                }else {
                    objDiv.style.right = lioffsetRight - (objDiv.offsetWidth / 2) - 78 + "px";
                }
            }
        } else {
            objDiv.style.display = "none";
        }
    },
    divSubOver: function(objDiv) {
        if (!TopMenu.isNoneSelected) {
            clearInterval(TopMenu.timeTop);
            var aTop = document.getElementById(objDiv.id.replace("~$div", "~$a"));
            aTop.parentNode.className = "liSelected";
            aTop.getElementsByTagName("img")[0].style.display = "none";
            aTop.getElementsByTagName("img")[1].style.display = "block";
            var spanTop = aTop.parentNode.getElementsByTagName("span")[0];
            if (!TopMenu.isIE()) {
                spanTop.style.opacity = "1";
            } else {
                spanTop.style.filter = "alpha(opacity=100)";
            }
            spanTop.style.top = "-14px";
            TopMenu.subMenuVisible(aTop, true);
        } else {
            var aTop = document.getElementById(objDiv.id.replace("~$div", "~$a"));
            aTop.getElementsByTagName("img")[0].style.display = "none";
            aTop.getElementsByTagName("img")[1].style.display = "block";

            TopMenu.subMenuVisible(aTop, true);

            var span = aTop.parentNode.parentNode.getElementsByTagName("span");
            for (var i = 0; i < span.length; ++i) {
                span[i].style.display = "none";
            }
            aTop.parentNode.getElementsByTagName("span")[0].style.display = "block";
            aTop.parentNode.getElementsByTagName("span")[0].style.color = "#FFDCC9";
        }
    },
    isIE: function() {
        if (navigator.appName == "Microsoft Internet Explorer") {
            return true;
        }
        return false;
    },
    clear: function() {
        var ulTop = document.getElementById("topParentMenu").getElementsByTagName("ul")[0];
        var li = document.getElementById("topParentMenu").getElementsByTagName("li");

        if (!TopMenu.isNoneSelected) {
            for (var k = 0; k < li.length; ++k) {
                if (li[k].id == "") {
                    if (!TopMenu.isIE()) {
                        li[k].getElementsByTagName("span")[0].style.opacity = 0;
                    } else {
                        li[k].getElementsByTagName("span")[0].style.filter = "alpha(opacity=0)";
                    }
                    li[k].getElementsByTagName("span")[0].style.top = "-40px";
                    li[k].className = "";
                    li[k].getElementsByTagName("img")[0].style.display = "block";
                    li[k].getElementsByTagName("img")[1].style.display = "none";
                    var objDiv = document.getElementById(li[k].getElementsByTagName("a")[0].id.replace("~$a", "~$div"));
                    objDiv.style.display = "none";
                    objDiv.style.right = "-10000px";
                } else {
                    if (!TopMenu.isIE()) {
                        li[k].getElementsByTagName("span")[0].style.opacity = 1;
                    } else {
                        li[k].getElementsByTagName("span")[0].style.filter = "alpha(opacity=100)";
                    }
                    li[k].getElementsByTagName("span")[0].style.top = "-14px";
                    li[k].className = "liSelected";
                    li[k].getElementsByTagName("img")[0].style.display = "none";
                    li[k].getElementsByTagName("img")[1].style.display = "block";
                    var objDiv = document.getElementById(li[k].getElementsByTagName("a")[0].id.replace("~$a", "~$div"));

                    objDiv.style.display = "block";
                    var divContainer = objDiv.parentNode;
                    if (objDiv.offsetWidth >= divContainer.offsetWidth) {
                        objDiv.style.right = "0px";
                    } else {
                        var lioffsetRight = divContainer.offsetWidth - (li[k].offsetLeft + li[k].offsetWidth / 2);
                        if ((objDiv.offsetWidth / 2) > lioffsetRight) {
                            objDiv.style.right = "0px";
                        } else if (objDiv.offsetWidth > 700) {
                            objDiv.style.right = "0px";
                        } else if (objDiv.id === "~$div2") {
                            objDiv.style.right = "113px";
                        } else if (objDiv.id === "~$div3") {
                            objDiv.style.right = "196px";
                        }else {
                            objDiv.style.right = lioffsetRight - (objDiv.offsetWidth / 2) - 78 + "px";
                        }
                    }

                    TopMenu.liActive = li[k];
                }
            }
        } else {
            var span = ulTop.getElementsByTagName("span");
            for (var i = 0; i < span.length; ++i) {
                span[i].style.display = "block";
                span[i].style.color = "#afafaf";
                var div = document.getElementById(span[i].id.replace("~$span", "~$div"));
                div.style.display = "none";
                var a = document.getElementById(span[i].id.replace("~$span", "~$a"));
                a.getElementsByTagName("img")[0].style.display = "block";
                a.getElementsByTagName("img")[1].style.display = "none";
            }
        }

        if (TopMenu.liActive == null) {
            var newLi = document.createElement("li");
            newLi.id = "~$li0";
            var newSpan = document.createElement("span");
            newSpan.id = "~$span0";
            newLi.appendChild(newSpan);
            var newA = document.createElement("a");
            newA.id = "~$a0";
            newLi.appendChild(newA);
            newLi.style.display = "none";

            var img1 = document.createElement("img");
            var img2 = document.createElement("img");
            newA.appendChild(img1);
            newA.appendChild(img2);
            ulTop.insertBefore(newLi, ulTop.childNodes[0]);

            TopMenu.liActive = newLi;

            var newDiv = document.createElement("div");
            newDiv.id = "~$div0";
            document.getElementById("topSubMenu").insertBefore(newDiv, document.getElementById("topSubMenu").childNodes[0]);

            TopMenu.isNoneSelected = true;
        }
    }
}
TopMenu.Init();
//if (window.addEventListener) window.addEventListener("load", TopMenu.Init, false);
//else if (window.attachEvent) window.attachEvent("onload", TopMenu.Init);

/* --------------------------------- */
// check current Page is HomePage or not
var IsHomePage = false;
if($("#dnn_ctr484_ModuleContent").size() != 0)
{
    IsHomePage = true;
}

$(document).ready(function(){   
    if(IsHomePage)
    {
        // mouseover
        $(".topParentMenu li").mouseover(function(){
            $(".topSubMenu table:eq(3)").hide();
        });
    }
    else
    {
        // mouseover
        $(".topParentMenu li").mouseover(function(){
            $(".topSubMenu table:eq(2)").hide();
        });
    }
});

/* hide financial */
$(document).ready(function(){
    if(IsHomePage)
    {
        $(".topSubMenu table:eq(3)").hide();
    }
    else
    {
        $(".topSubMenu table:eq(2)").hide();
    }
});
