// JavaScript Document
////CONTENT SWAP WITH FADE -- NEED SCRIPTACULOUS LOADED
function fadeInSecondary(targetDiv,contentHolder){
	createLoaderDiv("onDeck");
	createLoaderDiv("changeThis");
	document.getElementById('changeThis').innerHTML=targetDiv;
	document.getElementById('onDeck').innerHTML=document.getElementById(contentHolder).innerHTML;
	var theTarg=document.getElementById(targetDiv);
	var onDeckDiv=document.getElementById('onDeck');
	onDeckDiv.style.width=theTarg.style.width;
	var theTargWrap=targetDiv+'Wrap';
	theHeight=document.getElementById(theTargWrap).style.height;
	var newHeight=onDeckDiv.offsetHeight+100;

	if (theTarg.style.display!="none"){//fade out what's there
		new Effect.Fade(theTarg, {duration: 0.2, afterFinish: function() {document.getElementById(theTargWrap).style.height=newHeight+'px';loadTextAndAppear();} });
	}else{
		document.getElementById(theTargWrap).style.height=newHeight+'px';
		loadTextAndAppear();	
	}
}
function loadTextAndAppear(){
	var targetDiv=document.getElementById('changeThis').innerHTML;
	var theTarg=document.getElementById(targetDiv);
	var onDeckDiv=document.getElementById('onDeck');
	onDeckDiv.style.width=theTarg.style.width;
	theTarg.style.height=onDeckDiv.offsetHeight;	
	theTarg.style.display="none";
	theTarg.innerHTML=onDeckDiv.innerHTML;
	Effect.Appear(theTarg, { duration: 0.5 });
	
	removeLoaderDiv("onDeck");
	removeLoaderDiv("changeThis");
}

function createLoaderDiv(divId){
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', divId);
	document.getElementById("preloadDiv").appendChild(newdiv);
}
function removeLoaderDiv(divId){//preloadDiv the parent Div
	var child = document.getElementById(divId);
	var parent = document.getElementById("preloadDiv");
	parent.removeChild(child);
}
//////END CONTENT SWAP STUFF//////////////