// JavaScript Document

function showState(theState,dataStatus){
	
	var finalURL = "/profiles/"+theState + ".php?state=" + dataStatus;
	if (dataStatus == 1){
		document.getElementById("stateGraph").style.visibility = "visible";
		document.getElementById("stateNoData").style.visibility = "hidden";
		document.getElementById("stateNoData").style.left = "-25%";
		retrieve(finalURL,'stateGraph','loadingBox');
		}
	else {
		document.getElementById("stateGraph").style.visibility = "hidden";
		document.getElementById("stateNoData").style.visibility = "visible";
		document.getElementById("stateNoData").style.left = "50%";		
		retrieve(finalURL,'stateNoData','loadingBoxNoData');
		}
}

function closeState(){
	document.getElementById("stateGraph").style.visibility = "hidden";
	document.getElementById("stateNoData").style.visibility = "hidden";
}

function retrieve(url, target, box) {
  document.getElementById(target).innerHTML = "<div id='"+box+"'>Loading ...</div>";
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    req = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (req != undefined) {
    req.onreadystatechange = function() {retrieveDone(url, target, box);};
    req.open("GET", url, true);
    req.send("");
  }
}  

function retrieveDone(url, target, box) {
  if (req.readyState == 4) { // only if req is "loaded"
    if (req.status == 200) { // only if "OK"
      document.getElementById(target).innerHTML = req.responseText;
    } else {
//      document.getElementById(target).innerHTML=" AHAH Error:\n"+ req.status + "\n" +req.statusText;
		document.getElementById(target).innerHTML= "<div id='"+box+"'>No Data Available</div>";
    }
  }
}