var selected = -1;
            var ua = navigator.userAgent.toLowerCase();
            var is_safari = (ua.indexOf('safari') != - 1);
            var trouble_height = (is_safari) ? 34 : 36;
            var menu_list = [{ name:"Apply Online",lnk: "https://www.smucayman.com/applications/",submenu: null}];
            function showBorders(i)
            {
            if (i == -1) return;
            //if (selected != -1) hideBorders(selected);
            for (j=0; j < menu_list.length; j++)
                {   document.getElementById("menu_"+j).style.borderTop = "1px solid #" + ((i == j)? "CCCCCC":"FFFFFF");
                    document.getElementById("menu_"+j).style.borderBottom = "1px solid #" + ((i == j)? "CCCCCC":"FFFFFF");
                }
            }
            function hideBorders()
            {
            for (i=0; i<menu_list.length; i++)
                if (i != selected)  {  document.getElementById("menu_"+i).style.borderTop = "1px solid #FFFFFF";
                                       document.getElementById("menu_"+i).style.borderBottom = "1px solid #FFFFFF";
                                    }
            }
            function subMeniuBorders(j, i)
            {
            var border = "";
            if (j != 1) border += "border-top:1px solid #CCCCCC;";
            if ( (j == 0) || (j == menu_list[i].submenu.length -1) ) border += "border-bottom:1px solid #CCCCCC;";
            return border;
            }
            function showSubMenu(i)
            {

                var submenu = "";

                if (i != -1)
                {

                if (menu_list[i].submenu != null)
                    {   submenu += "<div onmouseover='showBorders(" + i + ")'; onmouseout='hideBorders();'>";
                        if (i != 0)  submenu += "<div style='width:125px; height:" + (i * trouble_height) + "px;'>&nbsp; <\/div>";
                        //submenu += "<hr style='margins:0; padding:0; height:1px;'>\n";
                        for (j=0; j < menu_list[i].submenu.length; j++)
                            { /*submenu += "<div class='submenuItem' style='display:table;#position: relative; overflow: hidden;" + subMeniuBorders(j, i) + ">";
                              submenu += "<div style=' #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;'>";
                              submenu += "<div style='#position: relative;  #top: -50%'><a href ='#' style='color:#9E9E9E;'>" + menu_list[i].submenu[j];
                              submenu += "<\/a> <\/div> <\/div> <\/div>" ;
                              */
                              submenu += "<table cellpadding=0 cellspacing=0 style='width:120px; height:" + trouble_height + "px;'> <tr><td style='" + subMeniuBorders(j, i) + " cursor:pointer' onclick='window.location=\"" + menu_list[i].submenu[j].lnk + "\"; ' onmouseover='document.getElementById(\"sub_"+ i +"_"+ j +"\").className=\"sub_hover\"' onmouseout='document.getElementById(\"sub_"+ i +"_"+ j +"\").className=\"sub_normal\"'>";
                              submenu += "<a id='sub_"+ i +"_"+ j +"' class='sub_normal' href ='" + menu_list[i].submenu[j].lnk + "' style='text-decoration:none;'>" + menu_list[i].submenu[j].name + "<\/a> <\/td> <\/tr> <\/table>\n";
                            }
                        submenu += "<\/div>";
                    }
                }
            document.getElementById('submenu').innerHTML = submenu;
            }
            function showMenu(menuID)
            {
                var menu = "";
                for (i=0; i < menu_list.length; i++)
                    { menu += "<div id='menu_"+ i +"' class='menuItem' onmouseover='showSubMenu("+ i +"); showBorders(" + i + ")' onmouseout='hideBorders()' onclick='window.location=\"" + menu_list[i].lnk + "\"; ' style='display:table;#position: relative; overflow: hidden; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; cursor:pointer;'>\n";
                      menu += "<div style=' #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;'>\n";
                      menu += "<div style='#position: relative;  #top: -50%'>\n";
                      menu += "<img src='img\/orange_arrow_2.jpg' alt='' \/> <a href ='" + menu_list[i].lnk + "'>" + menu_list[i].name;
                      menu += "<\/a> <\/div><\/div><\/div>";
                    }


            document.getElementById(menuID).innerHTML = menu;
            }

            // this function determines whether the event is the equivalent of the microsoft
            // mouseleave or mouseenter events.
            function isMouseLeaveOrEnter(e, handler)
            {
                var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;
                while (reltg && reltg != handler) reltg = reltg.parentNode;
                return (reltg != handler);
            }