function show_box(id){
        if(id=='box1'){
            document.getElementById('box1').style.display = 'block';
            document.getElementById('box2').style.display = 'none';
            document.getElementById('box3').style.display = 'none';
            
            document.getElementById("box1_label").setAttribute("class", "types-selected");
            document.getElementById("box2_label").setAttribute("class", "types");
            document.getElementById("box3_label").setAttribute("class", "types");
        }
        if(id=='box2'){
            document.getElementById('box2').style.display = 'block';
            document.getElementById('box1').style.display = 'none';
            document.getElementById('box3').style.display = 'none';
            
            document.getElementById("box2_label").setAttribute("class", "types-selected");
            document.getElementById("box1_label").setAttribute("class", "types");
            document.getElementById("box3_label").setAttribute("class", "types");            
        }
        if(id=='box3'){
            document.getElementById('box3').style.display = 'block';
            document.getElementById('box2').style.display = 'none';
            document.getElementById('box1').style.display = 'none';
            
            document.getElementById("box3_label").setAttribute("class", "types-selected");
            document.getElementById("box2_label").setAttribute("class", "types");
            document.getElementById("box1_label").setAttribute("class", "types");            
        }        
    }