// JavaScript Document
function $(){
	var elements = new Array();
	for(var i = 0; i < arguments.length; i++){
		var element = arguments[i];
		if(typeof element == 'string')
			element = document.getElementById(element);
		if(arguments.length == 1)
			return element;
		elements.push(element);
	}
	return elements;
}

//ZJBOX
var zjBoxShow = false;
var myBox;

function zjBox(){
	this.width = arguments[0];
	if(this.width == null) this.width = 400;
	this.height = arguments[1];
	if(this.height == null) this.height = 400;
	this.newwidth = 0;
	this.newheight = 0;
	this.loadinggif = "/images/loading.gif";
	this.init();
}

zjBox.prototype.init = function(){
	if(!document.getElementsByTagName){ return; }
	var anchors = document.getElementsByTagName("a");
	for(var i=0; i<anchors.length; i++){
		var anchor = anchors[i];
		var relAttribute = String(anchor.getAttribute("rel"));
		if(relAttribute.toLowerCase().match("zjbox")){
			anchor.onclick = function(){
				myBox.createBox();
				myBox.setBG();
				myBox.setBox(this);
				return false;
			}
		}
	}
}

zjBox.prototype.createBox = function(){
	if(!zjBoxShow){
		var objBody = document.getElementsByTagName("body").item(0);

		var objZjBox = document.createElement("div");
		objZjBox.setAttribute("id", "zjbox");
		objZjBox.style.display = "none";
		objBody.appendChild(objZjBox);

		var objOverlay = document.createElement("div");
		objOverlay.setAttribute("id", "zjoverlay");
		objOverlay.style.display = "none";
		//点击背景取消查看
//		objOverlay.onclick = function(){
//			myBox.Clean();
//			return false;
//		}
		objBody.appendChild(objOverlay);

		zjBoxShow = true;
	}
}

zjBox.prototype.setBG = function(){
	var olHeight;
	if(document.body.clientHeight < document.documentElement.clientHeight){
		olHeight = document.documentElement.clientHeight;
	}else{
		olHeight = document.body.clientHeight;
	}
	document.getElementById("zjoverlay").style.width = document.documentElement.clientWidth + "px";
	document.getElementById("zjoverlay").style.height = olHeight + "px";
	document.getElementById("zjoverlay").style.display = "";
}

zjBox.prototype.setBox = function(objlink){
	if(objlink.getAttribute("rel").toLowerCase().match("zjbox")){
		var sprel = objlink.getAttribute("rel").toLowerCase().split(",");
		myBox.newwidth = !isNaN(sprel[1]) ? Number(sprel[1]) : myBox.width;
		myBox.newheight = !isNaN(sprel[2]) ? Number(sprel[2]) : myBox.height;
		myBox.Loading();
		if(objlink.getAttribute("href").substring(objlink.getAttribute("href").length-3, objlink.getAttribute("href").length).toLowerCase() == "gif" || objlink.getAttribute("href").substring(objlink.getAttribute("href").length-3, objlink.getAttribute("href").length).toLowerCase() == "jpg"){
			var imgPreloader = new Image();
			imgPreloader.src = objlink.getAttribute("href");
			imgPreloader.onload = function(){
				var htmlcode;
				if(imgPreloader.width/imgPreloader.height >= myBox.newwidth/myBox.newheight){
					if(imgPreloader.width >= myBox.newwidth){
						htmlcode = "<div style=\"font-size:12px;text-align:right;color:#ff0000;width:auto;height:15px;overflow:hidden;\"><span style=\"cursor:pointer\" onclick=\"myBox.Clean()\">CLOSE</span></div><div style=\"width:"+myBox.newwidth+"px;height:"+myBox.newheight+"px;\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td align=\"center\" width=\""+myBox.newwidth+"\" height=\""+myBox.newheight+"\"><img src=\""+objlink.getAttribute("href")+"\" width=\""+myBox.newwidth+"\" border=\"0\" /></td></tr></table></div>";
					}else{
						htmlcode = "<div style=\"font-size:12px;text-align:right;color:#ff0000;width:auto;height:15px;overflow:hidden;\"><span style=\"cursor:pointer\" onclick=\"myBox.Clean()\">CLOSE</span></div><div style=\"width:"+myBox.newwidth+"px;height:"+myBox.newheight+"px;\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td align=\"center\" width=\""+myBox.newwidth+"\" height=\""+myBox.newheight+"\"><img src=\""+objlink.getAttribute("href")+"\" border=\"0\" /></td></tr></table></div>";
					}
				}else{

					if(imgPreloader.height >= myBox.newheight){
						htmlcode = "<div style=\"font-size:12px;text-align:right;color:#ff0000;width:auto;height:15px;overflow:hidden;\"><span style=\"cursor:pointer\" onclick=\"myBox.Clean()\">CLOSE</span></div><div style=\"width:"+myBox.newwidth+"px;height:"+myBox.newheight+"px;\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td align=\"center\" width=\""+myBox.newwidth+"\" height=\""+myBox.newheight+"\"><img src=\""+objlink.getAttribute("href")+"\" height=\""+myBox.newheight+"\" border=\"0\" /></td></tr></table></div>";
					}else{
						htmlcode = "<div style=\"font-size:12px;text-align:right;color:#ff0000;width:auto;height:15px;overflow:hidden;\"><span style=\"cursor:pointer\" onclick=\"myBox.Clean()\">CLOSE</span></div><div style=\"width:"+myBox.newwidth+"px;height:"+myBox.newheight+"px;\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td align=\"center\" width=\""+myBox.newwidth+"\" height=\""+myBox.newheight+"\"><img src=\""+objlink.getAttribute("href")+"\" border=\"0\" /></td></tr></table></div>";
					}
				}
				document.getElementById("zjbox").innerHTML = htmlcode;
				myBox.setPlace();
			}
			imgPreloader.src = objlink.getAttribute("href");
		}else{
			document.getElementById("zjbox").innerHTML = "<div style=\"font-size:12px;text-align:right;color:#ff0000;width:auto;height:15px;overflow:hidden;\"><span style=\"cursor:pointer\" onclick=\"myBox.Clean()\">CLOSE</span></div><iframe src=\""+objlink.getAttribute("href")+"\" width=\""+myBox.newwidth+"\" height=\""+myBox.newheight+"\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\"></iframe>";
			myBox.setPlace();
		}
	}
}

zjBox.prototype.Loading = function(){
	var boxLeft, boxTop;
	$("zjbox").innerHTML = "<div><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\""+myBox.newwidth+"\" height=\""+myBox.newheight+"\" align=\"center\"><img src=\""+myBox.loadinggif+"\" border=\"0\" /></td></tr></table></div>";
	$("zjbox").style.width = myBox.newwidth + "px";
	$("zjbox").style.height = myBox.newheight + 15 + "px";
	$("zjbox").style.display = "";
	//myBox.setPlace();
}

zjBox.prototype.setPlace = function(){
	var boxLeft, boxTop;
	boxLeft = Math.floor((document.documentElement.clientWidth - $("zjbox").clientWidth)/2);
	if(boxLeft < 0) boxLeft = 0;
	boxTop = Math.floor((document.documentElement.clientHeight - $("zjbox").clientHeight)/2);
	if(boxTop < 0) boxTop = 0;
	boxTop += document.documentElement.scrollTop;
	$("zjbox").style.left = boxLeft + "px";
	$("zjbox").style.top = boxTop + "px";
}

zjBox.prototype.Clean = function(){
	$("zjbox").style.display = "none";
	$("zjoverlay").style.display = "none";
}