// JavaScript Document
/* This page contains menu, button, form, etc. behavior for The Mighty Archives.  by Patrick Murray.  
	www.tradbotpictures.com
	*/
	
<!-- PreLoad Wait - Script -->
function waitPreloadPage() { //DOM
	document.getElementById('audio-players').style.visibility="hidden";
if (document.getElementById){
document.getElementById('prepage').style.visibility='hidden';
}else{
if (document.layers){ //NS4
document.prepage.visibility = 'hidden';
}
else { //IE4
document.all.prepage.style.visibility = 'hidden';
}
}
}
// End -->	
	

										
	
	
	
//-----------------------------------BEGIN SCENE Tween MECHANICS ---------------------------------------

<!-- 1. SCENE Container Visibility -->
function scene_on() {
document.getElementById('lightbox').style.visibility="visible";
}

function scene_off() {
document.getElementById('lightbox').style.visibility="hidden";
document.getElementById('audio-players').style.visibility="hidden";
}

function simonsLightbox() {
	document.getElementById('simonsContainer').style.visibility="visible";
	document.getElementById('audio-players').style.visibility="visible";
	document.getElementById('tc-chapters').style.top="16px";
}

function simonsLightbox_off() {
	document.getElementById('simonsContainer').style.visibility="hidden";
	document.getElementById('audio-players').style.visibility="hidden";
	document.getElementById('tc-chapters').style.top="-1116px";
}

<!-- 2. LOAD SCENE and Highlight Active Button  -->
currentScene="home";
currentBtn="home-btn";

function sceneLoad(btn) {

// Get the button that was pushed
var newScene = btn.replace(/-btn/,"");
var selection = document.getElementById(newScene).className;
document.getElementById(btn).className="active";

// CHANGE SCENE CONTENT and Change active states 
if (selection != "selected") {

	document.getElementById(currentScene).className = "";
	document.getElementById(currentBtn).className = "button";
	document.getElementById(newScene).className = "selected";
	
	t1 = new Tween(document.getElementById(newScene).style,'left',Tween.strongEaseOut,900,0,2,'px');
	t1.start();
	t2 = new Tween(document.getElementById(currentScene).style,'left',Tween.strongEaseOut,0,-900,2,'px');
	t2.start();
	currentScene = newScene;
	currentBtn= btn;
		}
}

<!-- 2. LOAD EPISODE and Highlight Active Button  -->
var currentEpisode="1";
var currentFrontBtn="1_btn";
var currentViewerBtn="1_vbtn";

function episodeLoad(scene, btn) {
		// Get the button that was pushed
		var newEpisode = scene ;
		var selection = document.getElementById(newEpisode).className;
		
		//activate the buttons
		var newButton = scene+"_btn";
		var newButton2 = scene+"_vbtn";
		//alert(newButton2);
		document.getElementById(newButton).className="active_sceneBtn";
		document.getElementById(newButton2).className="active_sceneBtn";
		
		//Decide which direction to scroll
		if (newEpisode>currentEpisode) {
				var x1 = 655; var x2 = -655;}
				else {x1 = -655; x2 = 655;}
				
		//Load the Video Episode Image
		var episodeImage = "image-"+newEpisode;
		if (document.getElementById(episodeImage)) {
		document.getElementById(episodeImage).src = "images/episodes/" + newEpisode + "_off.jpg";
		activeImage = new Image(); 
		activeImage.src = "images/episodes/" + newEpisode + "_on.jpg";
		//Select only the Video episodes, and ignore the podcast episodes 
			if (newEpisode <= 4) {
				document.getElementById(episodeImage).setAttribute('onmouseover', 'BTNon_jpg(this.src,this.id)');
				document.getElementById(episodeImage).setAttribute('onmouseout', 'BTNoff_jpg(this.src,this.id)');
			}
		}
				
		// CHANGE SCENE CONTENT and Change active states 
		if (selection != "selected_2") {
			//Update Scene Markers
			document.getElementById(currentEpisode).className = "episode";
			document.getElementById(newEpisode).className = "selected_2";
			//Reset Previous Scene Buttons
			document.getElementById(currentFrontBtn).className = "viewer_btns";
			document.getElementById(currentViewerBtn).className = "viewer_btns";

				t1 = new Tween(document.getElementById(newEpisode).style,'left',Tween.strongEaseOut,x1,0,2,'px');
				t1.start();
				t2 = new Tween(document.getElementById(currentEpisode).style,'left',Tween.strongEaseOut,0,x2,2,'px');
				t2.start();	
				
			
			currentEpisode = newEpisode;
			currentFrontBtn= newButton;
			currentViewerBtn=newButton2;
		}
	
	}

		
		
<!-- END EPISODE LOAD -->

