/*
addEvent
*/
/*function addEvent( obj, type, fn ) {
   if ( obj.attachEvent ) {
     obj['e'+type+fn] = fn;
     obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
     obj.attachEvent( 'on'+type, obj[type+fn] );
   } else
     obj.addEventListener( type, fn, false );
}*/

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


addEvent(window,'load',initRollovers);

/**
 * Sets up the rollover events for each of the nav itesm
 *
 * Yeah, lots of repeated code below. I don't know how to work around "closures" yet.
 */
function initRollovers() {
	var div = document.getElementById('splash');
	var div2 = document.getElementById('splash2');
	var orig = 'url(assets/layout/homepic01.jpg)';
	div.style.backgroundImage = orig;
	
	/*preload images*/
	MM_preloadImages(
		'assets/layout/homepic01.jpg',
		'assets/layout/homepic02.jpg',
		'assets/layout/homepic03.jpg',
		'assets/layout/homepic04.jpg',
		'assets/layout/homepic05.jpg',
		'assets/layout/homepic06.jpg',
		'assets/layout/homepic07.jpg',
		'assets/layout/homepic08.jpg');
	
	/*attach mouseover and mouseout events to links*/
	var anchors = document.getElementById('nav').getElementsByTagName('a');
	
  addEvent( anchors[0], 'mouseover', function(){div.style.backgroundImage='url(assets/layout/homepic02.jpg)'; div2.style.backgroundImage='url(assets/layout/homepic02.jpg)';} );
	addEvent( anchors[0], 'mouseout', function(){restore(div,orig);} );	
	addEvent( anchors[0], 'focus', function(){div.style.backgroundImage='url(assets/layout/homepic02.jpg)';} );
	addEvent( anchors[0], 'blur', function(){restore(div,orig);} );
	
	addEvent( anchors[1], 'mouseover', function(){div.style.backgroundImage='url(assets/layout/homepic03.jpg)';} );
	addEvent( anchors[1], 'mouseout', function(){restore(div,orig);} );
	addEvent( anchors[1], 'focus', function(){div.style.backgroundImage='url(assets/layout/homepic03.jpg)';} );
	addEvent( anchors[1], 'blur', function(){restore(div,orig);} );	
	
	addEvent( anchors[2], 'mouseover', function(){div.style.backgroundImage='url(assets/layout/homepic04.jpg)';} );
	addEvent( anchors[2], 'mouseout', function(){restore(div,orig);} );
	addEvent( anchors[2], 'focus', function(){div.style.backgroundImage='url(assets/layout/homepic04.jpg)';} );
	addEvent( anchors[2], 'blur', function(){restore(div,orig);} );	
	
	addEvent( anchors[3], 'mouseover', function(){div.style.backgroundImage='url(assets/layout/homepic05.jpg)';} );
	addEvent( anchors[3], 'mouseout', function(){restore(div,orig);} );
	addEvent( anchors[3], 'focus', function(){div.style.backgroundImage='url(assets/layout/homepic05.jpg)';} );
	addEvent( anchors[3], 'blur', function(){restore(div,orig);} );	
	
	addEvent( anchors[4], 'mouseover', function(){div.style.backgroundImage='url(assets/layout/homepic06.jpg)';} );
	addEvent( anchors[4], 'mouseout', function(){restore(div,orig);} );	
	addEvent( anchors[4], 'focus', function(){div.style.backgroundImage='url(assets/layout/homepic06.jpg)';} );
	addEvent( anchors[4], 'blur', function(){restore(div,orig);} );		
	
	addEvent( anchors[5], 'mouseover', function(){div.style.backgroundImage='url(assets/layout/homepic07.jpg)';} );
	addEvent( anchors[5], 'mouseout', function(){restore(div,orig);} );
	addEvent( anchors[5], 'focus', function(){div.style.backgroundImage='url(assets/layout/homepic07.jpg)';} );
	addEvent( anchors[5], 'blur', function(){restore(div,orig);} );	
	
	addEvent( anchors[6], 'mouseover', function(){div.style.backgroundImage='url(assets/layout/homepic08.jpg)';} );
	addEvent( anchors[6], 'mouseout', function(){restore(div,orig);} );	
	addEvent( anchors[6], 'focus', function(){div.style.backgroundImage='url(assets/layout/homepic08.jpg)';} );
	addEvent( anchors[6], 'blur', function(){restore(div,orig);} );
	
} //initRollovers

function restore(div,image) {
	div.style.backgroundImage = image;
}
	
	

/*if(document.getElementById) {
	addEvent( window, 'load', initRollovers );
}*/