function toggleDetail(div) 
{
    
    var b0= document.getElementById('b0');
    var b1 = document.getElementById('b1');
    var b2 = document.getElementById('b2');
    var b3 = document.getElementById('b3');
    var b4 = document.getElementById('b4');
    var b5 = document.getElementById('b5');
    var b6 = document.getElementById('b6');

    var m1 = document.getElementById('m1');
    var m2 = document.getElementById('m2');
    var m3 = document.getElementById('m3');
    var m4 = document.getElementById('m4');
    var m5 = document.getElementById('m5');
    var m6 = document.getElementById('m6');

    if (div == "b0")
    {
        b0.style.display = "block";
        b1.style.display = "none";
        b2.style.display = "none";
        b3.style.display = "none";
        b4.style.display = "none";
        b5.style.display = "none";
        b6.style.display = "none";

        m1.className = "first";
        m2.className = "";
        m3.className = "";
        m4.className = "";
        m5.className = "";
        m6.className = "last";
        
    }
    else if (div == "b1")
    {
        b0.style.display = "none";
        b1.style.display = "block";
        b2.style.display = "none";
        b3.style.display = "none";
        b4.style.display = "none";
        b5.style.display = "none";
        b6.style.display = "none";

        m1.className = "first selected";
        m2.className = "";
        m3.className = "";
        m4.className = "";
        m5.className = "";
        m6.className = "last";
        
    }
    else if (div == "b2")
    {
        b0.style.display = "none";
        b1.style.display = "none";
        b2.style.display = "block";
        b3.style.display = "none";
        b4.style.display = "none";
        b5.style.display = "none";
        b6.style.display = "none";

        m1.className = "first";
        m2.className = "selected";
        m3.className = "";
        m4.className = "";
        m5.className = "";
        m6.className = "last";
        
    }
    else if (div == "b3")
    {
        b0.style.display = "none";
        b1.style.display = "none";
        b2.style.display = "none";
        b3.style.display = "block";
        b4.style.display = "none";
        b5.style.display = "none";
        b6.style.display = "none";
        

        m1.className = "first";
        m2.className = "";
        m3.className = "selected";
        m4.className = "";
        m5.className = "";
        m6.className = "last";
        
        
    }
    else if (div == "b4")
    {
        b0.style.display = "none";
        b1.style.display = "none";
        b2.style.display = "none";
        b3.style.display = "none";
        b4.style.display = "block";
        b5.style.display = "none";
        b6.style.display = "none";

        m1.className = "first";
        m2.className = "";
        m3.className = "";
        m4.className = "selected";
        m5.className = "";
        m6.className = "last";
        
        
    }
    else if (div == "b5")
    {
        b0.style.display = "none";
        b1.style.display = "none";
        b2.style.display = "none";
        b3.style.display = "none";
        b4.style.display = "none";
        b5.style.display = "block";
        b6.style.display = "none";

        m1.className = "first";
        m2.className = "";
        m3.className = "";
        m4.className = "";
        m5.className = "selected";
        m6.className = "last";
        
        
    }    
    else if (div == "b6")
    {
        b0.style.display = "none";
        b1.style.display = "none";
        b2.style.display = "none";
        b3.style.display = "none";
        b4.style.display = "none";
        b5.style.display = "none";
        b6.style.display = "block";

        m1.className = "first";
        m2.className = "";
        m3.className = "";
        m4.className = "";
        m5.className = "";
        m6.className = "last selected";
        
        
    }
}