window.addEvent('domready', function(){
	popups();
});

function popups(){
	$atags = $('holder').getElements('a'); // array of links in specific div
	
	$atags.each(function(item,index){
		if(item.hasClass('pop')){
			item.addEvent('click',function(e){
				e = new Event(e);
				
				$('overlayHolder').setProperty('class', 'show');
				$position = (window.getScrollTop() + 15);
				$xposition = (window.getWidth() / 2) - 335;
				$('overlayHolder').setStyle('top', $position);
				$('overlayHolder').setStyle('left', $xposition);
				
				$windowHeight = window.getScrollHeight();
				$('overlay').setProperty('class', 'show');
				$('overlay').setStyle('height', $windowHeight);
				
				$srcy = this.getProperty('href'); // get url of big image
				
				var $image = new Image();
				$image.onload = function() {
					$('popimg').setProperty('src',$srcy);
				}
				$image.src = $srcy;
				$('popimg').setProperty('alt',this.getProperty('title'));
				
				// close stuff
				$('overlay').addEvent('click',function(e){
					e = new Event(e);
					$('overlayHolder').setProperty('class','hide');
					this.setProperty('class','hide');
					$('popimg').setProperty('src','/images/loader2.gif');
					$('popimg').setProperty('alt','Loading');
					e.stop();
				})
				$('overlayHolder').getElements('img').addEvent('click',function(e){
					e = new Event(e);
					$('overlayHolder').setProperty('class','hide');
					$('overlay').setProperty('class','hide');
					$('popimg').setProperty('src','/images/loader2.gif');
					$('popimg').setProperty('alt','Loading');
					e.stop();
				})
				
				e.stop();
			})
		}
	});

}