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(imgsrc.lastIndexOf("_")+1);
		
		//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(image.src.lastIndexOf("_")+1);
		} else{
		    $(image.id).addEvents({
				'mouseenter': function(){
					newsrc = this.src.substr(this.src.lastIndexOf("_")+1);
					this.src = "http://www.melangehs.com/uploads/thumb/" + newsrc;
					//alert(this.src);
					this.style.zIndex = 10;
				},
				'mouseleave': function(){
					newsrc = this.src.substr(this.src.lastIndexOf("/")+1);
					newsrc = "http://www.melangehs.com/uploads/thumb/bw_" + newsrc;
					//newsrc = this.src.substr(this.src.lastIndexOf("."));
					this.src = newsrc;
					//alert(this.src);
					this.style.zIndex = 0;
				}
			});
		}	
	}
}

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