//pass in an anchor tag with an href pointing to a photo you want to preview
//$("a.preview").filetip();

jQuery.fn.filetip = function() {
	var tooltip_position = function(event) {
		var tpos_x = event.pageX - 5;
		var tpos_y = event.pageY + 20;
		$("div.tooltip").css({"top": tpos_y, "left": tpos_x});
	};
	var tooltip_show = function(event) {
		$("div.tooltip").remove();
		var filename = $(this).attr("href");
		//get filename extension
		var ext = filename.substr(filename.lastIndexOf('.')).toLowerCase();
		//create array of allowed extension types and check if the file is a photo
		var phototypes = [".jpeg", ".jpg", ".gif", ".png", ".bmp"];
		for (var i=0; i < 5; i++) {
			if (phototypes[i] == ext) {
				var photo = true;
			}
		}
		//if it is a photo, write the img tag
		if (photo) { //if it is not a photo
			var preview = "<img src='" + filename + "'>";
		} else {//it is a photo
			var preview = "Click to view File";
		}
		$("<div class='tooltip'>" + preview + "</div>").appendTo("body");
		tooltip_position(event);
	};
	var tooltip_hide = function() {
		$("div.tooltip").remove();
	};
	$(this).hover(tooltip_show, tooltip_hide).mousemove(tooltip_position);
}