// JavaScript Document
var XMLHttpRequestObject = false;
var browser=navigator.appName;
if(browser=='Microsoft Internet Explorer') browser='IE';

if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function view(id)
{
  if(bigimage.style.visibility=='visible')
  {
	FadeOut(FadeStep);
	setTimeout('loadview('+id+')',FadeTime*FadeStep*7);
  } else loadview(id);
}

function loadview(id)
{
 if(XMLHttpRequestObject) 
 {
  bigimage.style.top=findPosY(document.getElementById('t'+id))+130+'px';
  PreLoad(id);
	 
  var obj = document.getElementById("bigimage");
  XMLHttpRequestObject.open("GET", "project_view.php?id="+id);

  XMLHttpRequestObject.onreadystatechange = function()
  {
   if (XMLHttpRequestObject.readyState == 4 &&
   XMLHttpRequestObject.status == 200) 
   {
    document.getElementById('project_content').innerHTML = XMLHttpRequestObject.responseText;
   }
  }
  
 XMLHttpRequestObject.send(null);
 }
}


function findPosX(obj)
{
  var curleft = 0;
  if(obj.offsetParent)
      while(1) 
      {
        curleft += obj.offsetLeft;
        if(!obj.offsetParent)
          break;
        obj = obj.offsetParent;
      }
  else if(obj.x)
      curleft += obj.x;
  return curleft;
}

function findPosY(obj)
{
  var curtop = 0;
  if(obj.offsetParent)
      while(1)
      {
        curtop += obj.offsetTop;
        if(!obj.offsetParent)
          break;
        obj = obj.offsetParent;
      }
  else if(obj.y)
      curtop += obj.y;
  return curtop;
}

function PreLoad(obj) 
{
	LoadX=findPosX(document.getElementById('t'+obj))+5;
	LoadY=findPosY(document.getElementById('t'+obj))+4;
	pre.style.left=LoadX+'px';
	pre.style.top=LoadY+'px';
	if(browser=='IE') pre.style.filter = "alpha(opacity=50)"
	else pre.style.opacity=0.5
	pre.style.visibility='visible';
}


function FadeIn(step)
{
  // set opacity
  var viewer=document.getElementById('proview').height+72+'px';
  document.getElementById('left').style.height=viewer;
  document.getElementById('right').style.height=viewer;
  pre.style.visibility='hidden';
  opacity=100/FadeStep*step;
  if(browser=='IE') bigimage.style.filter = "alpha(opacity="+opacity+")"
  else bigimage.style.opacity=(opacity/100)
  bigimage.style.visibility='visible';
  step++;
  if(step<=FadeStep) setTimeout('FadeIn('+step+')',FadeTime);
}

function FadeOut(step)
{
  // set opacity
  opacity=100/FadeStep*step;
  if(browser=='IE') bigimage.style.filter = "alpha(opacity="+opacity+")"
  else bigimage.style.opacity=(opacity/100)
  step--;
  if(step>=0) setTimeout('FadeOut('+step+')',FadeTime);
  else 
  {
	bigimage.style.visibility='hidden';
	document.getElementById('project_content').innerHTML='';
  }
}