Event.observe(window,"load",function(){
	$$(".cast img").each(function(item){
		//preload
		var new_img=new Image();
		new_img.src=item.src.replace("90_bw","90");
		//mouseover
		Event.observe(item,"mouseover",function(evt){
			var e=Event.element(evt);
			if(e.hasClassName("on")) return;
			e.src=e.src.replace("90_bw","90");
		});
		
		//mouseout
		Event.observe(item,"mouseout",function(evt){
			var e=Event.element(evt);
			if(e.hasClassName("on")) return;
			e.src=e.src.replace("90","90_bw");
		});
		
		//click
		Event.observe(item,"click",function(evt){
			var e=Event.element(evt);
			if(e.hasClassName("on")) return;
			var rel=e.up().readAttribute("rel");
			$(rel).show();
			
			$$("#member_details .on").each(function(detail){
				detail.hide();
				detail.removeClassName('on');
			});
			
			
			$$("#cast_members .on").each(function(detail){
				detail.removeClassName('on');
				detail.src=detail.src.replace("90","90_bw");
			});
			
			e.addClassName("on");
			$(rel).addClassName("on");
		});
		
	});
});