/*********************************
 * FANCY BUTTON
********************************/

jQuery.fn.fancyButton = function(settings) {
	// settings
	settings = jQuery.extend({
		className: 'fancybutton',
                hoverClass: 'hover'
	}, settings);

	jQuery(this).find("."+settings["className"]).each(function() {
		// preappend the object with a span, append it with a span
		try {
			var classes = jQuery(this).removeClass(settings["className"]).attr("class");
			if (classes == undefined) {
				classes = "";
			}
			jQuery(this).addClass(settings["className"]);
			jQuery("<span class='button'> </span>").insertBefore(jQuery(this));
			
			jQuery(this).prev().append("<span class='buttonleft'> </span>");
			jQuery(this).prev().append(jQuery(this));
			// width fix for firefox
		//	jQuery(this).css("width", jQuery(this).css("width"));
			jQuery(this).parent().append("<span class='buttonright'> </span>");

            jQuery(this).parent().bind("mouseenter mouseleave", function () {
                         jQuery(this).toggleClass(settings["hoverClass"]);
            });
		} catch (e) {
			if (window.console) console.error(e);
		}
	});
	// return the element
	return jQuery(this);
};