//	var hideElement = ['locationOpen', 'activitiesOpen', 'homeLoginForm', 'homeSignupForm'];
//	var showElement = ['locationClose', 'activitiesClose'];
var hideElement = ['activitiesOpen', 'homeLoginForm', 'homeSignupForm'];
var showElement = ['activitiesClose'];
var hideAll = function() {
//	if(document.getElementById('locationOpen').style.display != "none") {
//		document.getElementById('searchBar1').value = document.getElementById('searchBar3').value;
//	}
	if(document.getElementById('activitiesOpen').style.display != "none") {
		document.getElementById('searchBar2').value = document.getElementById('searchBar4').value;
	}
	for(var i=0; i<hideElement.length; i++) {
		document.getElementById(hideElement[i]).style.display = "none";
	}
	for(var i=0; i<showElement.length; i++) {
		document.getElementById(showElement[i]).style.display = "";
	}
}

var showById = function(id) {
     document.getElementById(id).style.display = "";
};
var hideById = function(id) {
     document.getElementById(id).style.display = "none";
}

var copyValue = function(id1, id2) {
	document.getElementById(id2).value = document.getElementById(id1).value;
	document.getElementById(id2).focus();
}

var mb = 0;

var clickButton = function(num) {
	mb = num;
	if(num==0) {
		document.getElementById("mb0").className = "homeMiddleBotton homenMiddleButtonLOver";
		document.getElementById("mb0").style.color='#FFFFFF';
	} else {
		document.getElementById("mb0").className = "homeMiddleBotton homenMiddleButtonLUp";
	}
	if(num==1) {
		document.getElementById("mb1").className = "homeMiddleBotton homenMiddleButtonOver";
		document.getElementById("mb1").style.color='#FFFFFF';
	} else {
		document.getElementById("mb1").className = "homeMiddleBotton homenMiddleButtonUp";
	}
	if(num==2) {
		document.getElementById("mb2").className = "homeMiddleBotton homenMiddleButtonOver";
		document.getElementById("mb2").style.color='#FFFFFF';
	} else {
		document.getElementById("mb2").className = "homeMiddleBotton homenMiddleButtonUp";
	}
	if(num==3) {
		document.getElementById("mb3").className = "homeMiddleBotton homenMiddleButtonOver";
		document.getElementById("mb3").style.color='#FFFFFF';
	} else {
		document.getElementById("mb3").className = "homeMiddleBotton homenMiddleButtonUp";
	}
	if(num==4) {
		document.getElementById("mb4").className = "homeMiddleBotton homenMiddleButtonROver";
		document.getElementById("mb4").style.color='#FFFFFF';
	} else {
		document.getElementById("mb4").className = "homeMiddleBotton homenMiddleButtonRUp";
	}	
}

var overButton = function(id, num) {
	if(num != mb) {
		document.getElementById(id).style.color='#FFBB00';
	}
}


var beginIndex = 0;
var endIndex = beginIndex + 5;

var resetIndex = function() {
	beginIndex = 0;
	endIndex = beginIndex + 5;
}

var hscPrev = function(id) {
	if(beginIndex > 0) {
		beginIndex = beginIndex - 1;
		endIndex = endIndex - 1;		
		for(var i = 0; i < 10; i++) {
			var hscId = id + i;
			if(i < beginIndex || i > endIndex) {
				document.getElementById(hscId).style.display = "none";
			} else {
				document.getElementById(hscId).style.display = "inline";
			}
		}
	}
}

var hscNext = function(id) {
	if(endIndex < 9) {
		beginIndex = beginIndex + 1;
		endIndex = endIndex + 1;
		for(var i = 0; i < 10; i++) {
			var hscId = id + i;
			if(i < beginIndex || i > endIndex) {
				document.getElementById(hscId).style.display = "none";
			} else {
				document.getElementById(hscId).style.display = "inline";
			}
		}
	}
}

var hscReset = function(id) {
	beginIndex = 0;
	endIndex = beginIndex + 5;
	if(id=='hsc') {
		endIndex = beginIndex + 3;
	}
	for(var i = 0; i < 10; i++) {
		var hscId = id + i;
		if(i < beginIndex || i > endIndex) {
			document.getElementById(hscId).style.display = "none";
		} else {
			document.getElementById(hscId).style.display = "inline";
		}
	}
}

var onDisplay = function(id, num, totalNum) {
	var elementId = id + num;
	var el = $(elementId);
	for(var i=0; i<totalNum; i++) {
		var ids = id + i;
		var els = $(ids);
		els.setStyle('display', 'none');
		els.setStyle('z-index', '-1');
	}
	el.setStyle('display', '');
	el.setStyle('z-index', '0');
}