window.onLoadFunctions = new Array();
window.addOnLoad = function(funcRef, args)
{
   var index = window.onLoadFunctions.length;
   window.onLoadFunctions[index] = new Object();
   window.onLoadFunctions[index]['func'] = funcRef;
   
   if (typeof args == "string")
   {
      var args = new Array(args);
   }
   
   window.onLoadFunctions[index]['args'] = args;
}

window.runOnLoadFunctions = function()
{
   for (funcIndex in window.onLoadFunctions)
   {
      var func = window.onLoadFunctions[funcIndex]['func'];
      var args = window.onLoadFunctions[funcIndex]['args'];
      func.apply(window, args); 
   }
}

window.onload = runOnLoadFunctions;

storedImages = new Object();

function loadRollovers(currentSection)
{
   if (typeof currentSection == "undefined")
   {
      return false;
   }
   
   var rollovers = new Array("home", "about_us", "portfolio", "solutions", "services", "contact");
   
   for (rollIndex=0; rollIndex < rollovers.length; rollIndex++)
   {
      var imgName = rollovers[rollIndex];
      var link = document.getElementById(imgName + "_link");
      
      link.onmouseover = function(evt)
         {
            var evt = evt ? evt : window.event;
            var target = evt.target ? evt.target : evt.srcElement;
            setBGPos(target, false, "-45px");
         };
         
      link.onmouseout = function(evt)
         {
            var evt = evt ? evt : window.event;
            var target = evt.target ? evt.target : evt.srcElement;
            setBGPos(target, false, "0px");
         };
         
      link.onmousedown = function(evt)
         {
            var evt = evt ? evt : window.event;
            var target = evt.target ? evt.target : evt.srcElement;
            setBGPos(target, false, "-135px");
         };
      
      if (imgName == currentSection && currentSection != "home")
      {
         var currentSectionImg = document.getElementById(currentSection + "_img");
         setBGPos(currentSectionImg, false, "-90px");
         link.onmouseover = null;
         link.onmouseout = null;
      }
   }
}

function getStyleObj(element)
{
   if (element.currentStyle)
   {
      return element.currentStyle;
   }
   else if (window.getComputedStyle)
   {
      return window.getComputedStyle(element, "");
   }
}

function setBGPos(element, left, top)
{
   var style = getStyleObj(element);
   
   if (style.backgroundPosition)
   {
      var bgPosData = style.backgroundPosition.split(" ");
      var leftPos = bgPosData[0];
      var topPos = bgPosData[1];
   }
   else
   {
      var leftPos = style.backgroundPositionX;
      var topPos = style.backgroundPositionY;
   }
   
   if (!left)
   {
      left = leftPos;
   }
   
   if (!top)
   {
      top = topPos;
   }
   
   var newPos = left + " " + top;
   element.style.backgroundPosition = newPos;
}

window.addOnLoad(loadRollovers, currentSection);