
function hideElement(id){
	var e = document.getElementById(id);
	e.style.display 	= 'none';
	e.style.visbility = 'hidden';
}
function showElement(id){
	var e = document.getElementById(id);
	e.style.display 	= 'inline';
	e.style.visibility = 'visible';
}


var headerDontTouch='test';

function activateHeader(id,cl){
	if (id!=headerDontTouch){
		var e = document.getElementById(id);
		e.className 	= cl+" activate";
	}
}

function deactivateHeader(id,cl){
	if (id!=headerDontTouch){
		var e = document.getElementById(id);
		e.className 	= cl+" deactivate";
	}	
}

function fixHeader(id,cl){
	var e = document.getElementById(id);
	e.className 	= cl+" "+cl+"selected";
	headerDontTouch=id;		
}

var menuDontTouch='test';

function activateMenu(id){
	if (id!=menuDontTouch){
		var e = document.getElementById(id);
		e.className 	= "link activate";
	}
}

function deactivateMenu(id){
	if (id!=menuDontTouch){
		var e = document.getElementById(id);
		e.className 	= "link deactivate";
	}	
}

function fixMenu(id){
	var e = document.getElementById(id);
	e.className 	= "link selected";
	menuDontTouch=id;		
}


function tabClick(tabID){
	for (var i=1;i<10;i++){
		var e=document.getElementById("tab"+i+"Div");
		var h=document.getElementById("tabHeader"+i);
		if (e && h){
			if (tabID==i){
				e.className = "tabShown";
				h.className = "tabsSelected";
			}
			else{
				e.className = "tabHidden";
				h.className = "tabsNotSelected";
			}
		}
		else
			break;
	}
}


var pageNum=1;

function browsePage(id){
	if (id!=pageNum){
		hideElement("page"+pageNum);
		var e = document.getElementById("page"+pageNum+"Selecter");
		e.className 	= "deactivated";
		pageNum=id;
		showElement("page"+pageNum);
		var e = document.getElementById("page"+pageNum+"Selecter");
		e.className 	= "activated";
	}
}

function browsePrevious(){
	if (pageNum>1)
		browsePage(pageNum-1);
}
function browseNext(){
	if (pageNum<4)
		browsePage(pageNum+1);
}
