var xmlHttp;
var fadeLvl= 0;
var intFI = false;

function initFade()
{
	imgD = document.getElementById('imgdisplay');
	setOpacity(imgD, 0);
	if (intFI){
		clearInterval(intFI);
		intFI = false;
		fadeLvl=0;
	}
	else
		intFI = setInterval(function(){fadeIn(imgD)},17);
}

function fadeIn(obj)
{
	fadeLvl+=5;
	setOpacity(obj, fadeLvl);
	if (fadeLvl >= 99.999)
	{
		fadeLvl=0;
		clearInterval(intFI);
		intFI=false;
	}
}

function getInfo(id)
{
document.getElementById('siteInfo').innerHTML = '';
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }

var url="get_info.php";
url=url+"?id="+id;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateChanged()
{
	if (xmlHttp.readyState==4)
	{
		info = xmlHttp.responseText.split("[::separator::]");
		document.getElementById('siteInfo').innerHTML = info[0];
		//document.getElementById('siteCanvas').innerHTML = "<a href='http://"+info[2]+"' target='_blank'><img id='imgdisplay' src='./images/portfolio/"+info[1]+"' alt='' /></a>";
		//initFade();
		var siteCanvas = document.getElementById('siteCanvas');
		
		siteCanvas.innerHTML = "<a href='http://"+info[2]+"' target='_blank'><img id='imgdisplay' src='./images/loader.gif' class='loading' alt='' /></a>";
		
		var img = document.getElementById('imgdisplay');
		
		var preLoad = new Image();
		
		preLoad.onload = function (){
			img.src = "./images/portfolio/"+info[1];
			img.className = "loaded";
			initFade();	
		};
		preLoad.src = "./images/portfolio/"+info[1];
	}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari, IE7+
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}