viewer.toolbarImages="images/toolbar"
viewer.toolbar = function(self) {
	var toolbar = document.createElement('div');
	toolbar.className='toolbar';
	
	var isEnterKey = function(event) {
		var keyCode;
		if(event.keyCode) // IE
			keyCode = event.keyCode, event.returnValue = false;
		else if(event.which) // Netscape/Firefox/Opera
			keyCode = event.which, event.preventDefault();
		return keyCode==13;
	}
	
	var zoomIn = document.createElement('img');
	zoomIn.className='toolbarButton';
	zoomIn.title='Zoom in';
	zoomIn.tabIndex="1";
	zoomIn.src=viewer.toolbarImages+'/in.png';
	zoomIn.onclick = zoomIn.onkeypress = function(event) {
		event=event?event:window.event;
		if (event.type == 'keypress') 
			if(!isEnterKey(event))
				return;
		var frameDimension = self.getFrameDimension();
		self.zoomTo(self.getZoomLevel()+1, frameDimension[0]/2,frameDimension[1]/2);
	}
	
	var zoomOut = document.createElement('img');
	zoomOut.className='toolbarButton';
	zoomOut.title='Zoom out';
	zoomOut.tabIndex="1";
	zoomOut.src=viewer.toolbarImages+'/out.png';
	zoomOut.onclick = zoomOut.onkeypress = function(event) {
		event=event?event:window.event;
		if (event.type == 'keypress') 
			if(!isEnterKey(event))
				return;
		
		var frameDimension = self.getFrameDimension();
		self.zoomTo(self.getZoomLevel()-1, frameDimension[0]/2,frameDimension[1]/2);
	}
	
	var center = document.createElement('img');
	center.className='toolbarButton';
	center.title='Center image';
	center.tabIndex="1";
	center.src=viewer.toolbarImages+'/center.png';
	center.onclick = center.onkeypress = function(event) {
		event=event?event:window.event;
		if (event.type == 'keypress') 
			if(!isEnterKey(event))
				return;
		self.reset();
	}

	var left = document.createElement('img');
	left.className='toolbarButton';
	left.title='Left';
	left.tabIndex="1";
	left.src=viewer.toolbarImages+'/left.png';
	left.onclick = left.onkeypress = function(event) {
		event=event?event:window.event;
		if (event.type == 'keypress') 
			if(!isEnterKey(event))
				return;
		var dimension = self.getFrameDimension();
		self.moveBy(dimension[0]*0.1,0);
	}	
	

	var up = document.createElement('img');
	up.className='toolbarButton';
	up.title='Up';
	up.tabIndex="1";
	up.src=viewer.toolbarImages+'/up.png';
	up.onclick = up.onkeypress = function(event) {
		event=event?event:window.event;
		if (event.type == 'keypress') 
			if(!isEnterKey(event))
				return;
		var dimension = self.getFrameDimension();
		self.moveBy(0,dimension[1]*0.1); //10%
	}	


	var down = document.createElement('img');
	down.className='toolbarButton';
	down.title='Down';
	down.tabIndex="1";
	down.src=viewer.toolbarImages+'/down.png';
	down.onclick = down.onkeypress = function(event) {
		event=event?event:window.event;
		if (event.type == 'keypress') 
			if(!isEnterKey(event))
				return;
		var dimension = self.getFrameDimension();
		self.moveBy(0,-1*dimension[1]*0.1);
	}	


	var right = document.createElement('img');
	right.className='toolbarButton';
	right.title='Right';
	right.tabIndex="1";
	right.src=viewer.toolbarImages+'/right.png';
	right.onclick = right.onkeypress = function(event) {
		event=event?event:window.event;
		if (event.type == 'keypress') 
			if(!isEnterKey(event))
				return;
		var dimension = self.getFrameDimension();
		self.moveBy(-1*dimension[0]*0.1,0);
	}	



	
	toolbar.appendChild(zoomIn);
	toolbar.appendChild(zoomOut);

	toolbar.appendChild(left);
	toolbar.appendChild(up);
	toolbar.appendChild(down);
	toolbar.appendChild(right);

	toolbar.appendChild(center);
	
	self.frameElement.appendChild(toolbar);

}