XDProjects/js/show_search_text1.js

$(document).ready(function(){
	$("#loadingDiv").hide();
	var $j = jQuery.noConflict();
	var organ="";
	var lesion="";
	var pagenum=0;
	var nowpage=0;
	var datanum=0;
	var urls;
	var json;
	if(window.speechSynthesis !=undefined)
	{
		window.speechSynthesis.pause();
		window.speechSynthesis.cancel();
		
	
		
	}
	if(sessionStorage!=undefined)
	{
		if(sessionStorage.getItem("username")!=null)
		{
			$("#needlogin").remove();
			var $span= $("<span>用户名:"+sessionStorage.getItem("username")+"</span>");
			$("#needloginparent").append($span);
			
		}
		else
		{
			$("#a_datamanage").attr('href','login.html'); //医学数据管理界面
			//$("#a_codemanage").attr('href','login.html');代码管理不需要
			$("#a_show").attr('href','login.html');//成果展示
		}
	}
	
	var recorder;
    var audio = document.querySelector('audio');
	
	$("#voice_interaction").click(
		function()
		{	
			if(window.speechSynthesis !=undefined)
			{
				window.speechSynthesis.pause();
				window.speechSynthesis.cancel();
				var msg = new SpeechSynthesisUtterance("点击确定后开始说话：");
				window.speechSynthesis.speak(msg);
			}
			alert("点击确定后开始说话");
			HZRecorder.get(function (rec) {
                recorder = rec;
                recorder.start();
            });
		}
	);
	$("#voice_recognition").click(
		function()
		{
			recorder.stop();
			recorder.upload("https://holer50861.restclient.cn/get_pcm/", function (my_message) {   //需要改为映射之后的ip
			
			if(my_message=="一线")
					my_message="胰腺";
			var my_message_test ="你说的是："+my_message;
			if(window.speechSynthesis !=undefined)
			{								
				var msg = new SpeechSynthesisUtterance(my_message_test);
				window.speechSynthesis.speak(msg);			
			}
			var my_flag = confirm(my_message_test);
			if(my_message=="三维医学图像分割"&&my_flag)
			{
				window.location.replace('image_3D_segmentation.html');
			}
			else if(my_message=="文字检索系统"&&my_flag)
			{
				window.location.replace('show_search_text.html');
			}
			else if(my_message=="图像检索系统"&&my_flag)
			{
				window.location.replace('show_search_pic.html');
			}
			else if(my_message=="二维医学图像分割"&&my_flag)
			{
				window.location.replace('Image_binary_segmentation.html');
			}
			else if(my_message=="图像切分"&&my_flag)
			{
				window.location.replace('image_crop.html');
			}				
			else if((my_message=="肝癌"||my_message=="肝囊肿"||my_message=="肝血管瘤")&&my_flag)
			{
			$("#loadingDiv").show();
			var formData = new FormData();
		    formData.append('content',my_message);
		    formData.append('mode',"lesion");
			$.ajax({
	            url:"https://holer50861.restclient.cn/project/word_search/",
	            type:"post",
	            data:formData,
				dataType:"json",
				processData: false,
				contentType: false,
	            success: function(info) {
	            	$("#loadingDiv").hide();
	            	//alert(info);
					json=info;
					//alert(json.test);
					urls=json.result;
					
					lesionname=json.name;
					introduce=json.introduce;
					datanum=urls.length;
					//alert(urls[0]);
					
					nowpage=1;
					pagenum=Math.ceil(datanum/9);
					$("#pagenum").text(nowpage+"/"+pagenum);
					$("#datanum").text("共"+datanum+"条");
					if(datanum==0)
					{
						if(window.speechSynthesis !=undefined)
						{
							var msg = new SpeechSynthesisUtterance("抱歉，目前影像库中没有该病变影像");
							window.speechSynthesis.speak(msg);
						}
						alert("抱歉，目前影像库中没有该病变影像");
						return;
					}
					else
					{
						$("#organ_lesion_form").css("display","block");
						$("#info_form").css("display","block");
						$("#organ_lesion").text("病变名称:");
						$("#organname_lesionname").text(lesionname);
						$("#info_name").text("病变介绍:");
						$("#info_name_content").text(introduce);
						var msg1 = "该病变名称为:"+lesionname;
						if(window.speechSynthesis !=undefined)
						{
							var msg = new SpeechSynthesisUtterance(msg1);
							window.speechSynthesis.speak(msg);
							msg1 = "目前影像库中该病变影像有:"+datanum+"条结果";
							msg = new SpeechSynthesisUtterance(msg1);
							window.speechSynthesis.speak(msg);
							msg1 = "下面为您介绍该病变:"+introduce;
							msg = new SpeechSynthesisUtterance(msg1);
							window.speechSynthesis.speak(msg);
						}
					}
					$("tbody").empty();
					if(datanum<9)
					{
						for(var i=0;i<datanum;i=i+3)
						{
							if(datanum-i>=3)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
							}
							else if(datanum-i==2)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
							}
							else if(datanum-i==1)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
							}
						}
					}
					else
					{
						for(var i=0;i<9;i=i+3)
						{
							$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
						}
					}
					$j(".list_images").imgbox({
						'speedIn'		: 0,
						'speedOut'		: 0,
						'alignment'		: 'center',
						'overlayShow'	: true,
						'allowMultiple'	: false		
					});
	            },
	            error:function(data) {
					$("#loadingDiv").hide();
	                if(window.speechSynthesis !=undefined)
					{
						var msg = new SpeechSynthesisUtterance("抱歉，目前影像库中没有该病变影像");
						window.speechSynthesis.speak(msg);
					}
					alert("抱歉，目前影像库中没有该病变影像");
	            }
	        });
			}
			else if((my_message=="肝脏"||my_message=="肺部"||my_message=="半月板"||my_message=="淋巴结"||my_message=="胃部"||my_message=="膝关节"||my_message=="胰腺")&&my_flag)
			{
			
			$("#loadingDiv").show();
			var formData = new FormData();
		    formData.append('content',my_message);
		    formData.append('mode',"organ");
			$.ajax({
	            url:"https://holer50861.restclient.cn/project/word_search/",
	            type:"post",
	            data:formData,
				dataType:"json",
				processData: false,
				contentType: false,
	            success: function(info) {
	            	$("#loadingDiv").hide();
	            	//alert(info);
					json=info;
					//alert(json.test);
					urls=json.result;
					organname=json.name;
					console.log(organname);
					introduce=json.introduce;
					console.log(introduce);
					datanum=urls.length;
					nowpage=1;
					pagenum=Math.ceil(datanum/9);
					$("#pagenum").text(nowpage+"/"+pagenum);
					$("#datanum").text("共"+datanum+"条");
					if(datanum==0)
					{
						if(window.speechSynthesis !=undefined)
						{
							var msg = new SpeechSynthesisUtterance("抱歉，目前影像库中没有该器官影像");
							window.speechSynthesis.speak(msg);
						}
						alert("抱歉，目前影像库中没有该器官影像");
						return;
					}
					else
					{					
						$("#organ_lesion_form").css("display","block");
						$("#info_form").css("display","block");
						$("#organ_lesion").text("器官名称:");
						$("#organname_lesionname").text(organname);
						$("#info_name").text("器官介绍:");
						$("#info_name_content").text(introduce);
						var msg1 = "该器官名称为:"+organname;
						if(window.speechSynthesis !=undefined)
						{
							var msg = new SpeechSynthesisUtterance(msg1);
							window.speechSynthesis.speak(msg);
							msg1 = "目前影像库中该器官影像有:"+datanum+"条结果";
							msg = new SpeechSynthesisUtterance(msg1);
							window.speechSynthesis.speak(msg);
							msg1 = "下面为您介绍该器官:"+introduce;
							msg = new SpeechSynthesisUtterance(msg1);
							window.speechSynthesis.speak(msg);
						}
					}
					if(datanum<9)
					{
						for(var i=0;i<datanum;i=i+3)
						{
							if(datanum-i>=3)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
							}
							else if(datanum-i==2)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
							}
							else if(datanum-i==1)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
							}
						}
					}
					else
					{
						for(var i=0;i<9;i=i+3)
						{
							$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
						}
					}
					$j(".list_images").imgbox({
						'speedIn'		: 0,
						'speedOut'		: 0,
						'alignment'		: 'center',
						'overlayShow'	: true,
						'allowMultiple'	: false		
					});
	            },
	            error:function(data) {
					$("#loadingDiv").hide();
					{
						var msg = new SpeechSynthesisUtterance("抱歉，目前影像库中没有该器官影像");
						window.speechSynthesis.speak(msg);
					}
						alert("抱歉，目前影像库中没有该器官影像");
	            }
	        });
			}
			else if (my_flag)
			{
				if(window.speechSynthesis !=undefined)
				{
				var msg = new SpeechSynthesisUtterance("抱歉，目前影像库中没有该病变影像");
				window.speechSynthesis.speak(msg);
				}
				alert("抱歉，目前影像库中没有该病变影像");
				return;
			}
            });
		}
	);
	$("#findByOrgan").click(
	function()
	{
		if(window.speechSynthesis !=undefined)
		{
			window.speechSynthesis.pause();
			window.speechSynthesis.cancel();
		}
		$("tbody").empty();
		$("#organ_lesion_form").css("display","none");
		$("#info_form").css("display","none");
		organ=$("#inputcontent").val();
		if(organ=="")
		{
			if(window.speechSynthesis !=undefined)
			{
				var msg = new SpeechSynthesisUtterance("请输入检索关键字");
				window.speechSynthesis.speak(msg);
			}
			alert("请输入检索关键字");
		}
		else
		{
			$("#loadingDiv").show();
			var formData = new FormData();
		    formData.append('content',$("#inputcontent").val());
		    formData.append('mode',"organ");
			$.ajax({
	            url:"https://holer50861.restclient.cn/project/word_search/",
	            type:"post",
	            data:formData,
				dataType:"json",
				processData: false,
				contentType: false,
	            success: function(info) {
	            	$("#loadingDiv").hide();
	            	//alert(info);
					json=info;
					//alert(json.test);
					urls=json.result;
					organname=json.name;
					console.log(organname);
					introduce=json.introduce;
					console.log(introduce);
					datanum=urls.length;
					nowpage=1;
					pagenum=Math.ceil(datanum/9);
					$("#pagenum").text(nowpage+"/"+pagenum);
					$("#datanum").text("共"+datanum+"条");
					if(datanum==0)
					{
						if(window.speechSynthesis !=undefined)
						{
							var msg = new SpeechSynthesisUtterance("抱歉，目前影像库中没有该器官影像");
							window.speechSynthesis.speak(msg);
						}
						alert("抱歉，目前影像库中没有该器官影像");
						return;
					}
					else
					{					
						$("#organ_lesion_form").css("display","block");
						$("#info_form").css("display","block");
						$("#organ_lesion").text("器官名称:");
						$("#organname_lesionname").text(organname);
						$("#info_name").text("器官介绍:");
						$("#info_name_content").text(introduce);
						var msg1 = "该器官名称为:"+organname;
						if(window.speechSynthesis !=undefined)
						{
						var msg = new SpeechSynthesisUtterance(msg1);
						window.speechSynthesis.speak(msg);
						msg1 = "目前影像库中该器官影像有:"+datanum+"条结果";
						msg = new SpeechSynthesisUtterance(msg1);
						window.speechSynthesis.speak(msg);
						msg1 = "下面为您介绍该器官:"+introduce;
						msg = new SpeechSynthesisUtterance(msg1);
						window.speechSynthesis.speak(msg);
						}
					}
					if(datanum<9)
					{
						for(var i=0;i<datanum;i=i+3)
						{
							if(datanum-i>=3)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
							}
							else if(datanum-i==2)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
							}
							else if(datanum-i==1)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
							}
						}
					}
					else
					{
						for(var i=0;i<9;i=i+3)
						{
							$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
						}
					}
					$j(".list_images").imgbox({
						'speedIn'		: 0,
						'speedOut'		: 0,
						'alignment'		: 'center',
						'overlayShow'	: true,
						'allowMultiple'	: false		
					});
	            },
	            error:function(data) {
					$("#loadingDiv").hide();
					if(window.speechSynthesis !=undefined)
					{
					var msg = new SpeechSynthesisUtterance("抱歉，目前影像库中没有该器官影像");
					window.speechSynthesis.speak(msg);
					}
					alert("抱歉，目前影像库中没有该器官影像");
	            }
	        });
		}
	});
	/*病变检索 拿到json urls即可*/
	$("#findByLesion").click(
	function()
	{
		if(window.speechSynthesis !=undefined)
		{
			window.speechSynthesis.pause();
			window.speechSynthesis.cancel();
		}
		$("tbody").empty();
		$("#organ_lesion_form").css("display","none");
		$("#info_form").css("display","none");
		lesion=$("#inputcontent").val();
		if(lesion=="")
		{
			if(window.speechSynthesis !=undefined)
			{
				var msg = new SpeechSynthesisUtterance("请输入检索关键字!");
				window.speechSynthesis.speak(msg);
			}
			alert("请输入检索关键字");
		}
		else
		{
			$("#loadingDiv").show();
			var formData = new FormData();
		    formData.append('content',$("#inputcontent").val());
		    formData.append('mode',"lesion");
			$.ajax({
	            url:"https://holer50861.restclient.cn/project/word_search/",
	            type:"post",
	            data:formData,
				dataType:"json",
				processData: false,
				contentType: false,
	            success: function(info) {
	            	$("#loadingDiv").hide();
	            	//alert(info);
					json=info;
					//alert(json.test);
					urls=json.result;
					
					lesionname=json.name;
					introduce=json.introduce;
					datanum=urls.length;
					//alert(urls[0]);
					
					nowpage=1;
					pagenum=Math.ceil(datanum/9);
					$("#pagenum").text(nowpage+"/"+pagenum);
					$("#datanum").text("共"+datanum+"条");
					if(datanum==0)
					{
						if(window.speechSynthesis !=undefined)
						{	
							var msg = new SpeechSynthesisUtterance("抱歉，目前影像库中没有该病变影像");
							window.speechSynthesis.speak(msg);
						}
						alert("抱歉，目前影像库中没有该病变影像");
						return;
					}
					else
					{
						$("#organ_lesion_form").css("display","block");
						$("#info_form").css("display","block");
						$("#organ_lesion").text("病变名称:");
						$("#organname_lesionname").text(lesionname);
						$("#info_name").text("病变介绍:");
						$("#info_name_content").text(introduce);
						var msg1 = "该病变名称为:"+lesionname;
						if(window.speechSynthesis !=undefined)
						{
						var msg = new SpeechSynthesisUtterance(msg1);
						window.speechSynthesis.speak(msg);
						msg1 = "目前影像库中该病变影像有:"+datanum+"条结果";
						msg = new SpeechSynthesisUtterance(msg1);
						window.speechSynthesis.speak(msg);
						msg1 = "下面为您介绍该病变:"+introduce;
						msg = new SpeechSynthesisUtterance(msg1);
						window.speechSynthesis.speak(msg);
						}
					}
					$("tbody").empty();
					if(datanum<9)
					{
						for(var i=0;i<datanum;i=i+3)
						{
							if(datanum-i>=3)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
							}
							else if(datanum-i==2)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
							}
							else if(datanum-i==1)
							{
								$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
							}
						}
					}
					else
					{
						for(var i=0;i<9;i=i+3)
						{
							$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
						}
					}
					$j(".list_images").imgbox({
						'speedIn'		: 0,
						'speedOut'		: 0,
						'alignment'		: 'center',
						'overlayShow'	: true,
						'allowMultiple'	: false		
					});
	            },
	            error:function(data) {
					$("#loadingDiv").hide();
	                if(window.speechSynthesis !=undefined)
					{
					var msg = new SpeechSynthesisUtterance("抱歉，目前影像库中没有该病变影像");
					window.speechSynthesis.speak(msg);
					}
					alert("抱歉，目前影像库中没有该病变影像");
	            }
	        });
		}
	});
	
	/*首页点击事件*/
	$("#gotofirst").click(function()
	{
		$("tbody").empty();
		nowpage=1;
		$("#pagenum").text(nowpage+"/"+pagenum);
		$("#datanum").text("共"+datanum+"条");
		if(datanum<9)
		{
			for(var i=0;i<datanum;i=i+3)
			{
				if(datanum-i>=3)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
				}
				else if(datanum-i==2)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
				}
				else if(datanum-i==1)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
				}
			}
		}
		else
		{
			for(var i=0;i<9;i=i+3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
			}
		}
		$j(".list_images").imgbox({
			'speedIn'		: 0,
			'speedOut'		: 0,
			'alignment'		: 'center',
			'overlayShow'	: true,
			'allowMultiple'	: false		
		});
	});
	/*下一页点击事件*/
	$("#gotonext").click(function()
	{
		if(nowpage==pagenum)
		{
			if(window.speechSynthesis !=undefined)
			{
				var msg = new SpeechSynthesisUtterance("已经是最后一页了");
				window.speechSynthesis.speak(msg);
			}
			alert("已经是最后一页了");
			
		}
		else if(nowpage+1==pagenum)
		{
			//alert("要显示最后一页了");
			$("tbody").empty();
			for(var i=9*(pagenum-1);i<datanum;i=i+3)
			{
				if(datanum-i>=3)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
				}
				else if(datanum-i==2)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
				}
				else if(datanum-i==1)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
				}
			}
			nowpage=nowpage+1;
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
		else
		{
			$("tbody").empty();
			for(var i=9*nowpage;i<9*nowpage+9;i=i+3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
			}
			nowpage=nowpage+1;
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
	});
	/*上一页点击事件*/
	$("#gotopre").click(function()
	{
		if(nowpage==1)
		{
			if(window.speechSynthesis !=undefined)
			{
			var msg = new SpeechSynthesisUtterance("已经是第一页了");
			window.speechSynthesis.speak(msg);
			}
			alert("已经是第一页了");
		}
		else
		{
			nowpage=nowpage-1;
			$("tbody").empty();
			for(var i=9*(nowpage-1);i<9*(nowpage-1)+9;i=i+3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody");			
			}
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
	});
	/*尾页点击事件*/
	$("#gotolast").click(function()
	{
		$("tbody").empty();
		for(var i=9*(pagenum-1);i<datanum;i=i+3)
		{
			if(datanum-i>=3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
			}
			else if(datanum-i==2)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
			}
			else if(datanum-i==1)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
			}
		}
		nowpage=pagenum;
		$("#pagenum").text(nowpage+"/"+pagenum);
		$j(".list_images").imgbox({
			'speedIn'		: 0,
			'speedOut'		: 0,
			'alignment'		: 'center',
			'overlayShow'	: true,
			'allowMultiple'	: false		
		});
	});
	/*转到某页点击事件*/
	$("#gopage_number").click(function()
	{
		var pagenumber=parseInt($("#selectnumber").val());
		if(pagenumber<1)
		{
			if(window.speechSynthesis !=undefined)
			{
			var msg = new SpeechSynthesisUtterance("选择的页号超出了范围");
			window.speechSynthesis.speak(msg);
			}
			alert("选择的页号超出了范围");
		}
		else if(pagenumber<pagenum)
		{
			$("tbody").empty();
			for(var i=9*(pagenumber-1);i<9*(pagenumber-1)+9;i=i+3)
			{
				$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody");			
			}
			nowpage=pagenumber;
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
		else if(pagenumber==pagenum)
		{
			$("tbody").empty();
			for(var i=9*(pagenum-1);i<datanum;i=i+3)
			{
				if(datanum-i>=3)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> <td><a class=\"list_images\" href=\""+urls[i+2]+"\"><img src=\""+urls[i+2]+"\"/></a></td></tr>").appendTo("tbody")
				}
				else if(datanum-i==2)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> <td> <a class=\"list_images\" href=\""+urls[i+1]+"\"><img src=\""+urls[i+1]+"\"/></a></td> </tr>").appendTo("tbody")
				}
				else if(datanum-i==1)
				{
					$("<tr><td><a class=\"list_images\" href=\""+urls[i]+"\"><img src=\""+urls[i]+"\"/></a></td> </tr>").appendTo("tbody")
				}
			}
			nowpage=pagenum;
			$("#pagenum").text(nowpage+"/"+pagenum);
			$j(".list_images").imgbox({
				'speedIn'		: 0,
				'speedOut'		: 0,
				'alignment'		: 'center',
				'overlayShow'	: true,
				'allowMultiple'	: false		
			});
		}
		else
		{
			if(window.speechSynthesis !=undefined)
			{
			var msg = new SpeechSynthesisUtterance("选择的页号超出了范围");
			window.speechSynthesis.speak(msg);
			}
			alert("选择的页号超出了范围");
		}
	});
	$j(".list_images").imgbox({
		'speedIn'		: 0,
		'speedOut'		: 0,
		'alignment'		: 'center',
		'overlayShow'	: true,
		'allowMultiple'	: false		
	});
});