var tehScroller;
	var imgs;
	var delayTimer;
	var currentBanner = 0;
	var numScrollPics;

	addLoadEvent(initPopups);
	//addLoadEvent(initScroller);

	function initScroller() {
		tehScroller = document.getElementById("left");
		imgs = tehScroller.getElementsByTagName("img");
		numScrollPics = imgs.length;
		imgs[0].style.left = "0%";
		delayTimer = setInterval(function() { animateBanner(); }, 5000);
	}

	function animateBanner() {
		var animationOut = new Tween(imgs[currentBanner], "x", 0, -100, 3, 1);
		
		animationOut.onTweenStopped = function() {
			currentBanner++;
			if(currentBanner >= numScrollPics) currentBanner = 0;
			var animationIn = new Tween(imgs[currentBanner], "x", 100, 0, 3, 1);
		}
	}
	
	
function videoPopup(imgURL) {
	var imgWindow = window.open('pages/components/videoPopup.php?image=' + imgURL, 'Winyards', 'status=0,location=0,resizable=0,HEIGHT=500,WIDTH=420');
	//imgWindow.moveTo(50, 125);
}

function initPopups() {
	// Create popup 'window'
	var popupContainer = document.createElement("div");
	var popupImage = document.createElement("img");
	var popupLogo = document.createElement("div");
	popupContainer.id = "imagePopupContainer";
	popupImage.id = "imagePopupImage";
	popupLogo.id = "imagePopupLogo";

	popupContainer.onclick = function() {
		this.style.display = "none";
	}

	popupContainer.appendChild(popupImage);
	popupContainer.appendChild(popupLogo);
	document.getElementsByTagName("body")[0].appendChild(popupContainer);

	var node = document.getElementsByTagName("body")[0];
	var links = [];
	var re = new RegExp('\\b' + "imagePopup" + '\\b');
	var els = node.getElementsByTagName("a");
	for(var i = 0, j = els.length; i < j; i++) if(re.test(els[i].rel)) links.push(els[i]);

	for(var k = 0; k < links.length; k++) {
		links[k].onclick = function() {
			var popupContainer = document.getElementById("imagePopupContainer");
			var popupImage = document.getElementById("imagePopupImage");

			var scrolledX, scrolledY;
			if(self.pageYOffset) {
				scrolledX = self.pageXOffset;
				scrolledY = self.pageYOffset;
			} else if(document.documentElement && document.documentElement.scrollTop) {
				scrolledX = document.documentElement.scrollLeft;
				scrolledY = document.documentElement.scrollTop;
			} else if(document.body) {
				scrolledX = document.body.scrollLeft;
				scrolledY = document.body.scrollTop;
			}

			var centerX, centerY;
			if(self.innerHeight) {
				centerX = self.innerWidth;
				centerY = self.innerHeight;
			} else if(document.documentElement && document.documentElement.clientHeight) {
				centerX = document.documentElement.clientWidth;
				centerY = document.documentElement.clientHeight;
			} else if(document.body) {
				centerX = document.body.clientWidth;
				centerY = document.body.clientHeight;
			}

			var x = scrolledX + (centerX - 600) / 2;
			var y = scrolledY + (centerY - 400) / 2;
  
			popupContainer.style.top = y + "px";
			popupContainer.style.left = x + "px";
			popupImage.src = this.href;
			popupContainer.style.display = "block";

			return false;
		}
	}
	return links;
}

function toggle(elementx) {
	var el = document.getElementById(elementx);

	if(el.style.display == "none") {
		el.style.display = "block";
	} else {
		el.style.display = "none";
	}
}

// Helper functions...
function addLoadEvent(func) {
	var oldonload = window.onload;
	if(typeof window.onload != 'function') { window.onload = func; } else {
		window.onload = function() {
			if(oldonload) { oldonload(); }
			func();
		}
	}
}

function getElementsByClassName(classname) {
	var node = document.getElementsByTagName("body")[0];
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for(var i = 0, j = els.length; i < j; i++) if(re.test(els[i].className)) a.push(els[i]);
	return a;
}

// Tween Class
// David Kirkbride, 1st May 2008
function Tween(el, attr, tMin, tMax, inc, vel) {
	this.el = el;
	this.attr = attr;
	this.tMin = tMin;
	this.tCur = this.tMin;
	this.tMax = tMax;
	this.inc = inc;
	this.vel = vel;
	


	this.start();
}

Tween.prototype.start = function() {	
	this.updatePos();
	var t = this;
	globalTimer = setInterval(function() { t.tween(); }, this.vel);
}

Tween.prototype.updatePos = function() {
	switch(this.attr) {
		case "x": this.el.style.left = this.tCur + "%"; break;
		case "y": this.el.style.top = this.tCur + "%"; break;
		case "a":
			if(!document.all) {
				this.el.style.opacity = this.tCur / 10;
			} else {
				this.el.style.filter = "alpha(opacity=" + this.tCur / 100 + ")";
			}
		break;
	}
}

Tween.prototype._onTweenStopped = function() {
	clearInterval(globalTimer);
	this.onTweenStopped();
}

Tween.prototype.onTweenStopped = function() {
	return false;
}

Tween.prototype.tween = function() {
	//if(this.tMin < this.tMax) {
		//if(this.tCur < this.tMax) { this.tCur += this.inc; } else { this._onTweenStopped(); }
//	} else {
		if(this.tCur >= (this.tMax + 3)) { this.tCur -= this.inc; } else { this._onTweenStopped(); }
	//}
	this.updatePos();
}