//$Header: /home/cvs/www.mfoils.co.uk/public_html/scripts/rollovers.js,v 1.5 2005/01/07 09:42:44 matthew Exp $

/* looks for mouseover classes and then assigns rollovers to img or input 
tags found within the div. Can have multiple mouseovers! */

//browser check
var d = document;
var W3CDOM = (d.createElement && d.getElementsByTagName);

function initmouseovers(){

var inputs = new Array();
var imgs = new Array();
	if(!W3CDOM)return;
	var dv = d.getElementsByTagName('div');
	var dvl = dv.length-1;
	var n = 0;
	for (var i=dvl;i>0;i--){
	
		if (dv[i].className == 'mouseovers'){
		
			//input rollovers
			eval("inputs[n] = dv[i].getElementsByTagName('input')");
			//image rollovers
			eval("imgs[n] = dv[i].getElementsByTagName('img')");
			n++;
		}
	}
	if(inputs){assignActions(inputs);}
	if(imgs){assignActions(imgs);}
}

//assign events to objects
function assignActions(tg){
	for (var i=0;i<tg.length;i++){
		for (var n=0;n<tg[i].length;n++){
			tg[i][n].onmouseover = rollOver;
			tg[i][n].onmouseout = rollOut;	
		}
	}	
}

function rollOver(){
	this.src = this.src.slice(0,-4)+"on.gif";
}

function rollOut(){
	this.src = this.src.slice(0,-6)+".gif";
}