/* 

Document Wipes effect- By Dynamic Web Coding (www.dyn-web.com)

Copyright 2002 by Sharon Paine

Visit http://www.dynamicdrive.com for this script

Idea and math for time-based animation from:

Aaron Boodman at www.youngpup.net 

and Mike Foster at www.cross-browser.com

*/



dom = (document.getElementById) ? true : false;

ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;

ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;

ns4 = (document.layers && !dom) ? true : false;

ie4 = (document.all && !dom) ? true : false;

nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;



var origWidth, origHeight;

if (ns4) {

  origWidth = window.innerWidth;

  origHeight = window.innerHeight;

}

// reload or reposition on resize

function reDo() {

	if (ns4) {

	 if (window.innerWidth != origWidth || window.innerHeight != origHeight) 

	    window.location.reload();

	} else setTimeout("rePosition()",200);

}

window.onresize = reDo;



function rePosition() {

	positionBotmRt('skipDiv');

	if (typeof wipeLyr1!="undefined") wipeLyr1.centerIn(window);

	//if (typeof wipeLyr2!="undefined") wipeLyr2.centerIn(window);

}



// for positioning "skip intro" link-layer

function positionBotmRt(lyr) {

	var lyrcss = (ns4)? document.layers[lyr]: (ie4)? document.all[lyr].style: (ie5|ns5)? document.getElementById(lyr).style: null;

	var winWd=(ie4||ie5)? document.body.clientWidth: window.innerWidth;

	var winHt=(ie4||ie5)? document.body.clientHeight: window.innerHeight;

	var x=winWd-getWidth(lyrcss,'skipLnk')-16;

	var y=winHt-getHeight(lyrcss,'skipLnk')-16;

	lyrcss.left=(ns4)? x: x+"px";

	lyrcss.top=(ns4)? y: y+"px";

	lyrcss.visibility = "visible";

}



var wipe_count=0;	// to keep track

function doWipes() {

	if (wipe_count<wipe_array.length) {

/////////////////////////////////////////////////////////////////////

// This is set up for text on 1 line.

// It wraps wipe layer content in table 

// so you can get rendered width/height.

// NOTE: uses nowrap minimized attribute. 




// If you want to be xhtml valid, you could remove that 

// and use non-breaking spaces between words instead.



		var cntnt = '<table id="w1" border="0" cellpadding="0" cellspacing="0"><tr><td class="wipe" nowrap>'+  wipe_array[wipe_count] +'</td></tr></table>';



		with (wipeLyr1) {

			hide();

			// restore, for ns4, or new content is visible...

			clipTo(0,wipeLyr1.width,wipeLyr1.height,0);	

			writeLyr(cntnt);

			width=getWidth(wipeLyr1.el,'w1');

			height=getHeight(wipeLyr1.el,'w1');

			centerIn(window);

		}

		// args: which wipe, delay, wipeTime, what next

		wipeLyr1.wipe("in right", wipe_in_delay,wipe_array[wipe_count+1],"wipeOuts()");

  } else {

		// wipes in image, then sends to destination url

		//wipeLyr2.wipe("in center", wipe_in_logo_delay,wipe_in_logo,"setTimeout('setDest()',dest_delay)");

                setTimeout('setDest()',dest_delay);

	}

}



function wipeOuts() {

	wipeLyr1.wipe("out middle", wipe_out_delay,wipe_array[wipe_count+1]/wipe_out_dv,"doWipes()");

	wipe_count+=2;

}

// end of wipe-splash code

/////////////////////////////////////////////////////////////////////

// beginning of wipes.js proper

// constructor

function dynObj(obj) {

	this.el = (ns4)? getLyrRef(obj,document): (ie4)? document.all[obj]: (ie5||ns5)? document.getElementById(obj): null;

	this.css = (ns4)? this.el: (ie4||ie5||ns5)? this.el.style: null;

	this.doc = (ns4)? this.el.document: this.el;

	this.x = (ns4)? this.css.left: parseInt(this.css.left);

	this.y = (ns4)? this.css.top: parseInt(this.css.top);

	this.width = (ns4)? this.el.clip.width: (this.css.width)? parseInt(this.css.width): this.el.offsetWidth;

	this.height = (ns4)? this.el.clip.height: (this.css.height)? parseInt(this.css.height): this.el.offsetHeight;

	this.obj = obj + "dynObj"; 	eval(this.obj + "=this");

}



