function showTab(id, num) {
    var lis = document.getElementById('tabtit' + id).getElementsByTagName('li');
    for (i = 0; i < lis.length; i++) {
        lis[i].className = '';
        document.getElementById('tabcont' + lis[i].id.replace('li', '')).style.display = 'none';
    }
    document.getElementById('li' + num).className = 'active';
    document.getElementById('tabcont' + num).style.display = '';
}

function showInfo(num) {
    var lis = document.getElementById('productinfo').getElementsByTagName('li');
    for (i = 0; i < lis.length; i++) {
        lis[i].style.display = 'none';
    }
    document.getElementById('info' + num).style.display = '';
    var lix = document.getElementById('tabcont1').getElementsByTagName('li');
    for (i = 0; i < lix.length; i++) {
        lix[i].className = lix[i].className.replace(' lihover', '');
    }
    document.getElementById('tit' + num).className = document.getElementById('tit' + num).className + ' lihover';
}


function setTab(name, cursel, n) {
    for (i = 1; i <= n; i++) {
        var menu = document.getElementById(name + i);
        var con = document.getElementById(name + "_" + i);

        // menu.className = i == cursel ? " ." + name + "_Menubox_hover" : "";
        //con.className = i == cursel ? "hover" : "";

        con.style.display = i == cursel ? "block" : "none";
    }
}