var curId;
var curLink = new Object();

function reset() {
	$(curLink).css("color","#231f20");
	$(curLink).css("cursor","pointer");
	HideContent('detroit');
	HideContent('newport');
	HideContent('toronto');
	HideContent('cleveland');
	HideContent('dallas');
	HideContent('london');
}

function showContact(curId) {
	
	reset();
	
	switch(curId) {
		case 'nav_detroit':
			ShowContent('detroit');
			return(false);
		case 'nav_newport':
			ShowContent('newport');
			return(false);
		case 'nav_toronto':
			ShowContent('toronto');
			return(false);
		case 'nav_cleveland':
			ShowContent('cleveland');
			return(false);
		case 'nav_dallas':
			ShowContent('dallas');
			return(false);
		case 'nav_london':
			ShowContent('london');
			return(false);
		/*default:
			alert("ERROR!!! - ID name incorrect in case statement (" + curId + ")");
			return(false);*/
	}
}

$(document).ready(function(){
	
	reset();
	
	ShowContent('detroit');
	$('#nav_detroit').css("color","#cc6600");
	curLink = document.getElementById('nav_detroit');
	
	$("#nav_detroit, #nav_newport, #nav_toronto, #nav_cleveland, #nav_dallas, #nav_london").mouseover(function(){
		if (this != curLink) {
			$(this).css("color","#0066cc");
		} else {
			$(this).css("cursor","default");
		}
	});
	$("#nav_detroit, #nav_newport, #nav_toronto, #nav_cleveland, #nav_dallas, #nav_london").mouseout(function(){
		if (this != curLink) {
			$(this).css("color","#231f20");
		}
	});
	
	$("#nav_detroit, #nav_newport, #nav_toronto, #nav_cleveland, #nav_dallas, #nav_london").click(function(){
		curId = this.id;
		showContact(curId);
		curLink = this;
		$(curLink).css("color","#cc6600");
	});
});