/*

	my attempt at a non intrusive roll over function. 

	get any image with the rollOver class. Then when 

	mouseover change the src to over-imageName.

*/

addEvent(window, "load", rollOver); 




/*              Utility functions                    */

function addEvent(obj, evType, fn){
  /* adds an eventListener for browsers which support it
     Written by Scott Andrew: nice one, Scott */
  if (obj.addEventListener){
    obj.addEventListener(evType, fn, false);
    return true;
  } else if (obj.attachEvent){
	var r = obj.attachEvent("on"+evType, fn);
    return r;
  } else {
	return false;
  }
}









function rollOver() {




  	if (!document.getElementsByTagName) return false;
	if (!document.images) return false;

	

	function createURI(e)

		{

			var mypath=e.split('/');

			var fileName=mypath.pop();       	

			var newURI='over-'+fileName;

			newURI=mypath.join('/')+'/'+newURI;

			return newURI;

		}



  var overs = document.getElementsByTagName("img");

  for (var i=0; i < overs.length; i++) {


	if (overs[i].className.match("roll-over"))   {
      	overs[i].onmouseover = function() {

			var newURI=createURI(this.src);

			this.src=newURI;

      	}

      

		overs[i].onmouseout=function()	{

			var oldURI=this.src;

			var mypath=oldURI.split('/');

			var fileName=mypath.pop();	

			//make sure we're not already in the over state (for ie)
			if(fileName.substring(0,5)=="over-")  {

					var newURI=fileName.substring(5,fileName.length);

				}

				else

				{

					var newURI=fileName;

				}

				

			newURI=mypath.join('/')+'/'+newURI;

			this.src=newURI
      	}

      	//preload over images

      

				var newURI=createURI(overs[i].src);

				var fileName=new Image();

				fileName.src=newURI;

      		

      	}
  	}

}

/*

	thank you dean edwards http://dean.edwards.name

*/

if (![].pop) Array.prototype.pop = function() {
                var $item = this[this.length - 1];
                this.length--;
                return $item;
        };


window.onload = rollOver;