//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>");
  		$(element).find("div.ui-widget.app").each(function(){
  			var myHeader = $(this).find("div.ui-widget-header h1").text();
  			$(this).parents("div.region.ui-hp").find("div.tabs-container div.clear").before("<div class='tab-button'><span>" + myHeader + "</span></div>");
  		});
  		$(element).find("div.tabs-container div:eq(0)").addClass("active");
  		$(element).find("div.ui-widget.app:eq(0)").show();
  		$(element).find("div.tab-button").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
  		$(element).find("div.tab-button:not(.active)").hover(
		function () {
			$(this).addClass("hover");
		},
		function () {
	  		$(this).removeClass("hover");
		}
	);
	};
})(jQuery);