// args: which wipe, delay, wipeTime, what next (fn)

dynObj.prototype.wipe=function(which,delay,wipeTime,fn) {

	this.wipeTime=wipeTime; this.fn=fn;

	switch (which) {

		// wipe into view by expanding to the right

		case "in right" :

			this.clipTo(0,0,this.height,0);

			this.show();

      setTimeout(this.obj+".wipe_in_rt()",delay);

  	break;

		

		// wipe into view by expanding from the center out

		case "in center" :

			this.vCenter = Math.ceil(this.height/2);

			this.hCenter = Math.ceil(this.width/2);

			this.clipTo(this.vCenter, this.hCenter,this.vCenter,this.hCenter);

			this.show();

			setTimeout(this.obj+".wipe_in_center()",delay);

		break;

		

		// wipe into view from upper left corner to lower right

		case "in corner" :

			this.clipTo(0,0,0,0);

			this.show();

			setTimeout(this.obj+".wipe_in_corner()",delay);

		break;

		

		// wipe out of view by contracting to the center

		case "out center" :

			this.vCenter = Math.ceil(this.height/2);

			this.hCenter = Math.ceil(this.width/2);

			setTimeout(this.obj+".wipe_out_center()",delay);

		break;

		

		// wipe out of view by contracting to the left

		case "out left" :

			setTimeout(this.obj+".wipe_out_left()",delay);

		break;

		

		// wipe out of view by contracting to the right

		case "out right" :

			setTimeout(this.obj+".wipe_out_right()",delay);

  	break;

		

		// wipe out of view by contracting from left and right

  	case "out middle" :

			this.dest=Math.ceil(this.width/2);

      setTimeout(this.obj+".wipe_out_mid()",delay);

		break;

		

		// wipe out of view from the upper left to lower right

		case "out corner" :

			setTimeout(this.obj+".wipe_out_corner()",delay);

		break;

		

  	default:

			alert("Oops! Check choices again.");

	}

	this.wipeStart = new Date().getTime()+delay;

	this.per = Math.PI/(2*this.wipeTime);

}



// wipe into view by expanding to the right

dynObj.prototype.wipe_in_rt=function() {

	var clipVal = this.getClipValues();

	var elapsed = (new Date().getTime())-this.wipeStart;

	if (elapsed<this.wipeTime) {

//	wipes could potentially be steady, accelerate, or decelerate

//	idea and math from Mike Foster at www.cross-browser.com

//	var inc = this.width*Math.sin(this.per*elapsed);

//	var inc = -this.width*Math.cos(this.per*elapsed)+this.width;

	var inc = this.width*((1/this.wipeTime)*elapsed);

	this.clipTo(0,inc,this.height,0);

	setTimeout(this.obj+".wipe_in_rt()",35);

	} else {

		this.clipTo(0,this.width,this.height,0);

		if (this.fn) eval(this.fn);

	}

}



// wipe into view by expanding from the center out

dynObj.prototype.wipe_in_center=function() {

	var clipVal = this.getClipValues();

	var elapsed = (new Date().getTime())-this.wipeStart;

	if (elapsed<this.wipeTime) {

	var vinc = this.vCenter*((1/this.wipeTime)*elapsed);

	var hinc = this.hCenter*((1/this.wipeTime)*elapsed);

	this.clipTo(this.vCenter-vinc,this.hCenter+hinc,this.vCenter+vinc,this.hCenter-hinc);

	setTimeout(this.obj+".wipe_in_center()",35);

	} else {

		this.clipTo(0,this.width,this.height,0);

		if (this.fn) eval(this.fn);

	}

}



// wipe into view from upper left corner to lower right

