// JavaScript Document

// wrap new menu around old
$('#ProductMenu_Table').wrap('<div id="menu">')
// take old menu out of DOM
var $oldMenu = $('<div>').append($('#ProductMenu_Table'))
$oldMenu.find('br').remove();
var $mainLinks = $oldMenu.find('.RootCategory_Productmenu');


var menuHtml = ['<ul id="nav">']

$mainLinks.each(function() {
    
    if( $(this).find('a').length){
    menuHtml.push('<li class="main">' + $(this).html());
    var $oldSubMenu = $(this).parent().next().find('.SubMenu_Productmenu_Table')
    if ($oldSubMenu.length) {
        menuHtml.push('<ul>');
        $oldSubMenu.find('td.SubCategory1_Productmenu').each(function() {
           
            menuHtml.push('<li class="sub">' + $(this).html() + '</li>');
            $(this).parent().remove()
        })
        menuHtml.push('</ul>');
       
    }
    menuHtml.push('</li>');
}
});
menuHtml.push('</ul>');

$('#menu').html(menuHtml.join(''));