addLoadEvent(initRollover);

var imgArray= new Array();

imgArray['about']= new Image();
imgArray['new']= new Image();
imgArray['past'] = new Image();
imgArray['education']= new Image();
imgArray['gallery'] = new Image();
imgArray['contacts'] = new Image();
imgArray['commissions'] = new Image();
imgArray['links']= new Image();

imgArray['about'].src='graphics/over_30.jpg';
imgArray['new'].src='graphics/over_26.jpg';
imgArray['past'].src='graphics/over_23.jpg';
imgArray['education'].src='graphics/over_06.jpg';
imgArray['gallery'].src='graphics/over_03.jpg';
imgArray['contacts'].src='graphics/over_14.jpg';
imgArray['commissions'].src='graphics/over_17.jpg';
imgArray['links'].src='graphics/over_11.jpg';


function initRollover(){

var ul = document.getElementById('home');
var a=ul.getElementsByTagName("a");	

	for (x=0;x<a.length;x++)
	{
	a[x].onmouseover=function()
	{
	rollover(this);
	}

	}


}

function rollover(a){

var img = a.getElementsByTagName("img");

var src = img[0].src;

a.onmouseout=function()
	{
	rollout(img[0],src);
	}

img[0].src=imgArray[a.parentNode.id].src;

}

function rollout(img,src){
img.src=src;	
}

/**
 * Only enable Javascript functionality if all required features are supported.
 */
function isJsEnabled() {
  if (typeof document.jsEnabled == 'undefined') {
    // Note: ! casts to boolean implicitly.
    document.jsEnabled = !(
     !document.getElementsByTagName ||
     !document.createElement        ||
     !document.createTextNode       ||
     !document.documentElement      ||
     !document.getElementById);
  }
  return document.jsEnabled;
}

//calls function isJsEnabled onload and assign body class if it is

if (isJsEnabled()) {
  document.documentElement.className = 'js';
}

/**
 * Adds a function to the window onload event
 */
function addLoadEvent(func) {
  var oldOnload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  }
  else {
    window.onload = function() {
      oldOnload();
      func();
    }
  }
}