// JavaScript Document

/**
 * Heading
 * A jQuery plugin for replacing headings with images.
 *
 * Version 1.0
 * March 19th, 2009
 *
 * Created by:
 * Frank Broersen
 *
 * Inspired by:
 * Dynamic Heading Generation (http://www.stewartspeak.com/headings/)
 *
 **/
(function($){

  $.fn.Heading = function(options) {

    var defaults = {
      url: 'assets/h1/'
    };

    var options = $.extend(defaults, options);

    return this.each(function() {

      $(this).css('visitbility','hidden');

      var heading = $(this);

      var text = heading.html();

      var img = "<img class='replacement' src='" + options.url + escape( text ) + ".png' alt='' title='' />";

      heading.html( img );

      $(this).css('visibility','visible');

    });

  }

})(jQuery);

  $(document).ready(function() {
    $('h1').Heading();
  });