function switch_layer1(id)
{
    var maincell = document.getElementById("main1");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}


function switch_layer2(id)
{
    var maincell = document.getElementById("main2");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";


}
function switch_layer3(id)
{
    var maincell = document.getElementById("main3");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}
function switch_layer4(id)
{
    var maincell = document.getElementById("main4");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}
function switch_layer5(id)
{
    var maincell = document.getElementById("main5");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}
function switch_layer6(id)
{
    var maincell = document.getElementById("main6");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}
function switch_layer7(id)
{
    var maincell = document.getElementById("main7");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}
function switch_layer8(id)
{
    var maincell = document.getElementById("main8");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}
function switch_layer9(id)
{
    var maincell = document.getElementById("main9");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}
function switch_layer10(id)
{
    var maincell = document.getElementById("main10");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}
function switch_layer11(id)
{
    var maincell = document.getElementById("main11");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}
function switch_layer12(id)
{
    var maincell = document.getElementById("main12");
    var layerlist = maincell.getElementsByTagName("div");

    var i = 0;
    for (i = 0; i < layerlist.length; i++)
    {
        layerlist[i].className = "clayer_hidden";
    }

    document.getElementById(id).className = "clayer_shown";

}

function createRequestObject(){
  var req;
  try
  {
    // Firefox, Opera, Safari
    req = new XMLHttpRequest();
  }
  catch (e)
  {
    // Internet Explorer
    try
    {
      //For IE 6
      req = new ActiveXObject("Msxml2.XMLHTTP");
    }

    catch (e)
    {
      try
      {
        //For IE 5
        req = new ActiveXObject("Microsoft.XMLHTTP");
      }

      catch (e)
      {
        alert('Your browser is not IE 5 or higher, or Firefox or Safari or Opera');
      }
    }
  }

  return req;
}

//Make the XMLHttpRequest Object
var http = createRequestObject();

function sendRequest(method, url, panel_id)
{
  if(method == 'get' || method == 'GET')
  {

        var queryString = "?panel_id=" + encodeURIComponent(panel_id);
        url = url + queryString;

    	http.open(method,url,true);
    	http.onreadystatechange = handleResponse;
    	http.send(null);

  }
}

function sendRequest2(method, url, panel_id)
{
  if(method == 'get' || method == 'GET')
  {
	var selected_power = form2.power.options[form2.power.selectedIndex].value;


        var queryString = "?panel_id=" + encodeURIComponent(panel_id) + "&power=" + encodeURIComponent(selected_power);
        url = url + queryString;

        http.open(method,url,true);
        http.onreadystatechange = handleResponse;
        http.send(null);

  }
}

function handleResponse(){
  if(http.readyState == 4 && http.status == 200){
    var response = http.responseText;
    if(response){
      document.getElementById('layout_layer').innerHTML = response;

    }
  }
}