//Create a boolean variable to check for a valid Internet Explorer instance.
var xmlhttp = false;
//Check if we are using IE.
try {
//If the Javascript version is greater than 5.
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
//If not, then use the older active x object.
try {
//If we are using Internet Explorer.
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
//Else we must be using a non-IE browser.
xmlhttp = false;
}
}
//If we are using a non-IE browser, create a javascript instance of the object.
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
}


function load(serverPage, objID) {
        var obj = document.getElementById(objID);
        xmlhttp.open("GET", serverPage,true);
        xmlhttp.onreadystatechange = function(){
        if(xmlhttp.readyState == 1) {
           obj.innerHTML = "<img src=images/loading.gif border=0>loading";
        }

        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
        }
}

xmlhttp.send(null);
}


function show(serverPage, objID){
       var obj = document.getElementById(objID);
       if(obj.innerHTML == ""){
          obj.style.display = "block";
          load(serverPage, objID);
       }else{
         obj.innerHTML = "";
         obj.style.display = "none";

       }
}

function show_div(div){

     document.getElementById('max').style.background = "#E4E4E4";
    document.getElementById('min').style.background = "#E4E4E4";
     document.getElementById('value').style.background = "#E4E4E4";
    document.getElementById('volume').style.background = "#E4E4E4";

    document.getElementById(div).style.background = "#99B2E8";
}