addLoadListener(contentSlide4); // Add the contentSlide Effect on page load.

function contentSlide4() {
	try {
		var contentController4 = document.getElementById('numerical_links4');
		var contentLinks4 = contentController4.getElementsByTagName('a');
		
		for (k=0; k < contentLinks4.length; k++) {
			contentLinks4[k].onclick = function() {
				thisContent4 = "content4_" + (this.hash).slice(1);
				slideContent4(thisContent4);
				return false;
			};
		}
		
	
	} catch(e) {}
	
	//Slide out the first item so users see what's going on.  Delayed for a better visual experience.
	setTimeout("slideContent4('content4_item1')", 500);
	
}

function slideContent4(contentID) {
	document.getElementById(contentID).style.zIndex = '30';
	var slideContent4 = new YAHOO.util.Anim(contentID, { left: {to: 0}}, .350, YAHOO.util.Easing.easeOut);
	slideContent4.onComplete.subscribe(resetContent4);
	slideContent4.animate();
}

function resetContent4() {
	var csDiv4 = document.getElementById('content_container4');
	var csContent4 = csDiv4.getElementsByTagName('div');
	for (i=0; i < csContent4.length; i++) {
		if (csContent4[i].style.zIndex !=30) {
			csContent4[i].style.zIndex = '50';
			csContent4[i].style.left = '-420px';
		} else {
			csContent4[i].style.zIndex = '25';
		}
	}
}


