function createRequestObject(){
	var request_o;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
		request_o = new ActiveXObject("Microsoft.XMLHTTP");
	} else{
		request_o = new XMLHttpRequest();
	}
	return request_o;
}

var http = createRequestObject();

function showLoadingAnimation(div) {
   document.getElementById(div).innerHTML = '<center><br /><br /><img src="../images/loading.gif" /><br/><br/></center>';

}

function fadeoutElement(divID) {
  setTimeout(function(){
  $(divID).fadeOut("slow");

}, 3000);
}

function fadeinElement(divID) {
  $(divID).fadeIn("slow");
}


function showImageDiv(imageID,parentID,type) {

  document.getElementById('showImageInnerDiv').innerHTML = '<div style="height:240px;"></div><center><br/><br/><img src="../images/loading.gif" /></center><div style="height:240px;"></div>';
  document.getElementById('showImageDiv').style.display = 'block';
  document.getElementById('showImageDiv').style.left = ((document.documentElement.clientWidth/2) -578)+'px';
  document.getElementById('showImageDiv').style.top = '40px';

  http.open('get','process_ajax.php?action=populateShowImageDiv&imageID='+imageID+'&parentID='+parentID+'&type='+type);

  http.onreadystatechange = function() {
    if(http.readyState == 4){
      var response = http.responseText;
      document.getElementById('showImageInnerDiv').innerHTML = response;
    }
  };
  http.send(null);
}

function toggleImage(imageID) {
  document.getElementById('imageArea').innerHTML = '<br/><center><br/><br/><img src="../images/loading.gif" /></center><br/><br/>';
  http.open('get','process_ajax.php?action=toggleImage&imageID='+imageID);
  http.onreadystatechange = function() {
    if(http.readyState == 4){
      var response = http.responseText;
      document.getElementById('imageArea').innerHTML = response;
    }
  };
  http.send(null);
}


function getMouseX(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
  }
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}

  return tempX;
}

function getMouseY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempY = event.clientY + document.body.scrollLeft
  } else {  // grab the x-y pos.s if browser is NS
    tempY = e.pageY
  }
  // catch possible negative values in NS4
  if (tempX < 0){tempY = 0}
  return tempY;
}