/* 
  ------------------------------------------------
  Rollovers
  ------------------------------------------------
*/

window.onload = function(e) {

  initRollovers(); //window load for rollover script


}

/*

	Standards Compliant Rollover Script

	Author : Daniel Nolan

	http://www.bleedingego.co.uk/webdev.php

*/



/* window load moved to textsize.js, so they can work together */

/* Add the class "imgover" to any image meant to have a rollover. */

/* The rollover state of the image should be saved with _o at the end of it, i.e., 1.jpg becomes 1_o.jpg, and this file should be in the same directory */


function initRollovers() {

	if (!document.getElementById) return

	

	var aPreLoad = new Array();

	var sTempSrc;

	

	var aImages = document.getElementsByTagName('img');

	



	for (var i = 0; i < aImages.length; i++) {		

		if (aImages[i].className == 'imgover') {

			var src = aImages[i].getAttribute('src');

			var ftype = src.substring(src.lastIndexOf('.'), src.length);

			var hsrc = src.replace(ftype, '_o'+ftype);



			aImages[i].setAttribute('hsrc', hsrc);

			

			aPreLoad[i] = new Image();

			aPreLoad[i].src = hsrc;

			

			aImages[i].onmouseover = function() {

				sTempSrc = this.getAttribute('src');

				this.setAttribute('src', this.getAttribute('hsrc'));

			}	

			

			aImages[i].onmouseout = function() {

				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);

				this.setAttribute('src', sTempSrc);

			}

		}

	}

}
