var xmlHttp;
function ajaxFunction(url)
{
  //connect tp server
  xmlHttp = null;
  try {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
  } catch (e) {
    // Internet Explorer
    try {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {
        alert("Your browser does not support AJAX!");
        return false;
      }
    }
  }
  //end of connect
  //request
  xmlHttp.onreadystatechange=state_Change;
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}

function state_Change()
{
  //handle
  xmlHttp.onreadystatechange=function(){
    if(xmlHttp.readyState==4){
      updatecontent(xmlHttp.responseText)
    }
  }
}

function toggledisplay(id){
  element = document.getElementById("p"+id);
  if (element.style.display == "none") {
    element.style.display=""
  }else{
    element.style.display="none"
  }
  element = document.getElementById("s"+id);
  if (element.style.display == "none") {
    element.style.display=""
  }else{
    element.style.display="none"
  }
}
function loadcontent(subcatid){
  url = "getcontent.php?type=image&id=" + subcatid
  ajaxFunction(url)
}
function loadcontent2(url){
  ajaxFunction(url)
}
function loadhome(){
  url = "getcontent.php?type=home"
  ajaxFunction(url)
}
function loadabout(){
  url = "getcontent.php?type=about"
  ajaxFunction(url)
}
function loadcontact(){
  url = "getcontent.php?type=contact"
  ajaxFunction(url)
}

function updatecontent(doc){
  document.getElementById("content").innerHTML = doc
}