		var currentPage = "lifepage";
			var nextPage = "workpage";
			var loadDetail = "project1";
			var currentProj = 1;
			function outPage() {
			document.lifeBtn.onclick = null;
			document.workBtn.onclick = null;
			document.playBtn.onclick = null;
			document.talkBtn.onclick = null;
			document.lifeBtn.src = "images/life.jpg";
			document.workBtn.src = "images/work.jpg";
			document.playBtn.src = "images/play.jpg";
			document.talkBtn.src = "images/talk.jpg";
			if(nextPage == "lifepage") {
				document.lifeBtn.src = "images/life_on.jpg";
				document.lifeBtn.onmouseover = null;
				document.lifeBtn.onmouseout = null;
			} else if(nextPage == "workpage") {
				document.workBtn.src = "images/work_on.jpg";
				document.workBtn.onmouseover = null;
				document.workBtn.onmouseout = null;
			} else if(nextPage == "playpage") {
				document.playBtn.src = "images/play_on.jpg";
				document.playBtn.onmouseover = null;
				document.playBtn.onmouseout = null;
			} else if(nextPage == "talkpage") {
				document.talkBtn.src = "images/talk_on.jpg";
				document.talkBtn.onmouseover = null;
				document.talkBtn.onmouseout = null;
			}
			new Effect.Move('pages', { y: -300, mode: 'absolute', duration: .2, afterFinish: inPage});
			}
			function inPage() {
			document.getElementById(currentPage).style.display = "none";
			document.getElementById(nextPage).style.display = "block";
			new Effect.Move('pages', { y: 0, mode: 'absolute', duration: 1.0, transition: Effect.Transitions.spring, delay: .2, afterFinish: updateNav});
			currentPage = nextPage;
			}
			function updateNav() {
				if(currentPage != "lifepage") {
					document.lifeBtn.onclick = function(){nextPage='lifepage'; outPage(); return false;};
					document.lifeBtn.onmouseover = function(){document.lifeBtn.src='images/life_ov.jpg';};
					document.lifeBtn.onmouseout = function(){document.lifeBtn.src='images/life.jpg';};
				} if(currentPage != "workpage") {
					document.workBtn.onclick = function(){nextPage='workpage'; outPage(); return false;};
					document.workBtn.onmouseover = function(){document.workBtn.src='images/work_ov.jpg';};
					document.workBtn.onmouseout = function(){document.workBtn.src='images/work.jpg';};
				} if(currentPage != "playpage") {
					document.playBtn.onclick = function(){nextPage='playpage'; outPage(); return false;};
					document.playBtn.onmouseover = function(){document.playBtn.src='images/play_ov.jpg';};
					document.playBtn.onmouseout = function(){document.playBtn.src='images/play.jpg';};
				} if(currentPage != "talkpage") {
					document.talkBtn.onclick = function(){nextPage='talkpage'; outPage(); return false;};
					document.talkBtn.onmouseover = function(){document.talkBtn.src='images/talk_ov.jpg';};
					document.talkBtn.onmouseout = function(){document.talkBtn.src='images/talk.jpg';};
				}
			}
			function nextProj() {
				if(currentProj != 5) {
					new Effect.Move('slide', { x: -882, mode: 'relative', duration: .3, afterFinish: addProjList});
					currentProj ++;
					document.prevArrow.onclick = null;
					document.nextArrow.onclick = null;
				} if(currentProj == 5) {
					document.nextArrow.onmouseover = null;
					document.nextArrow.src='images/arrow_right.png';
				}
			}
			function prevProj() {
				if(currentProj != 1) {
					new Effect.Move('slide', { x: 882, mode: 'relative', duration: .3, afterFinish: addProjList});
					currentProj --;
					document.prevArrow.onclick = null;
					document.nextArrow.onclick = null;
				} if(currentProj == 1) {
					document.prevArrow.onmouseover = null;
					document.prevArrow.src='images/arrow_left.png';
				}
			}
			function addProjList() {
				document.prevArrow.onclick = function(){prevProj();};
				document.nextArrow.onclick = function(){nextProj();};
				if(currentProj != 1) {
				document.prevArrow.onmouseover = function(){document.prevArrow.src='images/arrow_left_ov.png';};
				}
				if(currentProj !=4) {
				document.nextArrow.onmouseover = function(){document.nextArrow.src='images/arrow_right_ov.png';};
				}
			}
			function showDetail() {
				$('headcontainer').hide();
				$('footcontainer').hide();
				new Effect.Appear('detailpage', {duration: .5});
				document.getElementById(loadDetail).style.display = "block";
			}
			function hideDetail() {
				document.getElementById(loadDetail).style.display = "none";
				$('detailpage').hide();
				new Effect.Appear('headcontainer', {duration: .5});
				new Effect.Appear('footcontainer', {duration: .5});
			}
lifeOver = new Image();
lifeOver.src="images/life_ov.jpg";
workOver = new Image();
workOver.src="images/work_ov.jpg";
playOver = new Image();
playOver.src="images/play_ov.jpg";
talkOver = new Image();
talkOver.src="images/talk.jpg";
leftOver = new Image();
leftOver.src="images/arrow_left_ov.png";
rightOver = new Image();
rightOver.src="images/arrow_right_ov.png";
backOver = new Image();
backOver.src="images/back_ov.png";