dynObj.prototype.wipe_in_corner=function() {

	var clipVal = this.getClipValues();

	var elapsed = (new Date().getTime())-this.wipeStart;

	if (elapsed<this.wipeTime) {

	var vinc = this.height*((1/this.wipeTime)*elapsed);

	var hinc = this.width*((1/this.wipeTime)*elapsed);

	this.clipTo(0,hinc,vinc,0);

	setTimeout(this.obj+".wipe_in_corner()",35);

	} else {

		this.clipTo(0,this.width,this.height,0);

		if (this.fn) eval(this.fn);

	}

}



// wipe out of view by contracting to the center

dynObj.prototype.wipe_out_center=function() {

	var clipVal = this.getClipValues();

	var elapsed = (new Date().getTime())-this.wipeStart;

	if (elapsed<this.wipeTime) {

	var vinc = this.vCenter*((1/this.wipeTime)*elapsed);

	var hinc = this.hCenter*((1/this.wipeTime)*elapsed);

	this.clipTo(vinc,this.width-hinc,this.height-vinc,hinc);

		setTimeout(this.obj+".wipe_out_center()",35);

	} else {

		this.clipTo(this.vCenter, this.hCenter,this.vCenter,this.hCenter);

		if (this.fn) eval(this.fn);

	}

}



// wipe out of view by contracting to the left

dynObj.prototype.wipe_out_left=function() {

	var clipVal = this.getClipValues();

	var elapsed = (new Date().getTime())-this.wipeStart;

	if (elapsed<this.wipeTime) {

		var inc = this.width*((1/this.wipeTime)*elapsed);

		this.clipTo(0,this.width-inc,this.height,0);

		setTimeout(this.obj+".wipe_out_left()",35);

	} else {

		this.clipTo(0,0,this.height,0);

		if (this.fn) eval(this.fn);

	}

}



// wipe out of view by contracting to the right

dynObj.prototype.wipe_out_right=function() {

	var clipVal = this.getClipValues();

	var elapsed = (new Date().getTime())-this.wipeStart;

	if (elapsed<this.wipeTime) {

		var inc = this.width*((1/this.wipeTime)*elapsed);

		this.clipTo(0,this.width,this.height,inc);

		setTimeout(this.obj+".wipe_out_right()",35);

	} else {

	this.clipTo(0,this.width,this.height,this.width);

		if (this.fn) eval(this.fn);

	}

}



// wipe out of view by contracting from left and right

dynObj.prototype.wipe_out_mid=function() {

	var clipVal = this.getClipValues();

	var elapsed = (new Date().getTime())-this.wipeStart;

	if (elapsed<this.wipeTime) {

//	var inc = this.dest*Math.sin(this.per*elapsed);

	var inc = -this.dest*Math.cos(this.per*elapsed)+this.dest;

//	var inc = this.dest*((1/this.wipeTime)*elapsed);

		this.clipTo(0,this.width-inc,this.height,inc);

		setTimeout(this.obj+".wipe_out_mid()",35);

	} else {

		this.clipTo(0,this.dest,this.height,this.dest);

		if (this.fn) eval(this.fn);

	}

}



dynObj.prototype.wipe_out_corner=function () {

	var clipVal = this.getClipValues();

	var elapsed = (new Date().getTime())-this.wipeStart;

	if (elapsed<this.wipeTime) {

	var vinc = -this.height*Math.cos(this.per*elapsed)+this.height;

	var hinc = -this.width*Math.cos(this.per*elapsed)+this.width;

		this.clipTo(vinc,this.width,this.height,hinc);

		setTimeout(this.obj+".wipe_out_corner()",35);

	} else {

		this.clipTo(this.height,this.width,this.height,this.width);

		if (this.fn) eval(this.fn);

	}

}



// end wipe methods



/////////////////////////////////////////////////////////////////////

// center in container (window or outer layer)

