function changeClass(id, newClass) {
	identity=document.getElementById(id);
    if (identity != null) {   
	    identity.className=newClass;
    }
}

function showExtendedBio() {
	changeClass('extendedBio', 'extendedBio');	
	showMoreDiv = document.getElementById('viewMore');
	showMoreDiv.innerHTML = '<a href="javascript: hideExtendedBio();">Hide Bio</a>';
}

function hideExtendedBio() {
	changeClass('extendedBio', 'hidden');	
	showMoreDiv = document.getElementById('viewMore');
	showMoreDiv.innerHTML = '<a href="javascript: showExtendedBio();">See Full Bio &gt;&gt;</a>';
}

function showExtendedRelated() {
	changeClass('extendedRelated', 'extendedBio');	
	showMoreDiv = document.getElementById('viewMoreRelated');
	showMoreDiv.innerHTML = '<a href="javascript: hideExtendedRelated();">Hide Related Celebs</a>';
}

function hideExtendedRelated() {
	changeClass('extendedRelated', 'hidden');	
	showMoreDiv = document.getElementById('viewMoreRelated');
	showMoreDiv.innerHTML = '<a href="javascript: showExtendedRelated();">See All &gt;&gt;</a>';
}

//functions to load new pages on hot lists

function fetchHotDay(start) {
	hotListDiv = document.getElementById('hotToday');
	hotListDiv.style.backgroundImage = 'url(/simg/loading.gif)';
	hotListDiv.style.backgroundPosition = 'center';
	hotListDiv.style.backgroundRepeat = 'no-repeat';
	var myAjax = new Ajax.Request('/ajax_hotList.php?period=today&start=' + start,
 		{method: 'get', parameters: "", onComplete: updateHotToday} );
	
}

function updateHotToday(originalRequest) {
	hotListDiv = document.getElementById('hotToday');
	hotListDiv.style.backgroundImage = 'none';
	hotListDiv.innerHTML = originalRequest.responseText;
}

function fetchHotHour(start) {
	hotListDiv = document.getElementById('hotHour');
	hotListDiv.style.backgroundImage = 'url(/simg/loading.gif)';
	hotListDiv.style.backgroundPosition = 'center';
	hotListDiv.style.backgroundRepeat = 'no-repeat';
	var myAjax = new Ajax.Request('/ajax_hotList.php?period=hour&start=' + start,
 		{method: 'get', parameters: "", onComplete: updateHotHour} );
	
}

function updateHotHour(originalRequest) {
	hotListDiv = document.getElementById('hotHour');
	hotListDiv.style.backgroundImage = 'none';
	hotListDiv.innerHTML = originalRequest.responseText;
}

var subNavShowing = 'Home';
function showSubNav(category) {
	changeClass('subNav' + subNavShowing, 'hidden');
	changeClass('subNav' + category, 'subNav');
	subNavShowing = category;
}