function ShowProductTab(x) {
    hidepdiv('ptab1');
    hidepdiv('ptab2');

    document.getElementById('ppic1').className = '';
    document.getElementById('ppic2').className = '';

    if (x == 1) {
        showpdiv('ptab1');
        document.getElementById('ppic1').className = 'active';
    }
    if (x == 2) {
        showpdiv('ptab2');
        document.getElementById('ppic2').className = 'active';
    }
}

function ShowProductTabC(x) {
    hidepdiv('ptab1');
    hidepdiv('ptab2');
    hidepdiv('ptab3');

    document.getElementById('ppic1').className = '';
    document.getElementById('ppic2').className = '';
    document.getElementById('ppic3').className = '';

    if (x == 1) {
        showpdiv('ptab1');
        document.getElementById('ppic1').className = 'active';
    }
    if (x == 2) {
        showpdiv('ptab2');
        document.getElementById('ppic2').className = 'active';
    }
    if (x == 3) {
        showpdiv('ptab3');
        document.getElementById('ppic3').className = 'active';
    }
}

function hidepdiv(id) {
    //safe function to hide an element with a specified id
    if (document.getElementById) { // DOM3 = IE5, NS6
        document.getElementById(id).style.display = 'none';
    }
    else {
        if (document.layers) { // Netscape 4
            document.id.display = 'none';
        }
        else { // IE 4
            document.all.id.style.display = 'none';
        }
    }
}

function showpdiv(id) {
    //safe function to show an element with a specified id

    if (document.getElementById) { // DOM3 = IE5, NS6
        document.getElementById(id).style.display = 'block';
    }
    else {
        if (document.layers) { // Netscape 4
            document.id.display = 'block';
        }
        else { // IE 4
            document.all.id.style.display = 'block';
        }
    }
}