matthiasm@0: /**
matthiasm@0:  * @version		1.3
matthiasm@0:  * @package		SimpleTabs
matthiasm@0:  * @author    Fotis Evangelou - http://nuevvo.com/labs/simpletabs
matthiasm@0:  * @copyright	Copyright (c) 2009-2011 Fotis Evangelou / Nuevvo Webware Ltd. All rights reserved.
matthiasm@0:  * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
matthiasm@0:  */
matthiasm@0: 
matthiasm@0: // Main SimpleTabs function
matthiasm@0: var kmrSimpleTabs = {
matthiasm@0: 
matthiasm@0: 	sbContainerClass: "simpleTabs",
matthiasm@0: 	sbNavClass: "simpleTabsNavigation",
matthiasm@0: 	sbContentClass: "simpleTabsContent",
matthiasm@0: 	sbCurrentNavClass: "current",
matthiasm@0: 	sbCurrentTabClass: "currentTab",
matthiasm@0: 	sbIdPrefix: "tabber",	
matthiasm@0: 
matthiasm@0: 	init: function(){
matthiasm@0: 		if(!document.getElementsByTagName) return false;
matthiasm@0: 		if(!document.getElementById) return false;
matthiasm@0: 		
matthiasm@0: 		var containerDiv = document.getElementsByTagName("div");
matthiasm@0: 	
matthiasm@0: 		for(var i=0; i<containerDiv.length; i++){
matthiasm@0: 			if (containerDiv[i].className == kmrSimpleTabs.sbContainerClass) {
matthiasm@0: 				
matthiasm@0: 				// assign a unique ID for this tab block and then grab it
matthiasm@0: 				containerDiv[i].setAttribute("id",kmrSimpleTabs.sbIdPrefix+[i]);		
matthiasm@0: 				var containerDivId = containerDiv[i].getAttribute("id");
matthiasm@0: 	
matthiasm@0: 				// Navigation
matthiasm@0: 				var ul = containerDiv[i].getElementsByTagName("ul");
matthiasm@0: 				
matthiasm@0: 				for(var j=0; j<ul.length; j++){
matthiasm@0: 					if (ul[j].className == kmrSimpleTabs.sbNavClass) {
matthiasm@0: 	
matthiasm@0: 						var a = ul[j].getElementsByTagName("a");
matthiasm@0: 						for(var k=0; k<a.length; k++){
matthiasm@0: 							a[k].setAttribute("id",containerDivId+"_a_"+k);
matthiasm@0: 							// get current
matthiasm@0: 							if(kmrSimpleTabs.readCookie('simpleTabsCookie')){
matthiasm@0: 								var cookieElements = kmrSimpleTabs.readCookie('simpleTabsCookie').split("_");
matthiasm@0: 								var curTabCont = cookieElements[1];
matthiasm@0: 								var curAnchor = cookieElements[2];
matthiasm@0: 								if(a[k].parentNode.parentNode.parentNode.getAttribute("id")==kmrSimpleTabs.sbIdPrefix+curTabCont){
matthiasm@0: 									if(a[k].getAttribute("id")==kmrSimpleTabs.sbIdPrefix+curTabCont+"_a_"+curAnchor){
matthiasm@0: 										a[k].className = kmrSimpleTabs.sbCurrentNavClass;
matthiasm@0: 									} else {
matthiasm@0: 										a[k].className = "";
matthiasm@0: 									}
matthiasm@0: 								} else {
matthiasm@0: 									a[0].className = kmrSimpleTabs.sbCurrentNavClass;
matthiasm@0: 								}
matthiasm@0: 							} else {
matthiasm@0: 								a[0].className = kmrSimpleTabs.sbCurrentNavClass;
matthiasm@0: 							}
matthiasm@0: 							
matthiasm@0: 							a[k].onclick = function(){
matthiasm@0: 								kmrSimpleTabs.setCurrent(this,'simpleTabsCookie');
matthiasm@0: 								return false;
matthiasm@0: 							}
matthiasm@0: 						}
matthiasm@0: 					}
matthiasm@0: 				}
matthiasm@0: 	
matthiasm@0: 				// Tab Content
matthiasm@0: 				var div = containerDiv[i].getElementsByTagName("div");
matthiasm@0: 				var countDivs = 0;
matthiasm@0: 				for(var l=0; l<div.length; l++){
matthiasm@0: 					if (div[l].className == kmrSimpleTabs.sbContentClass) {
matthiasm@0: 						div[l].setAttribute("id",containerDivId+"_div_"+[countDivs]);	
matthiasm@0: 						if(kmrSimpleTabs.readCookie('simpleTabsCookie')){
matthiasm@0: 							var cookieElements = kmrSimpleTabs.readCookie('simpleTabsCookie').split("_");
matthiasm@0: 							var curTabCont = cookieElements[1];
matthiasm@0: 							var curAnchor = cookieElements[2];		
matthiasm@0: 							if(div[l].parentNode.getAttribute("id")==kmrSimpleTabs.sbIdPrefix+curTabCont){
matthiasm@0: 								if(div[l].getAttribute("id")==kmrSimpleTabs.sbIdPrefix+curTabCont+"_div_"+curAnchor){
matthiasm@0: 									div[l].className = kmrSimpleTabs.sbContentClass+" "+kmrSimpleTabs.sbCurrentTabClass;
matthiasm@0: 								} else {
matthiasm@0: 									div[l].className = kmrSimpleTabs.sbContentClass;
matthiasm@0: 								}
matthiasm@0: 							} else {
matthiasm@0: 								div[0].className = kmrSimpleTabs.sbContentClass+" "+kmrSimpleTabs.sbCurrentTabClass;
matthiasm@0: 							}
matthiasm@0: 						} else {
matthiasm@0: 							div[0].className = kmrSimpleTabs.sbContentClass+" "+kmrSimpleTabs.sbCurrentTabClass;
matthiasm@0: 						}
matthiasm@0: 						countDivs++;
matthiasm@0: 					}
matthiasm@0: 				}	
matthiasm@0: 	
matthiasm@0: 				// End navigation and content block handling	
matthiasm@0: 			}
matthiasm@0: 		}
matthiasm@0: 	},
matthiasm@0: 	
matthiasm@0: 	// Function to set the current tab
matthiasm@0: 	setCurrent: function(elm,cookie){
matthiasm@0: 		
matthiasm@0: 		this.eraseCookie(cookie);
matthiasm@0: 		
matthiasm@0: 		//get container ID
matthiasm@0: 		var thisContainerID = elm.parentNode.parentNode.parentNode.getAttribute("id");
matthiasm@0: 	
matthiasm@0: 		// get current anchor position
matthiasm@0: 		var regExpAnchor = thisContainerID+"_a_";
matthiasm@0: 		var thisLinkPosition = elm.getAttribute("id").replace(regExpAnchor,"");
matthiasm@0: 	
matthiasm@0: 		// change to clicked anchor
matthiasm@0: 		var otherLinks = elm.parentNode.parentNode.getElementsByTagName("a");
matthiasm@0: 		for(var n=0; n<otherLinks.length; n++){
matthiasm@0: 			otherLinks[n].className = "";
matthiasm@0: 		}
matthiasm@0: 		elm.className = kmrSimpleTabs.sbCurrentNavClass;
matthiasm@0: 		
matthiasm@0: 		// change to associated div
matthiasm@0: 		var otherDivs = document.getElementById(thisContainerID).getElementsByTagName("div");
matthiasm@0: 		var RegExpForContentClass = new RegExp(kmrSimpleTabs.sbContentClass);
matthiasm@0: 		for(var i=0; i<otherDivs.length; i++){
matthiasm@0: 			if ( RegExpForContentClass.test(otherDivs[i].className) ) {
matthiasm@0: 				otherDivs[i].className = kmrSimpleTabs.sbContentClass;
matthiasm@0: 			}
matthiasm@0: 		}
matthiasm@0: 		document.getElementById(thisContainerID+"_div_"+thisLinkPosition).className = kmrSimpleTabs.sbContentClass+" "+kmrSimpleTabs.sbCurrentTabClass;
matthiasm@0: 	
matthiasm@0: 		// get Tabs container ID
matthiasm@0: 		var RegExpForPrefix = new RegExp(kmrSimpleTabs.sbIdPrefix);
matthiasm@0: 		var thisContainerPosition = thisContainerID.replace(RegExpForPrefix,"");
matthiasm@0: 		
matthiasm@0: 		// set cookie
matthiasm@0: 		this.createCookie(cookie,'simpleTabsCookie_'+thisContainerPosition+'_'+thisLinkPosition,1);
matthiasm@0: 	},
matthiasm@0: 	
matthiasm@0: 	// Cookies
matthiasm@0: 	createCookie: function(name,value,days) {
matthiasm@0: 		if (days) {
matthiasm@0: 			var date = new Date();
matthiasm@0: 			date.setTime(date.getTime()+(days*24*60*60*1000));
matthiasm@0: 			var expires = "; expires="+date.toGMTString();
matthiasm@0: 		}
matthiasm@0: 		else var expires = "";
matthiasm@0: 		document.cookie = name+"="+value+expires+"; path=/";
matthiasm@0: 	},
matthiasm@0: 	
matthiasm@0: 	readCookie: function(name) {
matthiasm@0: 		var nameEQ = name + "=";
matthiasm@0: 		var ca = document.cookie.split(';');
matthiasm@0: 		for(var i=0;i < ca.length;i++) {
matthiasm@0: 			var c = ca[i];
matthiasm@0: 			while (c.charAt(0)==' ') c = c.substring(1,c.length);
matthiasm@0: 			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
matthiasm@0: 		}
matthiasm@0: 		return null;
matthiasm@0: 	},
matthiasm@0: 	
matthiasm@0: 	eraseCookie: function(name) {
matthiasm@0: 		this.createCookie(name,"",-1);
matthiasm@0: 	},
matthiasm@0: 
matthiasm@0: 	// Loader
matthiasm@0: 	addLoadEvent: function(func) {
matthiasm@0: 		var oldonload = window.onload;
matthiasm@0: 		if (typeof window.onload != 'function') {
matthiasm@0: 			window.onload = func;
matthiasm@0: 		} else {
matthiasm@0: 			window.onload = function() {
matthiasm@0: 				if (oldonload) {
matthiasm@0: 					oldonload();
matthiasm@0: 				}
matthiasm@0: 				func();
matthiasm@0: 			}
matthiasm@0: 		}
matthiasm@0: 	}
matthiasm@0: 	
matthiasm@0: 	// END
matthiasm@0: };
matthiasm@0: 
matthiasm@0: // Load SimpleTabs
matthiasm@0: kmrSimpleTabs.addLoadEvent(kmrSimpleTabs.init);