// Marvellous wipe/slide/swap/roll work found at
// http://gil.davis.home.att.net/wipe.htm

var numImgs = 14;
var oneIsOn = true;
var numSlides = 2;
var nextPic = 1;
var inProcess = false;
var oldS = newS = '';
var step = (isIE ? 3 : 4);
var delay = (isIE ? 3 : 4);
var timerID = null;
var topDimension = tp = 0;
var rightDimension = rt = 0;
var bottomDimension = bt = 0;
var leftDimension = lt = 0;
var width = 0;
var slideLt = slideTp = 0;

var imgAry = new Array();
for (var i = 0; i < numImgs; i++) {
	imgAry[i] = new Image(442, 620);
	imgAry[i].src = 'Images/Transitions/picture' + (i + 1) + '.jpg';
}

function addListeners() {
	if (!document.getElementsByTagName) return;

	var elHeader = getEl('header');
	var elWipeLinks = getEl('wipeLinks');
	var elFrame = getEl('frame');
	var elImage1 = getEl('image1');
	var elImage2 = getEl('image2');
	var elOtherLinks = getEl('otherLinks');
	width = winWidth();
	var frameLeft = ((width / 2) - 221);

	elHeader.style.left = ((width / 2) - 135) +  'px';
	elWipeLinks.style.left = ((width / 2) - 400) + 'px';
	elFrame.style.left = frameLeft + 'px';
	elImage1.style.left = frameLeft + 5 + 'px';
	elImage2.style.left = frameLeft + 5 + 'px';
	elOtherLinks.style.left = ((width / 2) - 200) + 'px';
	slideLt = frameLeft + 5 + 'px';
	slideTp = getElementTop(elImage1) + 'px';

	elHeader.style.visibility = 'visible';
	elFrame.style.visibility = 'visible';
	elWipeLinks.style.visibility = 'visible';
	elImage1.style.visibility = 'visible';
	elOtherLinks.style.visibility = 'visible';

	if (!isIE) {
		var allLinks = document.getElementsByTagName('a');
		for (var i = 0; i < allLinks.length; i++) {
			var link = allLinks[i];
			addEvent(link, 'mouseup', aBlurListener, false);
		}
	}
}

function setClip(obj, tp, rt, bt, lt) {
	getEl(obj).style.clip = 'rect(' + tp + 'px,' + rt + 'px,' + bt + 'px,' + lt + 'px)';
}

function transMoveTo(obj, x, y) {
	obj.style.left = findPosX(obj) + x + 'px';
	obj.style.top	= findPosY(obj) + y + 'px';
}

function aBlurListener() {
	var el = ascendDOM(this, 'a');
	if (el == null) return;
	el.blur();
}

// addListeners runs before preload of displaynone images at the bottom of html page
//	addEvent(window, 'load', addListeners, false);
addEvent(window, 'resize', addListeners, false);