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

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

 //id of element to recieve content
var target_ele = "tab_content";

//list the id's of the tab graphics
var tab_buttons = new Array(
	"news_tab",
	"cal_tab"

);

// list the module class names which contain the content in the order of the tabs
var containers = new Array(
	"news_list",
	"cal_list"

);

var blocks = new Array();

function createTabs(){

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

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

	swapTab(0);

}


function swapTab(n){
	for(i=0;i<tab_buttons.length;i++){
			document.getElementById(tab_buttons[i]).src = document.getElementById(tab_buttons[i]).offSrc;
	}

	if(n){
		document.getElementById(tab_buttons[n]).src = document.getElementById(tab_buttons[n]).onSrc;
		document.getElementById(target_ele).innerHTML = blocks[n];
	}else{
		document.getElementById(tab_buttons[0]).src = document.getElementById(tab_buttons[0]).onSrc;
		document.getElementById(target_ele).innerHTML = blocks[0];
	}
}