function showtop(it_id) {
    if (it_id == 1) {
        document.getElementById('top1').style.display = '';
        document.getElementById('top2').style.display = 'none';
        document.getElementById('top3').style.display = 'none';
        document.getElementById('top4').style.display = 'none';
        document.getElementById('litop1').className = 'p_thover';
        document.getElementById('litop2').className = '';
        document.getElementById('litop3').className = '';
        document.getElementById('litop4').className = '';
    } else if (it_id == 2) {
        document.getElementById('top1').style.display = 'none';
        document.getElementById('top2').style.display = '';
        document.getElementById('top3').style.display = 'none';
        document.getElementById('top4').style.display = 'none';
        document.getElementById('litop1').className = '';
        document.getElementById('litop2').className = 'p_thover';
        document.getElementById('litop3').className = '';
        document.getElementById('litop4').className = '';

    } else if (it_id == 3) {
        document.getElementById('top1').style.display = 'none';
        document.getElementById('top2').style.display = 'none';
        document.getElementById('top3').style.display = '';
        document.getElementById('top4').style.display = 'none';
        document.getElementById('litop1').className = '';
        document.getElementById('litop2').className = '';
        document.getElementById('litop3').className = 'p_thover';
        document.getElementById('litop4').className = '';

    } else if (it_id == 4) {
        document.getElementById('top1').style.display = 'none';
        document.getElementById('top2').style.display = 'none';
        document.getElementById('top3').style.display = 'none';
        document.getElementById('top4').style.display = '';
        document.getElementById('litop1').className = '';
        document.getElementById('litop2').className = '';
        document.getElementById('litop3').className = '';
        document.getElementById('litop4').className = 'p_thover';

    }
}

function showdomain(it_id) {
    if (it_id == 1) {
        document.getElementById('divdomain1').style.display = '';
        document.getElementById('domain1').style.display = '';
        document.getElementById('divdomain2').style.display = 'none';
        document.getElementById('domain2').style.display = 'none';
        document.getElementById('spandomain1').className = 'color';
        document.getElementById('spandomain2').className = '';
    } else if (it_id == 2) {
        document.getElementById('divdomain1').style.display = 'none';
        document.getElementById('domain1').style.display = 'none';
        document.getElementById('divdomain2').style.display = '';
        document.getElementById('domain2').style.display = '';
        document.getElementById('spandomain1').className = '';
        document.getElementById('spandomain2').className = 'color';

    } 
}