function init(){
	var imgs = $('bios').getElementsByTagName("a");
	
	if(Browser.Engine.trident || Browser.Engine.presto){
		var myTips = new Tips(imgs,{className: 'biotooltip', offsets: {'x': -10, 'y': 25}, fixed: true});
	} else{
		var myTips = new Tips(imgs,{className: 'biotooltip', offsets: {'x': -10, 'y': -5}, fixed: true});
	}
	
	
	
	for (i=0; i<imgs.length; i++){
		imgs[i].id = i + "_img";
		image = $(imgs[i].id).getElementsByTagName('img')[0];
		image.id = i + "_i";
		
		imgs[i].style.zIndex = 0;
		image.style.zIndex = 0;
		
		var tts = image.alt.split(': ');
		imgs[i].store('tip:title', tts[0]);
		imgs[i].store('tip:text', tts[1]);
		
		//find out of the image matches the page we're on
		var file = getFilename();
		file = file.substr(0, file.lastIndexOf("."));
		imgsrc = image.src.substr(image.src.lastIndexOf("/")+1);
		imgsrc = imgsrc.substr(0, imgsrc.lastIndexOf("_"));
		
		//set classname to ON and ON image if the file and src match
		//otherwise create the src changer
		if((file == imgsrc)){
			imgs[i].className == "on";
			image.src = image.src.substr(0, image.src.lastIndexOf("_")) + ".jpg";
		} else{
		
			$(image.id).addEvents({
				'mouseenter': function(){
					newsrc = this.src.substr(0, this.src.lastIndexOf("_")) + ".jpg";
					this.src = newsrc;
					this.style.zIndex = 10;
				},
				'mouseleave': function(){
					newsrc = this.src.substr(0, this.src.lastIndexOf(".")) + "_bw.jpg";
					this.src = newsrc;
					this.style.zIndex = 0;
				}
			});
		}	
	}
}

//when the dom is ready, call the init() function
window.addEvent('domready',init);