addLoadEvent(initImagePopins);


function initImagePopins() {
	var clickImages = getElementsByClassName("popinImage");
	for(var i = 0; i < clickImages.length; i++) {
		setOpacity(clickImages[i], 5);
		clickImages[i].onmouseover = function() { setOpacity(this, 10); }
		clickImages[i].onmouseout = function() { setOpacity(this, 5); }

		clickImages[i].onclick = function() {
			var largeImage = document.getElementById("largeImg");
			largeImage.src = this.src;
			largeImage.alt = this.alt;
		}
	}
}

function fixIE6hover() {
	var hoverLinks = getElementsByClassName("hoverLink");
 
	for(var i = 0; i < hoverLinks.length; i++) {
		hoverLinks[i].onmouseover = function() { var hoverMenus = getElementsByClassName(this.rel); hoverMenus[0].style.display = "block"; }
		hoverLinks[i].onmouseout = function() { var hoverMenus = getElementsByClassName(this.rel); hoverMenus[0].style.display = "none"; }
	}
}

// Helper functions...
function setOpacity(element, opacity) {
	element.style.opacity = opacity / 10;
	element.style.filter = 'alpha(opacity=' + opacity * 10 + ')';
}

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;
}

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