ImageViewer = {
	
	open: function( ID, Data ) {
		
		--ID;
		
		$('#ImageViewer').css({display: ''});
		
		$('#ImageViewer .Canvas').fadeIn(300, function() {
		
			ImageViewer.show( ID, Data );
			
		});
		
	},
	show: function( ID, Data ) {
		
		$('document.body').css({cursor: 'progress'});
		
		$('#ImageViewer .Frame').css({display: ''});
		//$('#Frame').css({left: Math.round((document.body.offsetWidth-document.getElementById('Frame').offsetWidth)/2)+'px'});
		$('#ImageViewer .Frame').css({display: 'none'});
		
		if( Data.length > 1 ) {
			
			$('#ImageViewer .LeftButton').css({display: 'block'});
			$('#ImageViewer .LeftButton').unbind('click');
			$('#ImageViewer .LeftButton').click(function() { ImageViewer.change(ID < 1 ? Data.length-1 : ID-1, Data); });
			
			$('#ImageViewer .RightButton').css({display: 'block'});
			$('#ImageViewer .RightButton').unbind('click');
			$('#ImageViewer .RightButton').click(function() { ImageViewer.change(Data.length > ID+1 ? ID+1 : 0, Data); });
			
		}
		
		$('#ImageViewer .Description').html(Data[ID][3]);
		
		$('#ImageViewer .Image').attr({src: Data[ID][0]});
		$('#ImageViewer .Image').attr({width: Data[ID][1]});
		$('#ImageViewer .Image').attr({height: Data[ID][2]});
		$('#ImageViewer .Image').load(function() {
		
			$('#ImageViewer .Frame').fadeIn(300, function() {
			
				$('document.body').css({cursor: 'default'});
				
			});
			
		});
		
	},
	change: function( ID, Data ) {
		
		$('#ImageViewer .Frame').fadeOut(300, function() {
		
			ImageViewer.show( ID, Data );
			
		});
		
	},
	close: function() {
		
		$('#ImageViewer .Frame').fadeOut(300, function() {
		
			$('#ImageViewer .LeftButton').css({display: 'none'});
			$('#ImageViewer .RightButton').css({display: 'none'});
		
			$('#ImageViewer .Canvas').fadeOut(300, function() {
		
				$('#ImageViewer').css({display: 'none'});
			
			});
			
		});
		
	}
	
}