jQuery.noConflict();
function hideDiv(divId) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(divId).style.display = 'none';
	}
}

function showDiv(showDivId) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(showDivId).style.display = 'block';
	}
}

function showHeadDiv(showDivId) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		if(document.getElementById(showDivId).style.display == 'block'){
			document.getElementById(showDivId).style.display = 'none';
		} else {
			document.getElementById(showDivId).style.display = 'block';
			if(showDivId == 'login-box'){
				document.getElementById('forgot-box').style.display = 'none';
			} else {
				document.getElementById('login-box').style.display = 'none';
			}
		}
	}
}

function switchRangeCopy (showDivId, clickedDiv) {
	
	//get element with 'current' class, hide it and then remove it's class
	if ( jQuery('div').hasClass('current') ) 
	{	
		//hide the currently visible copy
		jQuery(".current").css("display","none");
		
		//remove current class from all divs on the page
		jQuery('div').removeClass('current');	
	}

	
	//show the new div and add current class and get current to show
	var stuff = '#' +  showDivId;
	
	jQuery(stuff).addClass('current');
	showDiv(showDivId);
	jQuery(".current").css("display","block");
	
	//show blue block for clicked guy
	changeSelectedState (clickedDiv)
	
	//move focus back to top incase element is right at the bottom of screen
	var p = jQuery(".hero").position();
	jQuery(window).scrollTop(p.top);

	
	
}

function changeSelectedState (clickedDiv) {
	
	//remove blue block from previously selected div
	if ( jQuery('div').hasClass('blue') ) 
	{			
		//remove blue class from all divs on the page
		jQuery('div').removeClass('blue');	
	}
	
	
	//show blue block for clicked guy
	var clicked = '#' + clickedDiv;
	jQuery(clicked).addClass("blue");
	
	//get element with 'selected-range' class, hide it and then remove it's class
	/*if ( jQuery('div').hasClass('selected-range') ) 
	{	
		//hide the currently visible blue bg
		jQuery(".blue").css("display","none");
		
		//remove selected-range class from all divs on the page
		jQuery('div').removeClass('selected-range');	
	}

	
	//show the newly selected blue div and add current selected-range and get selected ranges blue div to show
	var stuff = '#' +  showDivId + '-selected';
	alert(stuff);
	
	jQuery(showDivId).addClass('selected-range');
	showDiv(stuff);
	jQuery(".blue").css("display","block"); */
}