function load_image(data, div) {
	var request = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
	var image_holder = document.getElementById(div);	
	//var info_holder = document.getElementById('info');
	
	if(request) {
		request.onreadystatechange = function() {
			if(request.readyState == 0) {
				image_holder.innerHTML = "initializing...";
			}
			else if(request.readyState == 1) {
				image_holder.innerHTML = "processing request...";
			}
			else if(request.readyState == 2) {
				image_holder.innerHTML = "request acknowledged...";
			}
			else if(request.readyState == 3) {
				image_holder.innerHTML = "loading data...";
			}
			else if(request.readyState == 4 && request.status == 200) {
				var full_result = request.responseText.split(",");
				var large_image = full_result[0];
				var full_image = full_result[1];
				var description = full_result[2];
				var thumb_size = full_result[3];
				var large_size = full_result[4];
				var full_size = full_result[5];
				image_holder.innerHTML = "<img src='" + large_image + "' alt='' id='main' />";				
				fadeIn("main", 0);
				//info_holder.innerHTML  = "<h2>Image Data</h2>";
				//info_holder.innerHTML += "<span>" + description + "</span>";
				//info_holder.innerHTML += "<span>small: " + thumb_size + "</span>";
				//info_holder.innerHTML += "<span>large: " + large_size + "</span>";
				//info_holder.innerHTML += "<span>full: " + full_size + "</span>";					
			}
		}		
		request.open("GET", data, true);
		request.send(null);
	}
}

function fadeIn(objId, opacity) { 
	var timer = 10;
  if(document.getElementById) {
		obj = document.getElementById(objId);
    if(opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", timer);
    }
  }
}


function setOpacity(obj, opacity) {
  opacity = (opacity == 100) ? 99.999 : opacity;	
  // IE/Win
  obj.style.filter = "alpha(opacity:" + opacity + ")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

