jQuery(document).ready( function() {
	var imgID = 0;
	jQuery('#gallery img').each(function() {
		var img = jQuery(this);
		img.parent().attr('title', '');
		var title = img.attr('title'); img.attr('title', '');
		var description = img.attr('alt'); img.attr('alt', '');
		var boxID = 'img-id-' + imgID; img.attr('boxID', boxID);

		jQuery('body').append('<div id="img-id-' + imgID + '" class="box"><div class="title">' + title + '</div><div class="content">' + description + '</div>');
		jQuery('#' + boxID).hide();

		img.mousemove(function(e) {
			id = jQuery(this).attr('boxID');
			jQuery('#' + id).show();
			jQuery('#' + id).css({
				top: (e.pageY + 15) + "px",
				left: (e.pageX + 15) + "px"
			});
		});

		img.mouseout(function(e) {
			id = jQuery(this).attr('boxID');
			jQuery('#' + id).hide();
		});

		imgID++;
	});
});