var imageFunction = function (request, xml){ 
			var response = xml.documentElement;
			$('largeimg').setProperty('src',response.getElementsByTagName("imagepath")[0].firstChild.nodeValue).effects({duration: 1000}).;
			$('caption').setHTML(response.getElementsByTagName("imagecaption")[0].firstChild.nodeValue)
		}
	window.addEvent('domready', function() {
		$$('#popupmenu li a').each(function(el) {
			el.addEvent('click', function() {
				if($('popup').getStyle('opacity') == 1){
					$('popup').setOpacity(0).setStyle('display', 'block').effects({duration:3000}).start({'opacity': 0.9});
				}else{
				if($('popup').getStyle('opacity') > 0){
					$('popup').setOpacity(0.9).setStyle('display', 'block').effects({duration:3000}).start({'opacity': 0});
				}
				else
				{
					$('popup').setOpacity(0).setStyle('display', 'block').effects({duration:3000}).start({'opacity': 0.9});
				} 
				}
			});
		});
		$('pictures').setStyle('width',$$('#fotolist #pictures img').length * 67+"px");
		$$('#fotolist #pictures img').setStyle('opacity','0.5');
		var i = 0;
		var elem = $$('#fotolist #pictures img');
		elem.each(function(element,index){
		                element.addEvents({
		                        'mouseover' : function(){ 
										if(i != index) element.setStyle('opacity', '1'); 
									},
		                        'mouseout' : function(){ 
										if(i != index) element.setStyle('opacity', '0.5'); 
									},
		                        'click' : function(){ 
									new Ajax('http://localhost/adproductions/gallery.php', {
										method: 'get',
										onComplete: imageFunction
									}).request();
									elem[i].setStyle('opacity', '0.5');
									i = index;
									element.setStyle('opacity', '1');
									
								}
		                });
		        });
		elem[0].setStyle('opacity', '1');
		var s = new Scroller('fotolist');
		s.start();
	});
	//$$('#popupmenu a').
	</script>