(function($) {	
	/* Makes an entire box "clickable".  So whenever you 
	click anywhere in the element it goes to a new page.  
	The urlExtractor determines to which page the click goes.
	By default it uses the href tag of an anchor with the class 
	of "clickTarget" inside the click area.
	*/
	$.fn.clickArea = function(settings) {
		settings = jQuery.extend({ 
			targetClass:"clickTarget",
			urlExtractor:function(t){return extractHref(t);},
			overClass:""
		}, settings);		
		function findTarget(c) { return $("."+settings.targetClass, c); }
		function extractHref(t) { return t.attr("href")||""; }
		function go(a) {
			var url=settings.urlExtractor(findTarget(a));
			if(url){window.location = url;}
		}
		
		var area = $(this).each(function() { 
			var box = $(this);
			box.click(function() { go(box); });
		});
		if(settings.overClass) { 
			area = area.hover(function(){$(this).addClass(settings.overClass);},
				function(){$(this).removeClass(settings.overClass);});
		}
		return area;
	};
	$(function() {
		$(".clickArea").not(":input,:submit").clickArea();
	});
})(jQuery);