function OpenSubMenu(id) {

    switch (id) {
        case "subMenu1":
            document.getElementById("ctl01_subMenu").style.marginLeft = "-482px";
            document.getElementById("subMenu1").style.width = "270px";            
            break;
        case "subMenu2":
            document.getElementById("ctl01_subMenu").style.marginLeft = "-384px";
            document.getElementById("subMenu2").style.width = "230px";            
            break;
        case "subMenu3":
            document.getElementById("ctl01_subMenu").style.marginLeft = "-209px";
            document.getElementById("subMenu3").style.width = "210px";            
            break;
        case "subMenu4":
            document.getElementById("ctl01_subMenu").style.marginLeft = "-118px";
            document.getElementById("subMenu4").style.width = "190px";            
            break;
        case "subMenu5":
            document.getElementById("ctl01_subMenu").style.marginLeft = "-14px";
            document.getElementById("subMenu5").style.width = "200px";            
            break;
        case "subMenu6":
            document.getElementById("ctl01_subMenu").style.marginLeft = "118px";
            document.getElementById("subMenu6").style.width = "220px";            
            break;
        case "subMenu7":
            document.getElementById("ctl01_subMenu").style.marginLeft = "293px";
            document.getElementById("subMenu7").style.width = "190px";            
            break;
        default:
    }


    for (i=1;i<=7;i++) { // so you can add more than 12
        var divname = 'subMenu' + i;
        var divStyle = document.getElementById(divname).style;
        divStyle.display = (id == divname) ? 'block' : 'none';

    } 
}