var xmlhttp;
var ImageToLoad = '';

function loadBgImage(url)
{
  xmlhttp=null;
  ImageToLoad = url;
  // code for Mozilla, etc.
  if (window.XMLHttpRequest)
  {
    xmlhttp=new XMLHttpRequest()
  }
  
  // code for IE
  else if (window.ActiveXObject)
  {
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
  }
  if (xmlhttp!=null)
  {
    xmlhttp.onreadystatechange=loadBgStateChange
    xmlhttp.open("GET",url,true)
    xmlhttp.send(null)
  }
  else
  {
    //alert("Your browser does not support XMLHTTP.")
    if (document.getElementById("tabSoaPageBg")) {
      document.getElementById("tabSoaPageBg").style.backgroundImage = "url('/img/bg/bg_gradient.jpg')";
    }
  }
}

function loadBgStateChange()
{
  var newUrl = '';
  
  // if xmlhttp shows "loaded"
  if (xmlhttp.readyState==4) {
    // if "OK"
    if (xmlhttp.status==200) {
      if (document.getElementById("tabSoaPageBg")) {
        newUrl = "url('" + ImageToLoad + "')";
        document.getElementById("tabSoaPageBg").style.backgroundImage = newUrl;
      }
    } else {
      if (document.getElementById("tabSoaPageBg")) {
        document.getElementById("tabSoaPageBg").style.backgroundImage = "url('/img/bg/bg_gradient.jpg')";
      }
    }
  }
}