dynObj.prototype.centerIn = function(outer) {

	var outWd, outHt, inWd, inHt, x, y;

	if (eval(outer)==window) {

		outWd=(ie4||ie5)? document.body.clientWidth: window.innerWidth;

		outHt=(ie4||ie5)? document.body.clientHeight: window.innerHeight;

	} else {

		outWd=outer.width;

		outHt=outer.height;

	}

	inWd=this.width;

	inHt=this.height;

	x=Math.round((outWd-inWd)/2);

	y=Math.round((outHt-inHt)/2);

	this.shiftTo(x,y);

}



/////////////////////////////////////////////////////////////////////

// clip methods

// ideas from dynduo, brainjar and bratta

dynObj.prototype.getClipValues = function() {

	if (ns4) {

  	var clipVal = new Array();

		clipVal[0] = this.css.clip.top;

		clipVal[1] = this.css.clip.right;

		clipVal[2] = this.css.clip.bottom;

		clipVal[3] = this.css.clip.left;

  } else if (ie4||ie5||ns5) {

		var clipVal = this.css.clip.substring(5,this.css.clip.length-1).split(' ');

			for (var i=0; i<4; i++) {

				clipVal[i] = parseInt(clipVal[i]);

			}

  }

	return clipVal;

}



dynObj.prototype.clipBy = function(top,rt,btm,lft) {

	if (ns4) {

  	this.css.clip.top += top;

		this.css.clip.right += rt;

		this.css.clip.bottom += btm;

		this.css.clip.left += lft;

  } else if (ie4 || ie5 || ns5) {

		var clipVal = this.getClipValues();

  	this.css.clip = "rect(" + Number(clipVal[0]+top) + "px " + Number(clipVal[1]+rt)  + "px " + Number(clipVal[2]+btm) + "px " + Number(clipVal[3]+lft) + "px)"

  }

}



dynObj.prototype.clipTo = function(top,rt,btm,lft) {

	if (ns4) {

  	this.css.clip.top = top;

		this.css.clip.right = rt;

		this.css.clip.bottom = btm;

		this.css.clip.left = lft;

  } else if (ie4 || ie5 || ns5) {

  	this.css.clip = "rect("+top+"px "+rt+"px "+btm+"px "+lft+"px)";

  }

}

// end clip methods



dynObj.prototype.shiftTo = function (x,y) {

	// idea from dynduo.

	if (x!=null) this.x=x; if (y!=null) this.y=y;

	if (ns4) { this.css.moveTo(this.x,this.y); } 

	else { this.css.left=this.x+"px"; this.css.top=this.y+"px"; }

}



dynObj.prototype.shiftBy = function(x,y) {







	this.shiftTo(this.x+x,this.y+y);

}



dynObj.prototype.show = function() { this.css.visibility = "visible"; }

dynObj.prototype.hide = function() { this.css.visibility = "hidden"; }



dynObj.prototype.writeLyr=function(cntnt) {

	if (ns4) {

			this.doc.write(cntnt);

			this.doc.close();

  } else if (ie4||ie5||ns5) {

      this.doc.innerHTML = cntnt;

  }

}



// gets rendered height/width 

// for ns4, pass reference to layer. 

// for others, pass id of html element containing content

function getWidth(obj,id) {

	var wd =(ns4)? obj.document.width: (ie4)? document.all[id].offsetWidth: (ie5||ns5)? document.getElementById(id).offsetWidth: 0;

	return wd;

}



function getHeight(obj,id) {

	var ht =(ns4)? obj.document.height: (ie4)? document.all[id].offsetHeight: (ie5||ns5)? document.getElementById(id).offsetHeight: 0;

	return ht;

}



// get reference to nested layer for ns4

// from dhtmllib.js by Mike Hall of www.brainjar.com

function getLyrRef(lyr,doc) {

	if (ns4) {

		var theLyr;

		for (var i=0; i<doc.layers.length; i++) {

	  	theLyr = doc.layers[i];

			if (theLyr.name == lyr) return theLyr;

			else if (theLyr.document.layers.length > 0) 

	    	if ((theLyr = getLyrRef(lyr,theLyr.document)) != null)

					return theLyr;

	  }

		return null;

  }

}