// add function createTabs() to loadJS() in global_vars.js

/*
Elements to style and position:
#list_con
*/

 //id of element to recieve content
var fsTabbedTarget = "list_con";

//list the id's of the tab graphics
var fsTabbedButtons = new Array(
	"tab_1",
	"tab_2",
	"tab_3",
	"tab_4"
);

// list the module class names which contain the content in the order of the tabs
var fsTabbedContainers = new Array(
	"container_1",
	"container_2",
	"container_3",
	"container_4"
);

// list the module class names which contain the more links

 var fsTabbedLinks = new Array(
	"more_events"
);


var fsTabbedBlocks = new Array();

function createTabs(){

	divs = document.getElementsByTagName('div');
	
	for(i=0;i<divs.length;i++){
		for(j=0;j<fsTabbedContainers.length;j++){
			if(divs[i].className == fsTabbedContainers[j]){
				fsTabbedBlocks[j] = divs[i].innerHTML;
			}
		}

		for(k=0;k<fsTabbedLinks.length;k++){
			if(divs[i].className == fsTabbedLinks[k]){
				document.getElementById(fsTabbedButtons[k]).moreLink = divs[i];
			}
		}


	}

	/*for(i=0;i<fsTabbedButtons.length;i++){
		document.getElementById(fsTabbedButtons[i]).offSrc = document.getElementById(fsTabbedButtons[i]).src;
		document.getElementById(fsTabbedButtons[i]).onSrc = document.getElementById(fsTabbedButtons[i]).src.replace(/\.(gif|jpg)/,"_on.$1");
	}*/

	swapTab(0);

}


function swapTab(n){
	for(i=0;i<fsTabbedButtons.length;i++){
			document.getElementById(fsTabbedButtons[i]).className = "";
			if(document.getElementById(fsTabbedButtons[i]).moreLink){
				document.getElementById(fsTabbedButtons[i]).moreLink.style.display = 'none';
			}
	}

	if(n){
		document.getElementById(fsTabbedButtons[n]).className = "tab_stay";
		document.getElementById(fsTabbedTarget).innerHTML = fsTabbedBlocks[n];
		if(document.getElementById(fsTabbedButtons[n]).moreLink){
			document.getElementById(fsTabbedButtons[n]).moreLink.style.display = 'block';
		}
	}else{
		document.getElementById(fsTabbedButtons[0]).className = "tab_stay";
		document.getElementById(fsTabbedTarget).innerHTML = fsTabbedBlocks[0];
		if(document.getElementById(fsTabbedButtons[0]).moreLink){
			document.getElementById(fsTabbedButtons[0]).moreLink.style.display = 'block';
		}
	}
}