var cssmenuids = ["cssmenu"] //Enter id(s) of CSS Horizontal UL menus, separated by commas
var csssubmenuoffset = -1 //Offset of submenus from main menu. Default is 0 pixels.
var MENU_ITEMS;

var thu = new Array();
thu['Mon'] = 'Thứ Hai';
thu['Tue'] = 'Thứ Ba';
thu['Wed'] = 'Thứ Tư';
thu['Thu'] = 'Thứ Năm';
thu['Fri'] = 'Thứ Sáu';
thu['Sat'] = 'Thứ Bảy';
thu['Sun'] = 'Chủ Nhật';
var thang = new Array();
thang['Jan'] = '01';
thang['Feb'] = '02';
thang['Mar'] = '03';
thang['Apr'] = '04';
thang['May'] = '05';
thang['Jun'] = '06';
thang['Jul'] = '07';
thang['Aug'] = '08';
thang['Sep'] = '09';
thang['Oct'] = '10';
thang['Nov'] = '11';
thang['Dec'] = '12';

function createcssmenu() {
    for (var i = 0; i < cssmenuids.length; i++) {
        var ultags = document.getElementById(cssmenuids[i]).getElementsByTagName("ul")
        for (var t = 0; t < ultags.length; t++) {
            ultags[t].style.top = ultags[t].parentNode.offsetHeight + csssubmenuoffset + "px"
            var spanref = document.createElement("span")
            spanref.className = "arrowdiv"
            spanref.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;"
            ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
            ultags[t].parentNode.onmouseover = function() {
                this.style.zIndex = 100
                this.getElementsByTagName("ul")[0].style.visibility = "visible"
                this.getElementsByTagName("ul")[0].style.zIndex = 0
            }
            ultags[t].parentNode.onmouseout = function() {
                this.style.zIndex = 0
                this.getElementsByTagName("ul")[0].style.visibility = "hidden"
                this.getElementsByTagName("ul")[0].style.zIndex = 100
            }
        }
    }
}

function getMenu(vroot) {
    var row = '<ul id="cssmenu">';
    var rootlength = 120;
    var childlength = 250;
    var RowMaxLength = 1000;
    var rountCount = parseInt(RowMaxLength / rootlength);
    for (var r = 0; r < vroot.length; r++) {
        row += '<li ><a ';
        if (vroot[r][1] != null) {
            row += 'href="';
            row += vroot[r][1];
            row += '"';
        }
        row += ' style="width:' + rootlength + 'px; ">'
        row += vroot[r][0];
        row += '</a>';
        rountCount--;
        if (vroot[r][2] != null) {
            for (var j = 2; j < vroot[r].length; j++) {
                if (j == 2)
                    row += '<ul>';
                row += '<li><a ';
                if (vroot[r][j][1] != null) {
                    row += 'href="';
                    row += vroot[r][j][1];
                    row += '"';
                }
                row += ' style="width:' + childlength + 'px; ">'
                row += vroot[r][j][0];
                row += '</a></li>';
                if (j == vroot[r].length - 1)
                    row += '</ul>';
            }
        }
        row += '</li>';
    }
//    for (var i = 1; i < rountCount; i++) {
//        row += '<li ><a ';
//        row += ' style="width:' + rootlength + 'px; ">'
//        row += '&nbsp;</a>';
//        row += '</li>';
    //    }
    var dd = new Date();
    var d = dd.toDateString().split(' ');
    var currentDate = thu[d[0]] + ', ' + (d[2].lenght == 1 ? '0' + d[2] : d[2]) + '-' + thang[d[1]] + '-' + d[3];
    
    row += '<li ><a ';
    row += ' style="width:' + 162 + 'px; border-right:none;background: red;color:white;text-align:right">'
    row += currentDate;
    row += '</a>';
    row += '</li>';
    row += '</ul>';
    row += '<br style="clear: left;" />';
    document.getElementById('divMenu').innerHTML = row;
}
MENU_ITEMS = [['Trang Chủ', 'Home.aspx'], ['Giới Thiệu', 'Introduce.aspx'], ['Dịch Vụ', 'ServiceList.aspx'], ['Bảng Giá', 'PriceBoardList.aspx'], ['Liên Hệ', 'Contact.aspx'], ['DownLoads', 'DownLoads.aspx']];
getMenu(MENU_ITEMS); 
createcssmenu();