/**
 *
 * Em Change Plugin (http://jquery.lukelutman.com/plugins/emchange)
 * Trigger a custom event when the pixel size of 1em changes.
 * 
 * Version 1.0
 * December 8th, 2006
 *
 * Copyright (c) 2006 Luke Lutman (http://www.lukelutman.com)
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * Examples: 
 * 
 * $('#example').bind('emchange', function() {
 *     // do stuff
 * });
 *
 * $('#example').unbind('emchange');
 *
 * This is a stripped-down implementation. 
 * For more features, see Dave Cardwell's JQEm plugin:
 * http://davecardwell.co.uk/geekery/javascript/jquery/jqem/
 *
**/ 
jQuery(document).ready(function(){
	var bang, then;
	var $node = jQuery(document.createElement('div'))
		.html('.')
		.css({
			position: 'absolute', 
			visibility: 'hidden', 
			width: '1em' });				
	jQuery('body').append($node);
	then = $node.width();
	bang = setInterval(function(){
		var now = $node.width();
		if(then != now)
			jQuery.event.trigger('emchange');
		then = now;
	}, 100);
	jQuery(window).bind('unload', function(e) {
		clearInterval(bang);
		bang = null;
	});
});