var viewer = "off"
function openViewer(scene, btn) {
	if (viewer == "off") {
	//alert(scene);
	episodeLoad(scene, btn);
	document.getElementById('episode-container').style.visibility="visible";
	document.getElementById('update').style.visibility="hidden";
	t1 = new Tween(document.getElementById('episode-container').style,'width',Tween.strongEaseOut,0,675,1,'px');
	t1.start();
	viewer = "on"
	}
}

function closeViewer() {
if (viewer == "on") {
	document.getElementById('update').style.visibility="visible";
	t1 = new Tween(document.getElementById('episode-container').style,'width',Tween.strongEaseOut,675,0,1,'px');
	t1.onMotionFinished = function(){document.getElementById('episode-container').style.visibility="visible"; };
	t1.start();
	viewer = "off"
	}
}


currentSceneF="home-scene";
currentBtnF="home-scene-btn";

function sceneLoad_front(btn) {

// Get the button that was pushed
var newScene = btn.replace(/-btn/,"");
var selection = document.getElementById(newScene).className;
document.getElementById(btn).className="active";

// CHANGE SCENE CONTENT and Change active states 
if (selection != "selected") {

	document.getElementById(currentSceneF).className = "";
	document.getElementById(currentBtnF).className = "button";
	document.getElementById(newScene).className = "selected";
	
	document.getElementById(newScene).style.visibility="visible";
	document.getElementById(currentSceneF).style.visibility="hidden";
	if (currentSceneF == "home-scene") {
		document.getElementById('episode-buttons').style.visibility="hidden";
		document.getElementById('update').style.visibility="hidden";
	}
	if (newScene == "home-scene") {
		document.getElementById('episode-buttons').style.visibility="visible";
		document.getElementById('update').style.visibility="visible";
	}
	
	currentSceneF = newScene;
	currentBtnF= btn;
		}
}

//----------------------------------END SCENE Tween MECHANICS ----------------------------------------

//----------------------------------BEGIN 'OTHER' Functions ----------------------------

//----------------------- FADING Images  --------------
function fadeIn(id) {
document.getElementById(id).style.opacity=0;
t2 = new OpacityTween(document.getElementById(id),Tween.strongEaseOut, 0, 100, .5);
t2.start();	
}
function fadeOut(id) {
document.getElementById(id).style.opacity=100;
t3 = new OpacityTween(document.getElementById(id),Tween.strongEaseOut, 100, 0, .5);
t3.start();
}


<!--  Extras Tweens for the Leak Room  -->
whale="off"
function extras_on() {
	if (whale == "off") {
		document.getElementById('extras_btn').style.backgroundImage="url(images/pages/leaks/scene_v2/leaks_on_11.jpg)";
		t1 = new Tween(document.getElementById('popsicles').style,'top',Tween.strongEaseOut,380,220,2,'px');
	t1.start();
		whale = "on" ;
	}
	else {
		document.getElementById('extras_btn').style.backgroundImage="url(images/pages/leaks/scene_v2/leaks_off_11.jpg)";
		t2 = new Tween(document.getElementById('popsicles').style,'top',Tween.strongEaseOut,220,380,2,'px');
	t2.start();
		whale = "off" ;
	}
}
function partypalace_out() {
	t3 = new Tween(document.getElementById('partypalace').style,'top',Tween.bounceEaseIn,-44,-400,2,'px');
	t3.start();
}

<!-- Buttons Functionality (if you want it) -->
function BTNoff(source,identity)
{
var x = source.replace(/on.gif/,"off.gif")
document.getElementById(identity).src=x
}
function BTNon(source,identity)
{
var y = source.replace(/off.gif/,"on.gif")
document.getElementById(identity).src=y
}

function BTNoff_jpg(source,identity)
{
var x = source.replace(/on.jpg/,"off.jpg")
document.getElementById(identity).src=x
}
function BTNon_jpg(source,identity)
{
var y = source.replace(/off.jpg/,"on.jpg")
document.getElementById(identity).src=y
}

function BTNoff_png(source,identity)
{
var x = source.replace(/on.png/,"off.png")
document.getElementById(identity).src=x
}
function BTNon_png(source,identity)
{
var y = source.replace(/off.png/,"on.png")
document.getElementById(identity).src=y
}


<!-- Table of Contents Gallery -->
function tcImageChange (identity) {
	var x = identity.replace(/thumb/,"noodle") ;
	var y = "images/pages/simons/" + identity 
	document.getElementById("tc-image").src=y ;
}

<!-- UPDATE ADVANCE -->
var update = 1;
var maxUpdate = 3;
function updateAdvance() {
	var newUpdate = update+1;
	var use1 = "li_" + update;
	var use2 = "li_" + newUpdate;
	if (newUpdate <= maxUpdate ) {
	document.getElementById(use1).style.display="none";
	document.getElementById(use2).style.display="";
	update=newUpdate;}
}
	


// JavaScript Document