//Tabbed Content Areas
//Written by Joey Karns
//Web Developer 1 @ Schoolwires


(function($){
	$.fn.tabBlocks = function() {
  		var element = this;
  		$(element).prepend("<div class='tabs-container ui-clear'></div><div class='tabs-content'></div>");
  		$("div.ui-widget.app", element).each(function(){
  			$(this).parents("div.region.ui-hp").find("div.tabs-container").append($("div.ui-widget-header h1", this));
			$(this).parents("div.region.ui-hp").find("div.tabs-content").append($(this));
  		});
		$("div.tabs-container h1").each(function(){
			$(this).wrap("<span />");
		});
		$("div.tabs-container span").each(function(){
			$(this).wrap("<div class='tab-button' />");
		});
  		$("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);