var showcase = {
	init: function(cname,pos){
		var wrap = this.getElementsByClass(cname);
		for(var i=0; i<wrap.length; i++){
			this.setup(wrap[i],pos);
		}
	},
 
	setup: function(wrap,pos){
		var links = wrap.getElementsByTagName('a');
		var bigWrap = document.createElement('p');
		var bigImg = new Image();
		var text =  document.createTextNode(links[0].title);
		
		if(pos == 'before'){
			var thumb = wrap.getElementsByTagName('p')[0];
			wrap.removeChild(thumb);
			wrap.appendChild(bigWrap);
			wrap.appendChild(thumb);
		} else { 
			wrap.appendChild(bigWrap);
		};
 
		bigWrap.className = "bigImg";
		bigImg.src = links[0].href;
		bigWrap.appendChild(bigImg);
		bigWrap.appendChild(text);
 
		for(var i=0; i<links.length; i++) {
			var thumb = new Image();
			thumb.src = links[i].href;
			links[i].onclick = function(){
				showcase.showImg(this,bigImg,text);
				return false;
			};
		}
	},
	
	showImg: function(elm,bigImg,text){
		bigImg.src = elm.href;
		text.nodeValue = elm.title;
	},
 
	getElementsByClass: function(searchClass) {
		var classElements = new Array();
		var els = document.getElementsByTagName('div');
		var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
 
		for (i = 0, j = 0; i < els.length; i++) {
			if ( pattern.test(els[i].className) ) {
				classElements[j] = els[i];
				j++;
			}
		}
		return classElements;
	}
 
}
 
// window.addEventListener("DOMContentLoaded", function(){showcase.init('showcase')}, false);
// window.addEventListener("load", function(){showcase.init('showcase')}, false);
// window.attachEvent("onload", function(){showcase.init('showcase')});
 
 
window.onload = function(){showcase.init('showcase','before')};