
//window.addEvent('domready', function(){
$(document).ready(function() {
	function allOn($who){
		var myTxt = $($who+'Txt');
		var myWP = $($who+'WP');
		var myBtn = $($who+'Name');
		myTxt.removeClass('hidden');
		myWP.removeClass('hidden');
		myBtn.removeClass($who+'Off');
		myBtn.addClass($who+'On');
	};						
							 
	function allOff($who){
		var myTxt = $($who+'Txt');
		var myWP = $($who+'WP');
		var myBtn = $($who+'Name');
		myTxt.addClass('hidden');
		myWP.addClass('hidden');
		myBtn.addClass($who+'Off');
		myBtn.removeClass($who+'On');
	};		
								 
	function showJesse(){
		allOn('jesse');
		allOff('justin');
		allOff('jodie');
		allOff('larry');
		$('printJesse').removeClass('hidden');
		$('printJesse').addClass('visible');
		$('printJustin').addClass('hidden');
		$('printJodie').addClass('hidden');
		$('printLarry').addClass('hidden');
		$('printJustin').removeClass('visible');
		$('printJodie').removeClass('visible');
		$('printLarry').removeClass('visible');
		//makeScrollbar( $('scroll-content1'), $('scrollbar1'), $('handle1') );
	};
										 
	function showJustin(){
		allOff('jesse');
		allOn('justin');
		allOff('jodie');
		allOff('larry');
		$('printJesse').addClass('hidden');
		$('printJustin').removeClass('hidden');
		$('printJustin').addClass('visible');
		$('printJodie').addClass('hidden');
		$('printLarry').addClass('hidden');
		$('printJesse').removeClass('visible');
		$('printJodie').removeClass('visible');
		$('printLarry').removeClass('visible');
		makeScrollbar( $('scroll-content2'), $('scrollbar2'), $('handle2') );
	};		
								 
	function showJodie(){
		allOff('jesse');
		allOff('justin');
		allOn('jodie');
		allOff('larry');
		$('printJesse').addClass('hidden');
		$('printJustin').addClass('hidden');
		$('printJodie').removeClass('hidden');
		$('printJodie').addClass('visible');
		$('printLarry').addClass('hidden');
		$('printJesse').removeClass('visible');
		$('printJustin').removeClass('visible');
		$('printLarry').removeClass('visible');
		makeScrollbar( $('scroll-content3'), $('scrollbar3'), $('handle3') );
	};
										 
	function showLarry(){
		allOff('jesse');
		allOff('justin');
		allOff('jodie');
		allOn('larry');
		$('printJesse').addClass('hidden');
		$('printJustin').addClass('hidden');
		$('printJodie').addClass('hidden');
		$('printLarry').removeClass('hidden');
		$('printLarry').addClass('visible');
		$('printJesse').removeClass('visible');
		$('printJustin').removeClass('visible');
		$('printJodie').removeClass('visible');
		makeScrollbar( $('scroll-content4'), $('scrollbar4'), $('handle4') );
	};

	function showJesseClick(){
		showJesse();
		removeMouseovers();
	};
	function showJustinClick(){
		showJustin();
		removeMouseovers();
	};
	function showJodieClick(){
		showJodie();
		removeMouseovers();
	};
	function showLarryClick(){
		showLarry();
		removeMouseovers();
	};
	
	if ($('jesseBtn').addEventListener) {
		$('jesseBtn').addEventListener ("mouseover",showJesse,false);
		$('jessePic').addEventListener ("mouseover",showJesse,false);
		$('jesseBtn').addEventListener ("click",showJesseClick,false);
	} else if ($('jesseBtn').attachEvent) {
		$('jesseBtn').attachEvent ("onmouseover",showJesse);
		$('jessePic').attachEvent ("onmouseover",showJesse);
		$('jesseBtn').attachEvent ("onclick",showJesseClick);
	} else {
		$('jesseBtn').onmouseover = showJesse;
		$('jessePic').onmouseover = showJesse;
		$('jesseBtn').onclick = showJesseClick;
	}
	
	if ($('justinBtn').addEventListener) {
		$('justinBtn').addEventListener ("mouseover",showJustin,false);
		$('justinPic').addEventListener ("mouseover",showJustin,false);
		$('justinBtn').addEventListener ("click",showJustinClick,false);
	} else if ($('justinBtn').attachEvent) {
		$('justinBtn').attachEvent ("onmouseover",showJustin);
		$('justinPic').attachEvent ("onmouseover",showJustin);
		$('justinBtn').attachEvent ("onclick",showJustinClick);
	} else {
		$('justinBtn').onmouseover = showJustin;
		$('justinPic').onmouseover = showJustin;
		$('justinBtn').onclick = showJustinClick;
	}
	
	if ($('jodieBtn').addEventListener) {
		$('jodieBtn').addEventListener ("mouseover",showJodie,false);
		$('jodiePic').addEventListener ("mouseover",showJodie,false);
		$('jodieBtn').addEventListener ("click",showJodieClick,false);
	} else if ($('jodieBtn').attachEvent) {
		$('jodieBtn').attachEvent ("onmouseover",showJodie);
		$('jodiePic').attachEvent ("onmouseover",showJodie);
		$('jodieBtn').attachEvent ("onclick",showJodieClick);
	} else {
		$('jodieBtn').onmouseover = showJodie;
		$('jodiePic').onmouseover = showJodie;
		$('jodieBtn').onclick = showJodieClick;
	}
							
	if ($('larryBtn').addEventListener) {
		$('larryBtn').addEventListener ("mouseover",showLarry,false);
		$('larryPic').addEventListener ("mouseover",showLarry,false);
		$('larryBtn').addEventListener ("click",showLarryClick,false);
	} else if ($('larryBtn').attachEvent) {
		$('larryBtn').attachEvent ("onmouseover",showLarry);
		$('larryPic').attachEvent ("onmouseover",showLarry);
		$('larryBtn').attachEvent ("onclick",showLarryClick);
	} else {
		$('larryBtn').onmouseover = showLarry;
		$('larryPic').onmouseover = showLarry;
		$('larryBtn').onclick = showLarryClick;
	}
	
	function removeMouseovers(){
		if ($('jesseBtn').removeEventListener) {
			$('jesseBtn').removeEventListener ("mouseover",showJesse,false);
			$('jessePic').removeEventListener ("mouseover",showJesse,false);
		} else if ($('jesseBtn').detachEvent) {
			$('jesseBtn').detachEvent ("onmouseover",showJesse);
			$('jessePic').detachEvent ("onmouseover",showJesse);
		}	
		if ($('justinBtn').removeEventListener) {
			$('justinBtn').removeEventListener ("mouseover",showJustin,false);
			$('justinPic').removeEventListener ("mouseover",showJustin,false);
		} else if ($('justinBtn').detachEvent) {
			$('justinBtn').detachEvent ("onmouseover",showJustin);
			$('justinPic').detachEvent ("onmouseover",showJustin);
		}
		
		if ($('jodieBtn').removeEventListener) {
			$('jodieBtn').removeEventListener ("mouseover",showJodie,false);
			$('jodiePic').removeEventListener ("mouseover",showJodie,false);
		} else if ($('jodieBtn').detachEvent) {
			$('jodieBtn').detachEvent ("onmouseover",showJodie);
			$('jodiePic').detachEvent ("onmouseover",showJodie);
		}
								
		if ($('larryBtn').removeEventListener) {
			$('larryBtn').removeEventListener ("mouseover",showLarry,false);
			$('larryPic').removeEventListener ("mouseover",showLarry,false);
		} else if ($('larryBtn').detachEvent) {
			$('larryBtn').detachEvent ("onmouseover",showLarry);
			$('larryPic').detachEvent ("onmouseover",showLarry);
		}
	};
	
	$('printJesse').addClass('hidden');
	$('printJustin').addClass('hidden');
	$('printJodie').addClass('hidden');
	$('printLarry').addClass('visible');

//Initialize by showing Larry
	//window.addEvent('load', showLarry);
	showLarry();

});
//});
