var rsArray = {};
rsArray.imageOptType = "upload";
rsArray.mlselect = true;
rsArray.selectImageName = "";
rsArray.imagePath = "";
function tabproTab(m, n) {
	var tli = document.getElementById("tabproMenu" + m).getElementsByTagName("li");
	var mli = document.getElementById("tabproCont" + m).getElementsByTagName("ul");
	for (i = 0; i < tli.length; i++) {
		tli[i].className = i == n ? "proCur" : "";
		mli[i].style.display = i == n ? "block" : "none";
	}
	if (n == 0) {
		rsArray.imageOptType = "upload";
		rsArray.imagePath = "";
		rsArray.selectImageName = "";
	} else {
		if (n == 1) {
			rsArray.imageOptType = "browse";
			rsArray.imagePath = "";
		}
	}
	//alert(JSON.stringify(rsArray));
}
function imageUpload(idealerId) {
	
	$.getJSON("http://www.my-nissan.com.cn/mynissan/imgDialog.do?opt=initDialog&jsoncallback=?", {"dealerId":idealerId},function (data) {
		var htmlinner = "<div id=\"main\"><ul id=\"tabproMenu0\" class=\"tabproMenu0\"><li onclick=\"tabproTab(0,0)\" class=\"tabproCur\"><img src=\"http://www.e-nissan.com.cn/js/imagedialog/update.gif\" title=\"drive\"/>\u56fe\u7247\u4e0a\u4f20</li><li onclick=\"tabproTab(0,1)\"> <img src=\"http://www.e-nissan.com.cn/js/imagedialog/brouse.gif\" title=\"win\" />\u56fe\u7247\u6d4f\u89c8</li></ul><div id=\"tabproCont0\" class=\"tabproCont\"><ul class=\"tabproOn\"><div class=\"search\"><table width=\"754\"><tr><td colspan=\"2\"><strong>\u56fe\u7247\u4e0a\u4f20\uff1a(\u652f\u6301gif/jpeg/bmp/tif/jpeg)</strong></td></tr><tr><td colspan=\"2\">&nbsp;</td></tr><tr id=\"selectmlp\"><td width=\"15%\">\u9009\u62e9\u76ee\u5f55\uff1a</td><td width=\"85%\"><select name=\"select\" id=\"selectImagePath_upload\"><option value=\"\">\u8bf7\u9009\u62e9\u76ee\u5f55</option>";
		var optionhtml = "";
		var optionhtml1 = "";
		jQuery.each(data, function (i, n) {
			optionhtml += "<option value=\"" + n.dirName + "\">" + n.dirName + "</option>";
			optionhtml1 += "<option value=\"" + n.dirId + "\">" + n.dirName + "</option>";
		});
		htmlinner += optionhtml;
		htmlinner += "</select>\u6216\u8005<a href=\"#\" id=\"createml\">\u521b\u5efa\u76ee\u5f55</a></td></tr>";
		htmlinner += "<tr id=\"createmlp\" style=\"display: none\"><td width=\"15%\">\u521b\u5efa\u76ee\u5f55\uff1a</td><td width=\"85%\"><input name=\"mlpath\" id=\"mlpath\" />\u6216\u8005<a href=\"#\" id=\"selectml\">\u9009\u62e9\u76ee\u5f55</a></td></tr><tr><td colspan=\"2\">&nbsp;</td></tr><tr><td width=\"15%\">\u4e0a\u4f20\u56fe\u7247\uff1a</td><td width=\"85%\"><input name=\"upload\" id=\"upload\" type=\"file\" size=\"30\" class=\"inputFile\"></td></tr>";
		htmlinner += "<tr><td colspan=\"2\">&nbsp;</td></tr><tr><td colspan=\"2\" align=\"right\"><input type=\"button\" class=\"imgYes\" id=\"uploadImageB\"><input type=\"button\" class=\"imgCancel\" onclick=\"tb_remove()\"></td></tr></table></div></ul>";
		htmlinner += "<ul><div class=\"search\"><table><tr><td>\u8bf7\u9009\u62e9\u76ee\u5f55\uff1a&nbsp;</td><td><select name=\"imagesPath\" id=\"selectImagePath_browse\"><option value=\"\">\u8bf7\u9009\u62e9\u76ee\u5f55</option>";
		htmlinner += optionhtml1;
		htmlinner += "</select></td></tr></table>";
		htmlinner += "<span id=\"browseImageList\"></span><table width=\"753\"> <tr> <td>&nbsp;</td><td align=\"right\"><input type=\"button\" class=\"imgYes\" id=\"browseButton\"><input type=\"button\" class=\"imgCancel\" onclick=\"tb_remove()\"></td></tr></table></div></ul></div></div>";
		$("#imageBrowse").html(htmlinner);
		tb_show("", "#TB_inline?inlineId=imageBrowse&width=770&height=500&modal=true", false);
		//创建相册
		$("#createml").click(function () {
			rsArray.mlselect = false;
			$("#createmlp").show();
			$("#selectmlp").hide();
		});
		//选择相册
		$("#selectml").click(function () {
			rsArray.mlselect = true;
			$("#selectmlp").show();
			$("#createmlp").hide();
		});
		
		//上传图片
		$("#uploadImageB").click(function () {
			var uploadflag = true;
			rsArray.selectImageName = "";
			if (rsArray.mlselect == true) {
				rsArray.imagePath = $("#selectImagePath_upload").val();
			} else {
				rsArray.imagePath = $("#mlpath").val();
			}
			if (rsArray.imagePath == "") {
				alert("\u76ee\u5f55\u4e0d\u80fd\u4e3a\u7a7a");
				uploadflag = false;
			}
			//alert(JSON.stringify(rsArray));
			if (uploadflag == true) {
				$.ajaxFileUpload({url:"/ServletUpload?mlpath=" + encodeURI(encodeURI(rsArray.imagePath))+"&dealerId="+idealerId, secureuri:false, fileElementId:"upload", dataType:"html", success:successfunction, error:function (data, status, e) {
					alert(e);
				}});
			}
		});
		//选中图片确定
		$("#browseButton").click(function () {
			//alert(JSON.stringify(rsArray));
			var browsflag = true;
			if (rsArray.imagePath == "") {
				alert("\u8bf7\u9009\u62e9\u56fe\u7247");
				browsflag = false;
			}
			if (browsflag) {
				browseShow(rsArray.selectImageName);
			}
		});
		


		//搜索目录下的图片
		$("#selectImagePath_browse").change(function (e) {
			var jTarget = $(e.target);
			var ml = jTarget.val();
			if (ml != "") {
				$.getJSON("http://www.my-nissan.com.cn/mynissan/imgDialog.do?opt=getImages&jsoncallback=?", {"ml":ml}, function (jsonobj) {
					var jsonListt = jsonobj.jsonList;
					var htmlinner = "<table width=\"753\" cellspacing=\"5\" class=\"list\"><tr>";
					$.each(jsonListt, function (i, n) {
						htmlinner += "<td width=\"20%\" id=\"td_select_" + n.materialId +"\"><img src=\"http://www.e-nissan.com.cn/upload/" + n.materialUrl + "\" title=\"" + n.materialUrl + "\" class=\"imgover\" id=\"select_" + n.materialId + "\" name=\"bimages\" width=\"87\" height=\"120\"/></td>";
						if (i % 5 == 4) {
							htmlinner += "</tr><tr>";
						}
					});
					htmlinner += "</tr></table>";
					var pageinner = "<table width=\"753\"><tr><td>\u5171" + jsonobj.totalPageSize + "\u9875\uff0c\u6bcf\u987510\u6761\uff0c\u5f53\u524d" + jsonobj.currentPage + "/" + jsonobj.totalPageSize + "</td> <td align=\"right\"><a href=\"#\" name=\"1\" onclick=\"gePage('1','" + jsonobj.ml + "')\">\u7b2c\u4e00\u9875</a> |<a href=\"#\" onclick=\"gePage('" + (jsonobj.currentPage == 1 ? 1 : (jsonobj.currentPage - 1)) + "','" + jsonobj.ml + "')\">\u4e0a\u4e00\u9875</a> |<a href=\"#\" onclick=\"gePage('" + (jsonobj.currentPage == jsonobj.totalPageSize ? jsonobj.totalPageSize : (jsonobj.currentPage + 1)) + "','" + jsonobj.ml + "')\">\u4e0b\u4e00\u9875</a>|<a href=\"#\" onclick=\"gePage('" + jsonobj.totalPageSize + "','" + jsonobj.ml + "')\">\u672b\u9875</a></td></tr></table>";
					htmlinner += pageinner;
					$("#browseImageList").html(htmlinner);
					//init("bimages","87","120");
					$("img[id^='select']").click(function (e) {
						var jTarget = $(e.target);
						$("td").removeClass("pushOn");
						$("td[id='td_"+jTarget.attr("id")+"']").addClass("pushOn");
						rsArray.selectImageName = jTarget.attr("title");
						rsArray.imagePath = $("#selectImagePath_browse").val();
						//alert(JSON.stringify(rsArray));
					});
				});
			}
		});
	});
}
function gePage(page, ml) {
	$.getJSON("http://www.my-nissan.com.cn/mynissan/imgDialog.do?opt=getImages&jsoncallback=?", {"ml":ml, "page":page}, function (jsonobj) {
		var jsonListt = jsonobj.jsonList;
		var htmlinner = "<table width=\"753\" cellspacing=\"5\" class=\"list\"><tr>";
		$.each(jsonListt, function (i, n) {
			htmlinner += "<td width=\"20%\" id=\"td_select_" + n.materialId +"\"><img src=\"http://www.e-nissan.com.cn/upload/" + n.materialUrl + "\" name=\"bimages\" width=\"87\" height=\"120\" title=\"" + n.materialUrl + "\" class=\"imgover\" id=\"select_" + n.materialId + "\"/></td>";
			if (i % 5 == 4) {
				htmlinner += "</tr><tr>";
			}
		});
		htmlinner += "</tr></table>";
		var pageinner = "<table width=\"753\"><tr><td>\u5171" + jsonobj.totalPageSize + "\u9875\uff0c\u6bcf\u987510\u6761\uff0c\u5f53\u524d" + jsonobj.currentPage + "/" + jsonobj.totalPageSize + "</td> <td align=\"right\"><a href=\"#\" name=\"1\" onclick=\"gePage('1','" + jsonobj.ml + "')\">\u7b2c\u4e00\u9875</a> |<a href=\"#\" onclick=\"gePage('" + (jsonobj.currentPage == 1 ? 1 : (jsonobj.currentPage - 1)) + "','" + jsonobj.ml + "')\">\u4e0a\u4e00\u9875</a> |<a href=\"#\" onclick=\"gePage('" + (jsonobj.currentPage == jsonobj.totalPageSize ? jsonobj.totalPageSize : (jsonobj.currentPage + 1)) + "','" + jsonobj.ml + "')\">\u4e0b\u4e00\u9875</a>|<a href=\"#\" onclick=\"gePage('" + jsonobj.totalPageSize + "','" + jsonobj.ml + "')\">\u672b\u9875</a></td></tr></table>";
		htmlinner += pageinner;
		$("#browseImageList").html(htmlinner);
		//init("bimages","87","120");
		$("img[id^='select']").click(function (e) {
			var jTarget = $(e.target);
			$("td").removeClass("pushOn");
			$("td[id='td_"+jTarget.attr("id")+"']").addClass("pushOn");
			rsArray.selectImageName = jTarget.attr("title");
			rsArray.imagePath = $("#selectImagePath_browse").val();
						//alert(JSON.stringify(rsArray));
		});
	});
}

