From 89d54a83f25c926bb2c99cc7d216f02fb3b9730e Mon Sep 17 00:00:00 2001
From: Eric Kever <lolbummer@gmail.com>
Date: Wed, 10 Aug 2011 15:01:06 -0400
Subject: [PATCH] Moved doFancyExpensiveTabThings into the Skeleton namespace,
 and added support for multiple tab sets.

---
 javascripts/app.js | 89 ++++++++++++++++++++++++----------------------
 1 file changed, 47 insertions(+), 42 deletions(-)

diff --git a/javascripts/app.js b/javascripts/app.js
index 91442ec..32d9535 100644
--- a/javascripts/app.js
+++ b/javascripts/app.js
@@ -99,51 +99,56 @@
 				var event = e || window.event;
 				return fn.call(element, event);  //Force it to call the handler in the proper context (IE 7 & 8 do not)
 			}, last);
+		},
+		
+		doFancyExpensiveTabThings : function(){
+			var tabs = Skeleton.filterTags(Skeleton.getElementsByClassName(document, "tabs"), ["ul"]);
+			
+			for(var i = 0, j = tabs.length; i < j; i++){
+				(function(){
+					var tabNum = i,
+						tabList = tabs[tabNum].getElementsByTagName("li");
+					
+					for(var k = 0, l = tabList.length; k < l; k++){
+						Skeleton.addListener(tabList[k].getElementsByTagName('a')[0], "click", function(e){
+							var contentLocation = this.href.substr(this.href.indexOf("#")) + "Tab",
+								contentElement,
+								siblings;
+							
+							if(contentLocation.charAt(0) === "#"){
+								if(e.preventDefault){
+									e.preventDefault();
+								}else{
+									e.returnValue = false;
+									e.cancelBubble = true;
+								}
+								
+								for(var m = 0; m < k; m++){
+									Skeleton.removeClass(tabList[m].getElementsByTagName('a')[0], "active");
+								}
+								
+								Skeleton.addClass(this, "active");
+								
+								//contentElement = document.getElementById(contentLocation.substr(1));
+								contentElement = Skeleton.getElementsByClassName(Skeleton.getElementsByClassName(tabs[tabNum].parentNode, "tabs-content")[0], contentLocation.substr(1))[0];
+								Skeleton.addClass(contentElement, "active");
+								
+								siblings = contentElement.parentNode.getElementsByTagName('li');
+								for(m = 0, n = siblings.length; m < n; m++){
+									if(siblings[m] !== contentElement){
+										Skeleton.removeClass(siblings[m], "active");
+									}
+								}
+							}
+							return false;
+						});
+					}
+				})();
+			}
 		}
 	};
 	
 	window.Skeleton = Skeleton;
 })();
 
-function doFancyExpensiveTabThings(){
-	var tabs = Skeleton.filterTags(Skeleton.getElementsByClassName(document, "tabs"), ["ul"]);
-	
-	for(var i = 0, j = tabs.length; i < j; i++){
-		var tabList = tabs[i].getElementsByTagName("li");
-		for(var k = 0, l = tabList.length; k < l; k++){
-			Skeleton.addListener(tabList[k].getElementsByTagName('a')[0], "click", function(e){
-				var contentLocation = this.href.substr(this.href.indexOf("#")) + "Tab",
-					contentElement,
-					siblings;
-				
-				if(contentLocation.charAt(0) === "#"){
-					if(e.preventDefault){
-						e.preventDefault();
-					}else{
-						e.returnValue = false;
-						e.cancelBubble = true;
-					}
-					
-					for(var m = 0; m < k; m++){
-						Skeleton.removeClass(tabList[m].getElementsByTagName('a')[0], "active");
-					}
-					
-					Skeleton.addClass(this, "active");
-					
-					contentElement = document.getElementById(contentLocation.substr(1));
-					Skeleton.addClass(contentElement, "active");
-					
-					siblings = contentElement.parentNode.getElementsByTagName('li');
-					for(m = 0, n = siblings.length; m < n; m++){
-						if(siblings[m] !== contentElement){
-							Skeleton.removeClass(siblings[m], "active");
-						}
-					}
-				}
-				return false;
-			});
-		}
-	}
-}
-
-Skeleton.addListener(window, "load", doFancyExpensiveTabThings);
\ No newline at end of file
+Skeleton.addListener(window, "load", Skeleton.doFancyExpensiveTabThings);
\ No newline at end of file