// JavaScript Document
var epAboutPage = {
	ogNum : 0,
	
init : function(){
},

toggle : function(selectedNum){
	if(epAboutPage.ogNum > 1){
		document.getElementById("emp"+(epAboutPage.ogNum-1)+"_card").style.borderBottom = "1px solid #a1a1a9";
	}else if (epAboutPage.ogNum==1){
		document.getElementById("emp0_card").style.borderBottom = "1px solid #a1a1a9";
		
	}
	
	document.getElementById("emp"+epAboutPage.ogNum+"_card").className = "employeeCard";
	document.getElementById("emp"+epAboutPage.ogNum).style.display = "none";
	
	if(selectedNum > 1){
		document.getElementById("emp"+(selectedNum-1)+"_card").style.borderBottom = "none";
	}else if (selectedNum==1){
		document.getElementById("emp0_card").style.borderBottom = "none";
		document.getElementById("emp0_card").style.borderTop = "1px solid #a1a1a9";
	}else if(selectedNum==0){
		document.getElementById("emp0_card").style.borderTop = "1px solid #a1a1a9";	
	}
	
	
	document.getElementById("emp"+selectedNum+"_card").className= "selected_employeeCard";
	document.getElementById("emp"+selectedNum).style.display = "block";
	
	epAboutPage.ogNum = selectedNum;
},

getElementsByClass : function(searchClass,node,tag) {
        var classElements = new Array();
        if ( node == null )
                node = document;
        if ( tag == null )
                tag = '*';
        var els = node.getElementsByTagName(tag);
        var elsLen = els.length;
        var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
        for (i = 0, j = 0; i < elsLen; i++) {
                if ( pattern.test(els[i].className) ) {
                        classElements[j] = els[i];
                        j++;
                }
        }
        return classElements;
}
}

//Appends Main Application to event flow
if(window.addEventListener){
	window.addEventListener('load', epAboutPage.init, false);	
}
else if(window.attachEvent) {
	window.attachEvent('onload',  epAboutPage.init); 
}