﻿var Oberg = {};
Oberg.capabilitiesTour = function(){
	var tabView = new YAHOO.widget.TabView('capabilities-tour');
	var handler = function(e) {

		var next = e.newValue
		if(next != null){
			var imgs = next.getElementsByTagName('img') 
			YAHOO.util.Dom.batch(imgs,function(img){
				img = new YAHOO.util.Element(img);
				var tabs = tabView.get('tabs');
				var activeTabIndex = tabView.getTabIndex(next);
				if(e.buttonDirection === false){
					if(img.get('src').indexOf('blank.gif') > -1){	
						if(activeTabIndex - 1 < 0){
							tabView.set('activeIndex', tabs.length-1)
						}else{
							tabView.set('activeIndex', activeTabIndex-1)
						}
					}
				}else{
					if(img.get('src').indexOf('blank.gif') > -1){	
						if(activeTabIndex + 1 == tabs.length){
							tabView.set('activeIndex', 0)
						}else{
							tabView.set('activeIndex', activeTabIndex+1)
						}
					}
				}
			});
		}
	};
	var nextAction = function(e){
		
		var tabs = tabView.get('tabs');
		var activeTabIndex = tabView.get('activeIndex');
		var newTabIndex
		if(activeTabIndex + 1 == tabs.length){
			tabView.set('activeIndex', 0)
			newTabIndex = 0
		}else{
			tabView.set('activeIndex', activeTabIndex+1)
			newTabIndex = activeTabIndex+1
		}	
		tabView.fireEvent('activeTabChange',{typ:'activeTabChange',
						newValue:tabView.get('tabs')[newTabIndex],
						prevValue:tabView.get('activeTab')})
	}
	var prevAction = function(e){
		
		var tabs = tabView.get('tabs');
		var activeTabIndex = tabView.get('activeIndex');
		var newTabIndex
		if(activeTabIndex - 1 < 0){
			tabView.set('activeIndex', tabs.length-1)
			newTabIndex = tabs.length-1
		}else{
			tabView.set('activeIndex', activeTabIndex-1)
			newTabIndex = activeTabIndex-1
		}	
		tabView.fireEvent('activeTabChange',{typ:'activeTabChange',
						newValue:tabView.get('tabs')[newTabIndex],
						prevValue:tabView.get('activeTab'),buttonDirection:false})
	}
	YAHOO.util.Event.onAvailable('capabilities-tour',function(e){
		var nextbuttons = tabView.getElementsByClassName("next")
		YAHOO.util.Event.addListener(nextbuttons, "click", nextAction);
		var prevbuttons = tabView.getElementsByClassName("previous")
		YAHOO.util.Event.addListener(prevbuttons, "click", prevAction);
	});
	tabView.addListener('activeTabChange', handler);
	tabView.set('activeIndex', 0); // make first tab active
}
Oberg.capabilitiesTour();