/*
 *
 * Copyright (c) 2006 Sam Collett (http://www.texotela.co.uk)
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * 
 */

 
/* 
 * jQuery Image Replacement. An alternative to using CSS hacks
 * The id attribute is used for the filename
 *
 * @name     jQIR
 * @param    format  Image format/file extension (e.g. png, gif, jpg)
 * @param    path    Path to images folder (optional)
 * @author   Sam Collett (http://www.texotela.co.uk)
 * @example  $(".jqir").jQIR("png", "images/");
 * @before   <h1 id="heading1" class="jqir">Heading 1</h1>
 * @result   <h1 id="heading1" class="jqir"><img alt="Heading 1" src="images/heading1.png"></h1>   
 * @example  $(".jqir").jQIR("gif"); // use same folder as page
 * @before   <h1 id="heading1" class="jqir">Heading 1</h1>
 * @result   <h1 id="heading1" class="jqir"><img alt="Heading 1" src="heading1.gif"></h1>   
 *
 */
jQuery.fn.jQIR = function(format, path)
{
	if(!document.images) return this;
	path = path || "";
	this.each(
		function()
		{
			var img = $("<img>"), self = jQuery(this);
			jQuery(img).attr(
			{
				src: path + self[0].id + "." + format,
				alt: self.text()
			});
			self.empty().append(img);
		}
	);
	return this;
};