var xmlHttp;
var siteID;

function pausecomp(millis) 
{
    var date = new Date();
    var curDate = null;

    do { 
        curDate = new Date(); 
    } 
    while(curDate-date < millis);
}

var WaitToStart = 1; // miliseconds
var PauseLength = 100; // miliseconds
var timeout;
var widthFactor = 100;
var heightFactor = 60;
var sizeCounter = 0;
var increaseCount = 5;
var displayCloseText;
var expanded = false;

function SizeShift(modifyStep)
{
    sizeCounter += modifyStep;
    
    var D = document.getElementById("peekin");
    D.style.width = (sizeCounter * widthFactor )+"px";
    D.style.height = (sizeCounter * heightFactor )+"px";
    
    if( ( modifyStep < 0 && sizeCounter >= 0 ) || ( modifyStep > 0 && sizeCounter < increaseCount ) )  {
        timeout = setTimeout('SizeShift('+modifyStep+');',PauseLength);
    }
    else { 
        clearTimeout(timeout);
        if ( modifyStep < 0 ) {
            displayCloseText = "none";
        }
        else {
            displayCloseText = "block";
        }
        document.getElementById("close_peekin").style.display = displayCloseText;
    }
}

function expandPeekin(modifyStep) {
    if ( expanded ) return;
    expanded = true;
    timeout = setTimeout('SizeShift('+modifyStep+');', WaitToStart);
}

function shrinkPeekin(modifyStep) {
    if ( !expanded ) return;
    expanded = false;
    timeout = setTimeout('SizeShift('+modifyStep+');', WaitToStart);
    document.getElementById("peekin").innerHTML = "";
    document.getElementById("close_peekin").style.display = "block";
}

function peekin(siteID)
{
    xmlHttp=GetXmlHttpObject()
    
    if (xmlHttp==null)
    {
          alert ("Your browser does not support AJAX!");
          return;
    }
    
    
    expandPeekin(1);
    
    
    document.getElementById("peekin").innerHTML = "<div style='font-size: small; font-weight: bold; font-family: verdana; padding-top: 20px;'><img src='ajax-loader.gif' width='16 px' height='16 px' /> Loading </div>";
    
    
    this.siteID = siteID;
    
    var url="portal/ajax_peekin.php";
    url=url+"?siteID="+siteID;
    url=url+"&sid="+Math.random();
    
    xmlHttp.onreadystatechange=stateChanged;
    
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
}


function stateChanged() 
{ 
    if (xmlHttp.readyState==4)
    { 
        document.getElementById("peekin").innerHTML = xmlHttp.responseText;
        
    }
}

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