//change background of category to gray = deselected
function uncheckBtn(changedCat){
	document.getElementById(changedCat).style.backgroundColor = "#454545";
	return;
}
//change background  color of category = selected
function checkBtn(changedCat){
	var artColor = "#932719";
	var comedyColor = "#cfa116";
	var musicColor = "#cbc125";
	var theaterColor = "#339319";
	var sportsColor = "#19936f";
	var diningColor = "#194d93";
	var shoppingColor = "#331993";
	var festivalColor = "#FFF";
	var educationColor = "#5a1993";
	
	switch(changedCat){
		case "art":
			document.getElementById(changedCat).style.backgroundColor = artColor;
			break;
		case "comedy":
			document.getElementById(changedCat).style.backgroundColor = comedyColor;
			break;
		case "music":
			document.getElementById(changedCat).style.backgroundColor = musicColor;
			break;
		case "theater":
			document.getElementById(changedCat).style.backgroundColor = theaterColor;
			break;
		case "sports":
			document.getElementById(changedCat).style.backgroundColor = sportsColor;
			break;
		case "dining":
			document.getElementById(changedCat).style.backgroundColor = diningColor;
			break;
		case "shopping":
			document.getElementById(changedCat).style.backgroundColor = shoppingColor;
			break;
		case "education":
			document.getElementById(changedCat).style.backgroundColor = educationColor;
			break;
	}
	return;
}
//determines state of category, whether already selected or not and determines whether rollover should show selected or deselected
function checkCatState(newCat){
	if(categories.indexOf(newCat) == -1)
		uncheckBtn(newCat);
	else if(categories.indexOf(newCat) != -1)
		checkBtn(newCat);	
	return;
}
//determines current state of the category as displayed and also checks whether the category is already deselected
function mouseOutCheckCatState(newCat){
	if(document.getElementById(newCat).style.backgroundColor == "rgb(69, 69, 69)" && categories.indexOf(newCat) == -1){
		checkBtn(newCat);
	}
	else if(document.getElementById(newCat).style.backgroundColor == "rgb(69, 69, 69)" || categories.indexOf(newCat) != -1)
		uncheckBtn(newCat);
	return;
}

function switchFilter(changedFilter){
	if(filters.indexOf(changedFilter) == -1){
		filters.push(changedFilter);
		document.images[changedFilter].src = "img/"+changedFilter+"Out.jpg";
		alert("Now recurring is: "+recurring);
		switch(changedFilter){
			case "free":
				free = 0;
				break;
			case "family":
				family = 0;
				break;
			case "outdoors":
				outdoors = 0;
				break;
			case "recurring":
				recurring = 0;
				break;
		}
	}
	else{
		filters.splice(filters.indexOf(changedFilter), 1);
		document.images[changedFilter].src = "img/"+changedFilter+".jpg";
		switch(changedFilter){
			case "free":
				free = 1;
				break;
			case "family":
				family = 1;
				break;
			case "outdoors":
				outdoors = 1;
				break;
			case "recurring":
				recurring = 1;
				break;
		}
	}
	alert("Free = " + free + ", Recurring = " + recurring);
	
	$("go").style.visibility = "visible";
	
	return;
}

function checkFilterState(newFilter){
	if(filters.indexOf(newFilter) == -1)
		document.images[newFilter].src = "img/"+newFilter+"Out.jpg";
	else if(filters.indexOf(newFilter) != -1){
		document.images[newFilter].src = "img/"+newFilter+".jpg";	
	}
	return;
}

function mouseOutCheckFilterState(newFilter){
	if(document.images[newFilter].src.search("Out.jpg") != -1 && filters.indexOf(newFilter) == -1){
		document.images[newFilter].src = "img/"+newFilter+".jpg";
	}
	else if(document.images[newFilter].src.search("Out.jpg") != -1 || filters.indexOf(newFilter) != -1)
		document.images[newFilter].src = "img/"+newFilter+"Out.jpg";
	return;
}

/*function filterRollover(hoveredFilter){
	//alert(document.images[hoveredFilter].src.search("Out.jpg"));
	if(document.images[hoveredFilter].src.search("Out.jpg") == -1){
	//filters.indexOf(hoveredFilter) == -1){
		//document.images[hoveredFilter].src = "img/"+hoveredFilter+"Out.jpg";
	}
	//else
		//document.images[hoveredFilter].src = "img/"+hoveredFilter+".jpg";

	//alert(filters[0]);
}*/

function changeViewState(currentView, newView){
	if(currentView == newView){
		alert("In IF");
		return currentView;}
	else{
		if(currentView){
			$(currentView).removeClassName('viewSelected');
			$(currentView).addClassName('viewDeselected');
		}

		$(newView).addClassName('viewSelected');
		currentView = newView;
		return currentView;
	}
}

function goSideNav(){
	
}