function change_media_image(desc, path) {
  $('.about_media_title').html(desc);
  $('#media_image').attr('src', path);
}

$(function() {
    var myimage = null; // the image object that will show the large image
    var imgsrc = ''; // used later for rewriting the src attribute to the large version
    var imagecontainer = $('.about_media'); // needed to set the location of the image

    $('#media_image').hover(
	function() {
	    var $this = $(this);
	    if (myimage === null) {
		var pos = imagecontainer.position();
		var width = imagecontainer.outerWidth();
		imagecontainer.css('position', 'relative');
		imagecontainer.css('overflow', 'visible');

		myimage = new Image();
		myimage.style.display = 'none';
		myimage.style.position = 'absolute';

		imagecontainer.append(myimage);
		myimage = $(myimage);

		myimage.css('top', '0px');
		myimage.css('right', '0px');

		imagecontainer.hover(function() {}, function() {
		    myimage.hide();
		});
	    }
	    imgsrc = this.src;
	    imgsrc = imgsrc.split('/');
	    imgsrc[imgsrc.length-1] = 'l' + imgsrc[imgsrc.length-1].substring(1);
	    imgsrc = imgsrc.join('/');
	    myimage.get(0).src = imgsrc;
	    myimage.show();
	},
	function() {
	});
});