//Tabbed Content Areas Application
//Written by Joel Grannas
//Creative Director @ Schoolwires


(function($){
	$.fn.tabBlocks = function() {
  		var element = this;
  		$(element).prepend("<div class='tabs-container'><div class='clear'></div></div>");
  		$("div.ui-widget.app", element).each(function(){
  			var myHeader = $("div.ui-widget-header h1", this).html();
  			$(this).parents("div.region.ui-hp").find("div.tabs-container div.clear").before("<div class='tab-button'><span>" + myHeader + "</span></div>");
  		});
  		$("div.tabs-container div:eq(0)", element).addClass("active");
  		$("div.ui-widget.app:eq(0)", element).show();
  		$("div.tab-button", element).click(function(){
  			$(this).siblings().removeClass("active");
  			$(this).addClass("active");
  			var myIndex = "div.ui-widget.app:eq(" + $(this).index() + ")";
  			$(this).parents("div.region.ui-hp").find("div.ui-widget.app").hide();
  			$(this).parents("div.region.ui-hp").find(myIndex).show();
  		});
  		//HOVER STATE
  		$("div.tab-button", element).live("mouseover mouseout", function(event){ 
			if ( event.type == "mouseover" ) {
				$(this).addClass("hover");
			} else {
				$(this).removeClass("hover");
			}	
		});
	};
})(jQuery);