// JavaScript Document
arrC = new Array();
arrC[0] = "homeCDiv";
arrC[1] = "aboutCDiv";
arrC[2] = "serveCDiv";
arrC[3] = "trainCDiv";
arrC[4] = "projCDiv";
arrC[5] = "gallCDiv";
arrC[6] = "contactCDiv";
arrC[7] = "memberCDiv";

arrB = new Array();
arrB[0] = "homeBDiv";
arrB[1] = "aboutBDiv";
arrB[2] = "serveBDiv";
arrB[3] = "trainBDiv";
arrB[4] = "projBDiv";
arrB[5] = "gallBDiv";
arrB[6] = "contactBDiv";
arrB[7] = "memberBDiv";

arrA = new Array();
arrA[0] = "manPic";
arrA[1] = "staffPic";
arrA[2] = "fellPic";
arrA[3] = "dir";
arrA[4] = "deputy";
arrA[5] = "adminPic";
arrA[6] = "itPic";
arrA[7] = "pmPic";
arrA[8] = "psPic";
arrA[9] = "svPic";
  

function displayStuff(arr, toshow, attch)
{		 
	 toshow=toshow+attch;
	 document.getElementById(toshow).style.display="block";
	 for(var i = 0; i < arr.length; i++){
		if(arr[i]!=toshow){
		document.getElementById(arr[i]).style.display="none";
		 }
	 }
}

function switchService(id)
{
 displayStuff( arrC, id, "CDiv");
 displayStuff( arrB, id, "BDiv");
}

function switchPics(id){
displayPics( arrA, id, "2");		
}

function displayPics(arr, toshow, attch)
{	
	hideIntro("osdIntro");
	
	var toshow2=toshow;
	document.getElementById(toshow2).style.textDecoration="underline";
	 
	toshow=toshow+attch;
	document.getElementById(toshow).style.display="block";
	for(var i = 0; i < arr.length; i++){
		if(arr[i]+attch!=toshow){
			document.getElementById(arr[i]+attch).style.display="none";
			document.getElementById(arr[i]).style.textDecoration="none";
		}
	}
}

arrD = new Array();
arrD[0] = "co";
arrD[1] = "it";

function switchIt(id){
displayPics( arrD, id, "2");		
}

arrS = new Array();
arrS[0] = "ts";
arrS[1] = "as";
arrS[2] = "3d";
arrS[3] = "cc";
arrS[4] = "si";
arrS[5] = "sd";
arrS[6] = "lfp";

function switchServ(id){
displayPics( arrS, id, "2");		
}

/*----------OSD----------*/
arrO = new Array();
arrO[0] = "dcp";
arrO[1] = "ca";
arrO[2] = "an";
arrO[3] = "tr";
arrO[4] = "pa";
arrO[5] = "pr";

function switchOSD(id){
displayPics( arrO, id, "2");		
}

function hideIntro(introDivName){
		
	if(document.getElementById(introDivName).style.display != "none"){
		document.getElementById(introDivName).style.display = "none";
	}
}