// Transition for intro

var transitionWidth = 30;
var winWidth; //calcScreenDim()
var winHeight; 
var introDone = false;
var auraImg1 = new Image();
var auraImg2 = new Image();


function loadImgs() {
	auraImg1.src = "img/aura01.gif";
	auraImg2.src = "img/aura02.gif";
}


function calcScreenDim() {
	if (window.innerWidth) winWidth = window.innerWidth;
	else if (document.body && document.body.clientWidth) winWidth = document.body.clientWidth;
	
	if (window.innerHeight) winHeight = window.innerHeight;
	else if (document.body && document.body.clientHeight) winHeight = document.body.clientHeight;
	
	/* IE case with doctype */
	if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
		winWidth = document.documentElement.clientWidth;
		winHeight = document.documentElement.clientHeight;
	}
}


var clipRight = 0;
var clipLeft = 0;
			
function getElement(layer, parent) {
	//netscape 4
	if (document.layers) { 
		parent = (layer) ? layer: window.self;
		layerCollection = parent.document.layers;
		if (layerCollection[layer] ) return layerCollection[layer];
		
		/*nested layers */
		for (i = 0; i < layerCollection.length;) {
			alert("return "+ layerCollection[i].id);
			return getElement(layer, layerCollection[i++]);
		}
	}
	
	//IE 
	if (document.all) return document.all[layer];
		
	//DOM
	if (document.getElementById) return document.getElementById(layer);
}

function setX(layer, pos) {
	var aLayer = getElement(layer);	
	if (document.layers) aLayer.left = pos; //Netscape4
	else aLayer.style.left = pos + "px";
}
	
function setWidth(layer, aWidth) {
	var aLayer = getElement(layer);
	if (document.layers) aLayer.clip.width = aWidth;
	else aLayer.style.width = aWidth + "px";
}

function setHeight(layer, aHeight) {
	var aLayer = getElement(layer);
	if (document.layers) aLayer.clip.height = aHeight;
	else aLayer.style.height = aHeight + "px";
}

/* set the clipping rect for a layer */
function setClip(layer, top, right, bottom, left) {
	var aLayer = getElement(layer);
	if (document.layers) { //netscape4
		aLayer.clip.top = top; aLayer.clip.right = right;
		aLayer.clip.bottom = bottom; aLayer.clip.left = left;
	} else {
		aLayer.style.clip = "rect("+ top +"px "+ right +"px "+bottom+ "px "+ left +"px )";
	}	
}				 
			

/* hide a layer */
function hideLayer(layer) {
	var aLayer = getElement(layer);
	if (document.layers) aLayer.className = "hiddenLayer";
	else aLayer.className = "hiddenLayer";
}

function isHiddenLayer(layer) {
	var aLayer = getElement(layer);
	if (document.layers) return aLayer.className == "hiddenLayer";
	else return aLayer.className == "hiddenLayer";
}


/* change the clipping area for the left and right panel */		 
function openIt() {
	window.scrollTo(0,0);
	clipRight += transitionWidth;
	setClip('introRight', 0, winWidth, winHeight, clipRight);						
	clipLeft -= transitionWidth;
	receide = winWidth/2 + clipLeft;
	setClip('introLeft', 0, receide, winHeight, 0);
		
	if (receide < 0 || clipRight >= winWidth/2) {
		clearInterval(stopIt);
		introDone = true;
		hideLayer('introLeft');
		hideLayer('introRight');
//		hideLayer('aura1');
//		hideLayer('aura2');		
	}
}

var startPause;

function startTransition() { 
	clearTimeout(startPause);
	stopIt = setInterval("openIt()", 50); 	
}
	
function doTransition() { 
	startPause = window.setTimeout("startTransition()", 1000);	
}





// --------------------- do transition ------------------------------

calcScreenDim();
loadImgs();