ROLLOVER_KEY = "-over";

function separateFilename(url){
	var ret = new Array();
	var lastDotIndex = url.lastIndexOf(".");
	ret['base'] = url.substr(0,lastDotIndex);
	ret['extension'] = url.substring(lastDotIndex+1);
	return ret;
}

function getRollOverURL(url){
	var F = separateFilename(url);
	var ret = F['base']+ROLLOVER_KEY+"."+F['extension'];
	return ret;
}

function getRollOutURL(url){
	var F = separateFilename(url);
	var base = F['base'];
	var clippedBase = base.substr(0,base.length-ROLLOVER_KEY.length);
	var ret = clippedBase+"."+F['extension'];
	return ret;
}

function rollOver(el){
	var linkImage = el.firstChild;
	var linkImageURL = linkImage.src;
	linkImage.src = getRollOverURL(linkImageURL);
}

function rollOut(el){
	var linkImage = el.firstChild;
	var linkImageURL = linkImage.src;
	linkImage.src = getRollOutURL(linkImageURL);
}

function initializeRollovers(){
	var allTheLinks = document.getElementsByTagName('a');
	for(var i=0; i<allTheLinks.length; i++){
		var aLink = allTheLinks[i];
		if(aLink.rel == "rollover"){
			aLink.onmouseover = function() {rollOver(this); return false;};
			aLink.onmouseout = function() {rollOut(this); return false;};
		}
	}
}

function cancelImpendingHide(){
	if(document.hideTimeout){
		clearTimeout(document.hideTimeout);
	}	
}
 
function displaySubnav(section){
	if(document.subnav && document.subnav != section){
		hideSubnav(document.subnav);
	}
	var id = "#Subnav_"+section;
	var el = $(id);
	el.slideDown();
	document.subnav = section;
}

function hideAfterPause(section){
	document.hideTimeout = setTimeout("hideSubnav('"+section+"')", 333);
}

function hideSubnav(section){
	if(document.hideTimeout){
		clearTimeout(document.hideTimeout);
	}
	var id = "#Subnav_"+section;
	var el = $(id);
	el.slideUp();
}

$(document).ready(function(){
	initializeRollovers();
});