function setVisible(id){
	var items = document.getElementsByClassName("popUpLayerVisible");
	for(i in items){
		items[i].className = "popUpLayer";
	}
	document.getElementById(id).className = "popUpLayerVisible";
}

function nextHole(id){
	var items = document.getElementsByClassName("holeDescVisible");
	for(i in items){
		items[i].className = "holeDesc";
	}
	document.getElementById(id).className = "holeDescVisible";
}




function showhideResults(id, type){
	if(type == 'timesheet') $idStart = "t";
	if(type == 'result') $idStart = "r";

	if(document.getElementById(id).style.display == ""){
		document.getElementById(id).style.display = "inline";
		document.getElementById($idStart + "hide " + id).style.display = "inline";
		document.getElementById($idStart + "show " + id).style.display = "none";
		
	}
	else if(document.getElementById(id).style.display == "inline"){
		document.getElementById(id).style.display = "";
		document.getElementById($idStart + "hide " + id).style.display = "none";
		document.getElementById($idStart + "show " + id).style.display = "inline";
	}
}


function sideMenuBorder(id){
	var items = document.getElementsByClassName("activeButton");
	for(i in items){
		items[i].className = "sideNavButton";
	}
	document.getElementById(id).className = "activeButton";
}

var prevID;
function showPhoto(id)
{
	obj = document.getElementById("photoDiv");
	//if(id == prevID || prevID == "undefined") obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible';
	obj.style.zIndex = (obj.style.zIndex == '2') ? '-1' : '2';
	obj.innerHTML="<div id='photoCloseButton'><a href='#' onclick=\"showPhoto('" + id + "');\">Hide Photo</a></div><img src='http://www.raffeencreekgolfclub.com/newSite/images/photos/photo (" + id + ").jpg' width='582px' height='356px'>";
	
	prevID = id;
}

function showDiv(id, gender){
	if(gender == 'mens'){
		$div1 = "visibleDivMen";
		$div2 = "invisibleDivMen";
		$tab1 = "selectedYearTabMen";
		$tab2 = "yearTabMen";
		$divID_start = "divMen";
	}
	else{
		$div1 = "visibleDivLadies";
		$div2 = "invisibleDivLadies";
		$tab1 = "selectedYearTabLadies";
		$tab2 = "yearTabLadies";
		$divID_start = "divLadies";
	}


	//change button style
	var items = document.getElementsByClassName($tab1);
	for(i in items){
		items[i].className = $tab2;
	}
	$tabID = $tab2 + id;
	document.getElementById($tabID).className = $tab1;
	
	
	//show correct div
	var items = document.getElementsByClassName($div1);
	for(i in items){
		items[i].className = $div2;
	}
	$divID = $divID_start + id;
	document.getElementById($divID).className = $div1;
	
	$alert = "tabID: " + $tabID;
	$alert += "\n tab1: " + $tab1;
	$alert += "\n tab2: " + $tab2;
	$alert += "\n div1: " + $div1; 
	$alert += "\n div2: " + $div2; 
	$alert += "\n divID: " + $divID;
	//alert($alert);
}


Object.prototype.getElementsByClassName = document.getElementsByClassName = document.getElementsByClassName || function(className) {
	className = className.replace(/\s+/g, ' ').replace(/^\s|![A-Za-z0-9-_\s]|\s$/g, '').split(' ');

	for (var i = 0, elements = this.getElementsByTagName('*'), elementsLength = elements.length, b = [], classNameLength = className.length, passed = true; i < elementsLength; i++, passed = true) {
		for (var j = 0; j < classNameLength && passed; j++) {
			passed = (new RegExp('(^|\\\s)' + className[j] + '(\\\s|$)', 'i')).test(elements[i].className);
		}

		if (passed) {
			b.push(elements[i]);
		}
	}

	return b;
};