// please note that we are using the prototype lib so document.getElementById(val) becomes $(val)

function changeStyle(id, newClass) {

	var tabs = new Array();
	tabs[0] = "t1";
	tabs[1] = "t2";
	tabs[2] = "t3";
	tabs[3] = "t4";
	tabs[4] = "t5";
	
	var tabClass = new Array();
	tabClass[0] = "tab1";
	tabClass[1] = "tab2";
	tabClass[2] = "tab3";
	tabClass[3] = "tab4";
	tabClass[4] = "tab5";
	
	var rowCol = new Array();
	rowCol[0] = "#5F9DD6";
	rowCol[1] = "#95699D";
	rowCol[2] = "#CC3232";
	rowCol[3] = "#9D9137";
	rowCol[4] = "#EE832D";
	
	for (i=0; i<tabs.length; i++) {
		if (tabs[i] == id) {
			$(tabs[i]).className = newClass;
			$('resultOrder').style.backgroundColor = rowCol[i];
		}
		else {
			$(tabs[i]).className = tabClass[i];
		}
	}
}


function unsetTabs() {

	var tabs = new Array();
	tabs[0] = "t1";
	tabs[1] = "t2";
	tabs[2] = "t3";
	tabs[3] = "t4";
	tabs[4] = "t5";
	
	var tabClass = new Array();
	tabClass[0] = "tab1";
	tabClass[1] = "tab2";
	tabClass[2] = "tab3";
	tabClass[3] = "tab4";
	tabClass[4] = "tab5";
	
	for (i=0; i<tabs.length; i++) {
		$(tabs[i]).className = tabClass[i];
	}
}


function highlightRow(id, over) {

	if (over) {
		$(id).style.backgroundColor = '#29445D';
		$(id).style.cursor = 'pointer';
	} 
	else {
		$(id).style.backgroundColor = '#172735';
	}
}

function valTag(fieldVal) {

	if (fieldVal=='SEARCH by Artist or Event') {
		$('signUpInput').value = '';
	}
	
	if (fieldVal=='') {
		$('signUpInput').value = 'SEARCH by Artist or Event';
	}
}



function toggleElement(element, closeBox) {
	if (closeBox == 1) {
		$(element).hide();
		$('signUpInput').value='Get Updates, enter your EMAIL';
	}
	else {
		$(element).show();
	}
}