function init(name,width,height)
		{
			RsizeAllImageByName(name, width, height);
		}
		
		function RsizeAllImageByName(name, W, H)
		{
			var imgs = document.getElementsByTagName("img");
				for(var i=0; i<imgs.length; i++)
				{
					if(imgs[i].name == name)
				{
					ResizeImage(imgs[i], W, H);
				}
			}
		}
		
		function ResizeImage(imageDest, W, H)
		{
			//显示框宽度W,高度H 
			var image = new Image();
			image.src = imageDest.src;
			if(image.width>0 && image.height>0)
			{
			    //比较纵横比
			    if(image.width/image.height >= W/H)//相对显示框：宽>高
			    {
			     if(image.width > W) //宽度大于显示框宽度W，应压缩高度
			     {
			               imageDest.width = W; 
			               imageDest.height = (image.height*W)/image.width;   
			              }
			     else //宽度少于或等于显示框宽度W，图片完全显示
			     {
			               imageDest.width = image.width;       
			               imageDest.height = image.height;   
			              }
			    }
			    else//同理
			    {
			     if(image.height > H)
			     {
			               imageDest.height = H;
			               imageDest.width = (image.width*H)/image.height;
			              }
			     else
			     {
			               imageDest.width = image.width;
			               imageDest.height = image.height;
			              }
			    }
			}
		}