function SelectChange(tabid, bodyid){
    var targettab = document.getElementById(tabid);
    var targetbody = document.getElementById(bodyid);
    
    var tab1 = document.getElementById('DemonTab');
    var tab2 = document.getElementById('FamilyTab');
    var tab3 = document.getElementById('AffTab');
    var tab4 = document.getElementById('RefsTab');
    
    var body1 = document.getElementById('DemonBody');
    var body2 = document.getElementById('FamilyBody');
    var body3 = document.getElementById('AffBody');
    var body4 = document.getElementById('RefsBody');
    
    if(targetbody.style.display == "block"){
        targetbody.style.display = "none";
        targettab.style.backgroundImage = "url(img/Tab.png)";
        targettab.style.color = "#222222";
    }
    else{
        body1.style.display = "none";
        body2.style.display = "none";
        body3.style.display = "none";
        body4.style.display = "none";
        
        tab1.style.backgroundImage = "url(img/Tab.png)";
        tab2.style.backgroundImage = "url(img/Tab.png)";
        tab3.style.backgroundImage = "url(img/Tab.png)";
        tab4.style.backgroundImage = "url(img/Tab.png)";
        
        tab1.style.color = "#222222";
        tab2.style.color = "#222222";
        tab3.style.color = "#222222";
        tab4.style.color = "#222222";
        
        targetbody.style.display = "block";
        targettab.style.backgroundImage = "url(img/TabSelected.png)";
        targettab.style.color = "#DDDDDD";
    }    
}