var ImageBrowser = {
	actualId: -1,
	textArr: [],
	showFullSize: function(id,texts){
		ImageBrowser.textArr = texts.split("|");
		ImageBrowser.disableOverflow();
		ImageBrowser.changeImage(id);
	},
	prev: function(){
		var newIndex = images.length-1; 
		for (var i=0;i<images.length;i++){
			if (images[i]==ImageBrowser.actualId){
				if (i-1 >= 0){
					newIndex = i-1;
				}
				break;
			}
		}
		ImageBrowser.changeImage(images[newIndex]);
	},
	next: function(){
		var newIndex = 0; 
		for (var i=0;i<images.length;i++){
			if (images[i]==ImageBrowser.actualId){
				if (i+1 < images.length){
					newIndex = i+1;
				}
				break;
			}
		}
		ImageBrowser.changeImage(images[newIndex]);
	},
	changeImage:function(id){
		ImageBrowser.actualId = id;
		$.ajax({
			url: "/image/"+id+"/800/600/1",
			cache: false,
			success: function(html){
				$("#imageViewer").css('display','block');
				ImageBrowser.disableOverflow();
				ImageBrowser.imageContent(html);
  			}
		});
	},
	imageContent:function(html){
		var iViewer = '<div class="viewerBackground" onClick="ImageBrowser.hide();">&nbsp;</div>';
		iViewer += '<div class="backBt">&lt;&nbsp;<a href="javascript:ImageBrowser.hide();" title="'+ImageBrowser.textArr[0]+'"><span>'+ImageBrowser.textArr[0]+'</span></a></div>';
		if (images.length > 1) {
			iViewer += '<div class="listBt">&lt;&nbsp;<a href="javascript:ImageBrowser.prev();" title="'+ImageBrowser.textArr[1]+'"><span>'+ImageBrowser.textArr[1]+'</span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
			iViewer += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:ImageBrowser.next();" title="'+ImageBrowser.textArr[2]+'"><span>'+ImageBrowser.textArr[2]+'</span></a>&nbsp;&gt;</div>';
		}
		iViewer += '<div class="viewerImage" onClick="ImageBrowser.next();">'+html+'</div>';
		$("#imageViewer").html(iViewer);		
	},
	disableOverflow: function(){
		self.scrollTo(0,0);
		$("body").css('overflow','hidden');
		$("#imageList").css('overflow','hidden');
		$("#imageList").css('overflow-x','hidden');
		$("#imageList").css('overflow-y','hidden');
		
	},
	enableOverflow: function(){
		self.scrollTo(0,0);
		$("body").css('overflow','auto');
		$("#imageList").css('overflow','auto');
		$("#imageList").css('overflow-x','auto');
		$("#imageList").css('overflow-y','hidden');		
	},
	hide:function(){
		ImageBrowser.enableOverflow();
		$("#imageViewer").css('display','none');
		$("#imageViewer").html('');
	}	
};