function init(){ // initialization function, called from body onload event
	
	function getObj(name){ // returns an object with a specified id tag (name)
		if(document.getElementById) this.obj = document.getElementById(name);
		else if(document.all) this.obj = document.all[name];
		return this.obj;
	}
	function getElementsByClass(val){ // returns an array of objects with specified class name (val)
		var all = document.all || document.getElementsByTagName('*');
		var arr = [];
		for(var k = 0; k < all.length; k++)
			if(all[k].className == val) arr[arr.length] = all[k];
		return arr;
	}
	
	var bArr = getElementsByClass("navroll");
	
	for(var i = 0; i < bArr.length; i++)
		if(bArr[i].addEventListener){
			bArr[i].addEventListener('mouseover', function(event) { this.src = this.src.substring(0, this.src.lastIndexOf(".")-1) + "b.gif"; }, false);
			bArr[i].addEventListener('mouseout', function(event) { this.src  = this.src.substring(0, this.src.lastIndexOf(".")-1) + "a.gif"; }, false);
		}
		else{
			
			bArr[i].onmouseover = function() { this.src = this.src.substring(0, this.src.lastIndexOf(".")-1) + "b.gif"; }
			bArr[i].onmouseout = function() { this.src = this.src.substring(0, this.src.lastIndexOf(".")-1) + "a.gif"; }
		}
}

// CHANGE ID STYLES

function change(id, newClass) {

identity=document.getElementById(id);

identity.className=newClass;

}