// JavaScript Document
loadZoomedImages();
function loadZoomedImages()
{  
  var listNode = document.getElementById('QuickLinks');
  var imgA = listNode.getElementsByTagName('img');
  var items = 0;
  var totalItems = 1;
  for (var i = 0; i < imgA.length; i++)
  {
    totalItems++;
    var imgT = new Image();
    imgT.src = getZoomFileName(imgA[i].src);
    imgT.onload = function()
    {
      items++;
      setLoadBar(items/totalItems);
      
    }
  }
  var imgT = new Image();
  imgT.src = 'images/create_shadow.php?w=220&h=220&r=10&d=50';
  imgT.onload = function()
  {
    items++;
    setLoadBar(items/totalItems);
  }
}
function setLoadBar(percent)
{
  var width = Math.round(percent*100,1);
  var loadBar = document.getElementById('LoadingIndicator').getElementsByTagName('div')[0];
  loadBar.style.width = width; 
  if (Math.round(percent,1) == 1)
    loadBar.parentNode.style.display = 'none';  
}
function quickLinkDescription(imgNode)
{
  var clrtimeout;
  var invervalFunc = function()
  {
    clearInterval(clrtimeout);
    zoomQuickLink(imgNode);
    imgNode.onmouseout = function()
    {
      return false;
    }    
  }
  imgNode.onmouseout = function()
  {
    imgNode.onmouseout = function()
    {
      return false;
    }
    clearInterval(clrtimeout);  
  }
  clrtimeout = setInterval(invervalFunc,500);
}
function zoomQuickLink(imgNode)
{  
  var container = document.createElement('div');  
  //container.style.background = "url('images/create_shadow.php?w=220&h=220&r=10&d=50')";
  var linkDiv = document.createElement('div');  
  var linkImg = document.createElement('img');
  var linkP = document.createElement('p');    
  container.className = 'quickLink';
  container.style.left = (getFullOffsetLeft(imgNode)-35)+'px';
  container.style.top = (getFullOffsetTop(imgNode)-50)+'px';
  linkDiv.onclick = function()
  {
    pageTracker._trackEvent('QuickLink', 'Click', imgNode.parentNode.parentNode.id);
    if (container.parentNode === document.body)
      document.body.removeChild(container);
    window.location = imgNode.parentNode.href;    
  }  
  linkImg.src = getZoomFileName(imgNode.src);
  linkDiv.appendChild(linkImg);
  linkP.appendChild(document.createTextNode(imgNode.parentNode.parentNode.title));
  linkDiv.appendChild(linkP);  
  container.appendChild(linkDiv);   
  document.body.appendChild(container);  
  container.onmouseout = function(evt)
  {    
    if (evt == undefined) // IE
    {
      var pageX = window.event.clientX;
      var pageY = window.event.clientY;       
    }
    else // all others
    {
      var pageX = evt.pageX;
      var pageY = evt.pageY;     
    }
    var offsetLeft = getFullOffsetLeft(linkDiv);
    var offsetTop = getFullOffsetTop(linkDiv);    
    if (pageX > offsetLeft
      && pageX < offsetLeft+linkDiv.clientWidth
      && pageY > offsetTop
      && pageY < offsetTop+linkDiv.clientHeight);
    else if (container.parentNode === document.body) 
      document.body.removeChild(container);    
  }  
}
function getZoomFileName(fileName)
{  
  var fileNameA = fileName.split('.');  
  var zoomPath = '';
  for (var i = 0; i < fileNameA.length-2; i++)
    zoomPath += fileNameA[i]+'.';    
  zoomPath += fileNameA[i]+'_zoom.'+fileNameA[i+1];
  return zoomPath;  
}
function removeQuickLinkDescription(divNode)
{
  document.body.removeChild(divNode);
}
function message(msg)
{
  var messageDiv = document.getElementById('message');
  messageDiv.appendChild(document.createTextNode(msg));
  messageDiv.appendChild(document.createElement('br'));  
}