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){
  if(method == 'get' || method == 'GET'){

        var s = document.form1.qty;
        var qty = s.options[s.selectedIndex].value;
      
        
        var queryString = "?qty=" + encodeURIComponent(qty);
        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('qty_price').innerHTML = response;
    }
  }
}



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

        var s = document.form2.postage;
        var postage = s.options[s.selectedIndex].value;
        
        var s1 = document.form1.qty;
        var qty = s1.options[s1.selectedIndex].value;
        
        var queryString = "?postage=" + encodeURIComponent(postage) + "&qty=" + encodeURIComponent(qty);
        url = url + queryString;

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

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


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

        var s = document.form2.postage;
        var postage = s.options[s.selectedIndex].value;
        
        var queryString = "?postage=" + encodeURIComponent(postage);
        url = url + queryString;

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

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