/*
Title: Javascript Common 
Author: Designkitchen, Inc. 
*/

Event.observe(window, 'load', function() {
	resourceTabber(); // toggles tab items dependent on class
});

function resourceTabber() {
	var tabs = $('resourcesNav').descendants(),
		resourceItem = $$('dl.resource');
	
		tabs[0].onclick = function (){ //Exploration & Production
			for (var i = 0; i < tabs.length; i++) {
				tabs[i].removeClassName('on');
			}
			for (var i = 0; i < resourceItem.length; i++) {
				if(resourceItem[i].hasClassName('exploreItem')) {
					resourceItem[i].addClassName('on');
				}
				else {
					resourceItem[i].removeClassName('on');
				}
			}
			this.addClassName('on');
		}
		tabs[1].onclick = function (){ //Refinery & Chemical
			for (var i = 0; i < tabs.length; i++) {
				tabs[i].removeClassName('on');
			}
			for (var i = 0; i < resourceItem.length; i++) {
				if(resourceItem[i].hasClassName('refineryItem')) {
					resourceItem[i].addClassName('on');
				}
				else {
					resourceItem[i].removeClassName('on');
				}
			}
			this.addClassName('on');
		}
		
		tabs[2].onclick = function (){ //Distribution
			for (var i = 0; i < tabs.length; i++) {
				tabs[i].removeClassName('on');
			}
			for (var i = 0; i < resourceItem.length; i++) {
				if(resourceItem[i].hasClassName('distributionItem')) {
					resourceItem[i].addClassName('on');
				}
				else {
					resourceItem[i].removeClassName('on');
				}
			}
			this.addClassName('on');
		}
    return false;
}