var mainmenu = {
    aboutus: [{
        name: 'Overview',
        img: 'th_imabout_01.jpg',
        url: '/about_us/overview.aspx'
    }, {
        name: 'History',
        img: 'th_imabout_02.jpg',
        url: '/about_us/history.aspx'
    }, //{
//        name: 'Vision and Mission',
//        img: 'th_imabout_03.jpg',
//        url: '/about_us/vision.aspx'
    //    }, 
{
        name: 'CSR',
        img: 'th_imabout_04.jpg',
        url: '/about_us/csr.aspx'
    }, {
        name: 'Hall Of Fame',
        img: 'th_imabout_05.jpg',
        url: '/about_us/hall_of_fame.aspx'
    }, {
        name: 'CI Guideline',
        img: 'th_imabout_06.jpg',
        url: '/about_us/corporate_identity.aspx'
    }
    ],
    games: [{
        name: 'Love Beat',
        img: 'th_imGame_01.jpg',
        url: '/games/lovebeat.aspx'
    }, {
        name: 'Point Blank',
        img: 'th_imGame_02.jpg',
        url: '/games/pointblank.aspx'
    }/*, {
        name: 'CMR',
        img: 'th_imGame_04.jpg',
        url: '/games/cmr.aspx'
    }*/, {
        name: 'Hitsplay.com',
        img: 'th_imGame_05.jpg',
        url: '/games/hitsplay.aspx'
    }, {
        name: 'Guild Wars',
        img: 'th_imGame_03.jpg',
        url: '/games/guildwars.aspx'
    }, {
        name: 'Lineage II',
        img: 'th_imGame_06.jpg',
        url: '/games/lineage2.aspx'
    }
    ],
    jobs: [{
        name: 'Job Opportunity',
        img: 'th_imjob_01.jpg',
        url: '/jobs/opportunity.aspx'
    }, {
        name: 'Job Apply',
        img: 'th_imjob_02.jpg',
        url: '/jobs/resume.aspx'
    }
    ]
};
var Config = {
    boxWidth: 153,
    boxHeight: 105,
    maxWidth: 0,
    maxHeight: 0,
    Container: function(len) {
        if (len > 5) {
            this.maxWidth = 5 * this.boxWidth;
            this.maxHeight = ((len % 5) + 1) * this.boxHeight;
        } else {
            this.maxWidth = len * this.boxWidth;
            this.maxHeight = this.boxHeight;
        }
    }
};
var sub, i, len, selectedMenu, maxwidth;
function SubMenu(menu, obj) {
    if ($(obj).find('#listmenu').length == 0) {
        switch (menu) {
            case 'aboutus': selectedMenu = mainmenu.aboutus; break;
            case 'games': selectedMenu = mainmenu.games; break;
            case 'jobs': selectedMenu = mainmenu.jobs; break;
            default: selectedMenu = mainmenu.aboutus; break;
        }
        len = selectedMenu.length
        Config.Container(len);
        sub = '<div id="listmenu"><div style="border: solid 2px #CCC; background-color: #FFF; width: ' + Config.maxWidth + 'px; height: ' + Config.maxHeight + 'px; padding-left: 20px; margin-top: 8px"><img src="/images/tri_menu.gif" style="position: absolute; left:30px; top: 0" />'
        for (i = 0; i < len; i++) {
            sub += '<div style="float: left; width: ' + Config.boxWidth + 'px; height: ' + Config.boxHeight + 'px; text-align: left;">' +
                        '<a href="' + selectedMenu[i].url + '"><img src="/images/' + selectedMenu[i].img + '" vspace="5" style="border: 0px" /></a>' +
                        '&gt; <a href="'+ selectedMenu[i].url + '">' + selectedMenu[i].name + '</a>' +
                    '</div>'
        }
        sub += '</div></div>'
        $(obj).append(sub);
    }
    else {
        $(obj).find('#listmenu').css({ display: 'block' });
    }
}
function CloseSubmenu(obj) {
    var menucontainer = $('#menucontainer');
    $(obj).find('#listmenu').css({ display: 'none' });
}