window.addEvent('domready', function() {
	/*function openView(title,theurl,wx,wy,winName) { //v2.0
  		window.open(theurl,winName,'menubar=yes,scrollbars=yes,resizable=yes,width=50,height=50,left=0,top=0'); 
	}*/
	var openclick = function(){}
	var curpos = 0;
	var curbox = 2;
	var offbox = 1;
	var thumbArray=new Array();
	var miniArray=new Array();
	var lastMini;
	var lastThumb;
	var lastThumbID;
	function miniclick(_href, _num){
		if(curbox==1){curbox=2; offbox=1;}else{curbox=1; offbox=2;}
		//_newhref='url('+_href.substr(0, (_href.length-5))+_num+'.jpg)';
		_newhref=_href.substr(0, (_href.length-5))+_num+'.jpg';
		$('imagecontainer'+curbox).removeEvent('click', openclick);
		$('imagecontainer'+offbox).removeEvent('click', openclick);
		openclick = function() {
			regexp = /\/\w+\/(\w+)\/\w+\/[a-zA-Z]+\-([0-9]+\-[0-9]+)\.jpg/;
			// /murals/murals/large/murals-01-1.jpg
			_regres = _newhref.match(regexp);
			_wintitle = _regres[1].charAt(0).toUpperCase() + _regres[1].slice(1) + " " + _regres[2];
			_winname = _regres[1] + _regres[2].replace(/-/, "_");
			_href2 = _href.substr(0, (_href.length-5))+_num+'.jpg';
			_href2 = _href2.replace(/large/, "pop-ups");
			openView('Muralistcally Inclined %9B '+_wintitle,_href2,'wlocx=25','wlocy=25',_winname);
		}
		$('imagecontainer'+offbox).fade(0);
		//$('imagecontainer'+curbox).set('styles', {'background': _newhref, 'cursor': 'pointer'});
		$('imagecontainer'+curbox).innerHTML="<img src='"+_newhref+"' style='border: 1px solid #51719a;'>";
		//alert($('imagecontainer'+curbox).innerHTML);
		$('imagecontainer'+curbox).set('styles', {'cursor': 'pointer'});
		$('imagecontainer'+curbox).fade(1);
		$('imagecontainer'+curbox).addEvent('click', openclick);
	}
	$$('.fade').each(function(el){
		thumbArray.push(0);
		el4=$$('.fade')[0];
		lastThumb=el4;
		thumbArray[0]=1;
		if(el!=el4){el.fade(0.4);}
	})
	$$('.fade').each(function(el){
		rcount=el.getFirst().get('title');
		rhref=el.get('href');
		
		/*
		for(i=0;i<rcount;i++){
			rnewhref=rhref.substr(0, (rhref.length-5))+(i+1)+'.jpg';
			$('preloadempty').innerHTML+='<img src="'+rnewhref+'">';
		}
		*/
		$('imagecontainer1').innerHTML="";
		el.addEvent('mouseenter', function() {
			el.fade(1);	
		});
		el.addEvent('mouseleave', function() {
			thumbnum=$$('.fade').indexOf(el);
			if(thumbArray[thumbnum]==0){el.fade(0.4);}
		});
		el.addEvent('click', function() {
			//$('imagecontainer').style.background
			thumbnum=$$('.fade').indexOf(el);
			document.getElementById(lastThumbID).style.borderColor="";
			lastThumbID = el.get('id');
			document.getElementById(lastThumbID).style.borderColor="#51719a";
			if(lastThumb!=undefined && el != lastThumb) {
				lastThumb.fade(0.4);
				thumbArray[$$('.fade').indexOf(lastThumb)]=0;
			}
			lastThumb=el;
			thumbArray.each(function(index){thumbArray[index]=0;});
			thumbArray[thumbnum]=1;
			_href = el.get('href');
			_count = el.getFirst().get('title');
			minithumbsout = $('minithumbs');
			miniclick(_href, '1');
			mtext="";
			for(i=0;i<_count;i++){
				mtext+='<a href="" class="minithumb" title="'+(i+1)+'"></a>';
			}
			minithumbsout.innerHTML=mtext;
			miniArray.empty();
			$$('.minithumb').each(function(el2){
				miniArray.push(0);
				el2.addEvent('mouseenter', function() {
					el2.fade(1);	
				});
				el2.addEvent('mouseleave', function() {
					elnum=el2.get('title');
					if(miniArray[elnum-1]==0){el2.fade(0.4);}
				});
				el2.addEvent('click', function() {
					elnum=el2.get('title');
					if (lastMini!=undefined && el2 != lastMini) {
						lastMini.fade(0.4);
						miniArray[lastMini.get('title')-1]=0;
					}
					lastMini=el2;
					miniArray.each(function(index){miniArray[index]=0;});
					miniArray[elnum-1]=1;
					miniclick(_href, elnum);
					return false;
				});
				el3=$$('.minithumb')[0];
				lastMini=el3;
				miniArray[0]=1;
				if(el2!=el3){el2.fade(0.4);}
			});
			return false;
		});
	});
	// <a href="" class="minithumb"></a>
	// 380 image width
	// 240 height each
	
	// length divided by number of visible thumbnails which defines how many pages - 1
	
	var galleryblocks = Math.ceil($(document.body).getElements('.fade').length/8) - 1;
	
	$('prevbtn').addEvent('click', function(){
		if(curpos>0){
			curpos--;
			var myFx = new Fx.Tween($('thumbcontainer'));
			myFx.start('top', '-'+curpos*296);
		}
		return false;
	});
	$('nextbtn').addEvent('click', function(){
		if(curpos<galleryblocks){
			curpos++;
			var myFx = new Fx.Tween($('thumbcontainer'));
			myFx.start('top', '-'+curpos*296);
		}
		return false;
	});
	//tempa = $('thumbcontainer').getFirst();
	//tempa.click();
	//miniclick(tempa.get('href'),'1');
	function firstOpen(){
			el=$$('.fade')[0];
			_href = el.get('href');
			lastThumbID = el.get('id');
			document.getElementById(lastThumbID).style.borderColor="#51719a";
			_count = el.getFirst().get('title');
			minithumbsout = $('minithumbs');
			miniclick(_href, '1');
			mtext="";
			for(i=0;i<_count;i++){
				mtext+='<a href="" class="minithumb" title="'+(i+1)+'"></a>';
			}
			minithumbsout.innerHTML=mtext;
			$$('.minithumb').each(function(el2){
				miniArray.push(0);
				el2.addEvent('mouseenter', function() {
					el2.fade(1);	
				});
				el2.addEvent('mouseleave', function() {
					elnum=el2.get('title');
					if(miniArray[elnum-1]==0){el2.fade(0.4);}
				});
				el2.addEvent('click', function() {
					elnum=el2.get('title');
					if (lastMini!=undefined && el2 != lastMini) {
						lastMini.fade(0.4);
						miniArray[lastMini.get('title')-1]=0;
					}
					lastMini=el2;
					miniArray.each(function(index){miniArray[index]=0;});
					miniArray[elnum-1]=1;
					miniclick(_href, elnum);
					return false;
				});
				el3=$$('.minithumb')[0];
				lastMini=el3;
				miniArray[0]=1;
				if(el2!=el3){el2.fade(0.4);}
			});
	}
	firstOpen();
			$$('.fade').each(function(el){
				rcount=el.getFirst().get('title');
				rhref=el.get('href');
		
				rout = "";
				for(i=0;i<rcount;i++){
					rnewhref=rhref.substr(0, (rhref.length-5))+(i+1)+'.jpg';
					rout +='<img src="'+rnewhref+'">';
				}
				$('preloadempty').innerHTML=rout;
			});
});