// JavaScript Document
	/*
		rollover script, reqiures jquery
		id1= upimage,id2= rollver image
		
		#usage:
		$(document).ready(function(){
			doRollOver('id1','id2');		
		});
		
		#load rollover image in hidden div:
		<div id="imgpreload">
   			<img src="my_room_rl.gif" id="myroom_img2" width="160" height="21" alt="IIT Housing - My Room" title="IIT Housing - My Room" />
		</div>
		
		#place main image in source w/ id="id1"	
	*/
	
var doRollOver = function(id1,id2){	
		
		var upSrc = $("#"+id1).attr("src");
		var rlSrc = $("#"+id2).attr("src");		
		
		var rl = function(){		
			($("#"+id1)).attr("src",rlSrc);
		}
		
		var up = function(){
			($("#"+id1)).attr("src",upSrc);
		}
				
		$("#"+id1).mouseover( function(){
			rl();
		});
		
		$("#"+id1).mouseout( function(){
			up();
		});
		
};