var itsViewer = {
	init: function(){
		var $ = document.id;
		if(!document.getElementById("imageNavigator")) return;
		var imageNavigatorControl = document.getElementById("imageNavigator");
		var thumnails = imageNavigatorControl.innerHTML;
		imageNavigatorControl.innerHTML = theprestring1 + thumnails + theprestring2;
		
		if($('zoomOutButton')) {
			$('zoomOutButton').addEvent('click', function(e){
				e = new Event(e);
				s7zoom.zoomOut();
				e.stop();
			});
		}
		
		if($('zoomInButton')) {
			$('zoomInButton').addEvent('click', function(e){
				e = new Event(e);
				s7zoom.zoomIn();
				e.stop();
			});
		}
		
		if($('panLeftButton')) {
			$('panLeftButton').addEvent('click', function(e){
				e = new Event(e);
				s7zoom.pan('left',1);
				e.stop();
			});
		}
		
		if($('panRightButton')) {
			$('panRightButton').addEvent('click', function(e){
				e = new Event(e);
				s7zoom.pan('right',1);
				e.stop();
			});
		}
		
		if($('panUpButton')) {
			$('panUpButton').addEvent('click', function(e){
				e = new Event(e);
				s7zoom.pan('up',1);
				e.stop();
			});
		}
		
		if($('panDownButton')) {
			$('panDownButton').addEvent('click', function(e){
				e = new Event(e);
				s7zoom.pan('down',1);
				e.stop();
			});
		}
		
		if($('resetButton')) {
			$('resetButton').addEvent('click', function(e){
				e = new Event(e);
				s7zoom.reset();
				e.stop();
			});
		}
		
		var thumbnails = $$('#imageNavigator a.thumbnail');
		if(thumbnails[0]) {
			for (var i = 0; i < thumbnails.length; i++) {
				thumbnails[i].addEvent('click', function(e){
					e = new Event(e);
					var thumbLink = this.getProperty('href');
					var thumbLinkURL = thumbLink.split('?');
					if (window.fixSetImage) {
						if (thumbLinkURL[0] != imageURL[0]) {
							imageURL[0] = thumbLinkURL[0];
							fixSetImage(thumbLink, true);
						}
						else {
							//
						}
					}else{
						//
					}
					e.stop();
				});
			}
		}
		
		if($('imageSlide') && $('openButton') && $('closeButton')) {
		
			var mySlide2 = new Fx.Slide('imageSlide', {
				mode: 'horizontal',
				duration: 600,
				transition: Fx.Transitions.linear
			});
			
			var state = 'ready';
			
			$('openButton').addEvent('click', function(e){
				e = new Event(e);
				state = 'opening';
				mySlide2.slideIn();
				this.setStyle("position", "absolute");
				e.stop();
			});
			
			$('closeButton').addEvent('click', function(e){
				e = new Event(e);
				state = 'closing';
				mySlide2.slideOut();
				$('openButton').setStyle("position", "static");
				e.stop();
			});
		}		
	}
}

var theprestring1 = '</ul><a id="openButton"><img src="' +staticRoot+ 'img/btn_open.png" alt="open" /></a><div id="imageSlide"><div id="imageSlideInner" class="trans">';
var theprestring2 = '</div><a id="closeButton"><img src="' +staticRoot+ 'img/btn_close.png" alt="close" /></a></div>'

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