
var angle = 0;
function addSquareness() {
	if (angle != 0) {
		window.alert("\u8bf7\u5c06\u7167\u7247\u65cb\u8f6c\u8fd8\u539f\u518d\u6dfb\u52a0\u5708\u5708\uff01");
		return;
	}
	var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event;
	var sqDiv = Dom.get("sq");
	if (window.crop == undefined) {
		window.crop = new YAHOO.widget.ImageCropper("mainImage", {initialXY:[20, 20], initHeight:50, initWidth:50, keyTick:5, shiftKeyTick:50});
		window.crop.on("moveEvent", function () {
			var region = window.crop.getCropCoords();
			sqDiv.style.top = region.height + region.top + 5 + "px";
			sqDiv.style.left = region.left + "px";
		});
		var region = window.crop.getCropCoords();
		Dom.get("mainImage_wrap").appendChild(sqDiv);
		sqDiv.style.top = region.height + region.top + 5 + "px";
		sqDiv.style.left = region.left + "px";
		sqDiv.style.visibility = "visible";
		YAHOO.util.Dom.setStyle("deletebtn", "display", "none");
	} else {
	}
}
var tmpSquareness = null;
function modifySquareness(squarenessId, photoNickName, sqNewnaiNum, photoId, photoNewnaiNum, obj, desc, posX, posY, width, height) {
	if (angle != 0) {
		window.alert("\u8bf7\u5c06\u7167\u7247\u65cb\u8f6c\u8fd8\u539f\u518d\u6dfb\u52a0\u5708\u5708\uff01");
		return;
	}
	var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event;
	var sqDiv = Dom.get("sq");
	if (window.crop == undefined) {
		desc = YAHOO.util.Dom.getElementsByClassName("sq_msg", "SPAN", obj)[0].innerHTML;
		if(desc.toLowerCase().indexOf(" - <span>" > 0)){
			desc = desc.toLowerCase().split(" - <span>")[0];
		}
		YAHOO.util.Dom.get("squarenessDesc").value = desc;
		window.crop = new YAHOO.widget.ImageCropper("mainImage", {initialXY:[posY, posX], initHeight:height, initWidth:width, keyTick:5, shiftKeyTick:50});
		window.crop.on("moveEvent", function () {
			var region = window.crop.getCropCoords();
			sqDiv.style.top = region.height + region.top + 5 + "px";
			sqDiv.style.left = region.left + "px";
		});
		var pos = (-posX) + "px " + (-posY) + "px";
		var mark = YAHOO.util.Dom.getElementsByClassName("yui-crop-resize-mask", "DIV")[0];
		YAHOO.util.Dom.setStyle(mark, "background-position", pos);
		var region = window.crop.getCropCoords();
		Dom.get("mainImage_wrap").appendChild(sqDiv);
		sqDiv.style.top = region.height + region.top + 5 + "px";
		sqDiv.style.left = region.left + "px";
		sqDiv.style.visibility = "visible";
		YAHOO.util.Dom.setStyle("deletebtn", "display", "inline");
		YAHOO.util.Event.on("deletebtn", "click", function(){
			delSquareness(squarenessId, sqNewnaiNum, photoId, photoNewnaiNum, this);
		});
		tmpSquareness = {};
		tmpSquareness.squarenessId = squarenessId;
		tmpSquareness.newnaiNum = sqNewnaiNum;
		tmpSquareness.oldElm = obj;
		tmpSquareness.photoNickName = photoNickName;
	} else {
		tmpSquareness = null;
	}
}
function cancelSquareness(bl) {
	try{
	var Dom = YAHOO.util.Dom;
	var sqDiv = Dom.get("sq");
	sqDiv.style.visibility = "hidden";
	document.body.appendChild(sqDiv);
	var img = Dom.get("mainImage");
	var wrap = Dom.get("quanquan_wrap");
	var p = img.parentNode;
	wrap.removeChild(p);
	wrap.appendChild(img);
	window.crop = undefined;
	YAHOO.util.Dom.get("squarenessDesc").value = "\u5728\u8fd9\u91cc\u8f93\u5165\u6587\u5b57\u2026";
	}catch(e){
	}
	if (bl) {
		return;
	}
	tmpSquareness = null;
}
function createSquareness(newnaiNum, photoNickName, posX, posY, width, height, description, photoId, photoNewnaiNum, id) {
	var pp = YAHOO.util.Dom.get("quanquan_wrap");
	var div = document.createElement("DIV");
	var box = document.createElement("DIV");
	YAHOO.util.Dom.setStyle(box, "width", (width - 6) + "px");
	YAHOO.util.Dom.setStyle(box, "height", (height - 6) + "px");
	div.appendChild(box);
	YAHOO.util.Dom.addClass(div, "sq_boder");
	var p = document.createElement("P");
	YAHOO.util.Dom.setStyle(p, "top", (height + 2) + "px");
	YAHOO.util.Dom.setStyle(p, "left", "-1px");
	var msg = document.createElement("SPAN");
	YAHOO.util.Dom.addClass(msg, "sq_msg");
	if(photoNickName.length > 0){
		msg.innerHTML = description + " - <span><a href='showUserHomePage.do?newnaiNum="+newnaiNum+"' style='color: white;' onclick='event.cancelBubble=true;'>" + photoNickName + "</a></span>";
	}else{
		msg.innerHTML = description;
	}
	YAHOO.util.Dom.setStyle(msg,"background-color","rgb(16, 87, 174)");
	YAHOO.util.Dom.setStyle(msg,"color","rgb(255, 255, 255)");
	p.appendChild(msg);
	YAHOO.util.Dom.setStyle(p,"cursor","text");
	div.appendChild(p);
	var wrap = document.createElement("DIV");
	YAHOO.util.Dom.addClass(wrap, "show_sq");
	wrap.id = "squareness_" + id;
	YAHOO.util.Dom.setStyle(wrap, "left", posX + "px");
	YAHOO.util.Dom.setStyle(wrap, "top", posY + "px");
	YAHOO.util.Dom.setStyle(wrap, "position", "absolute");
	wrap.onmousemove = function () {
		squarenessIn(this);
	};
	wrap.onmouseout = function () {
		squarenessOut(this);
	};
	wrap.onclick = function(){
		modifySquareness(id, photoNickName, newnaiNum, photoId, photoNewnaiNum, this, description, posX, posY, width, height);
	};
	wrap.appendChild(div);
	wrap.lang = parseInt(width * height, 10);
	YAHOO.util.Dom.setStyle(wrap,"cursor","pointer");
	var sqList = YAHOO.util.Dom.getElementsByClassName("show_sq", "DIV", pp);
	if(sqList.length == 0){
		pp.insertBefore(wrap, pp.childNodes[0]);
	}else{
		var sib = sqList[sqList.length - 1];
		for(var i = 0; i < sqList.length; i++){
			if(wrap.lang > parseInt(sqList[i].lang, 10)){
				sib = sqList[i];
				break;
			}
		}
		pp.insertBefore(wrap, sib);
	}
}
function submitSquareness(photoId, photoNewnaiNum, photoNickName, newnaiNum) {
	if (newnaiNum == "") {
		window.alert("\u8bf7\u5148\u767b\u9646\u4e86\u518d\u6765\u5708\u7167\u7247\u5427\uff01");
		return;
	}
	if (YAHOO.util.Dom.get("squarenessDesc").value == "" || YAHOO.util.Dom.get("squarenessDesc").value == "\u5728\u8fd9\u91cc\u8f93\u5165\u6587\u5b57\u2026") {
		window.alert("\u5708\u5708\u4e0d\u80fd\u4e3a\u7a7a\uff01");
		return;
	}
	if(YAHOO.util.Dom.get("squarenessDesc").value.length > NEWNAI_PARAMS.squarenessLength){
		YAHOO.util.Dom.get("squarenessDesc").value = YAHOO.util.Dom.get("squarenessDesc").value.substr(0,NEWNAI_PARAMS.squarenessLength);
		alert("圈圈内容的长度应小于"+NEWNAI_PARAMS.squarenessLength+"个字，超出的部分系统将自动截取！");
	}
	if (window.crop != undefined) {
		var region = window.crop.getCropCoords();
		var description = YAHOO.util.Dom.get("squarenessDesc").value;
		var posX = region.left;
		var posY = region.top;
		var width = region.width;
		var height = region.height;
		var url = "doSquareness.do?method=add";
		var data = "";
		if (tmpSquareness != null) {
			if(newnaiNum != tmpSquareness.newnaiNum){
				photoNickName = tmpSquareness.photoNickName;
			}else{
				photoNickName = "";
			}
			newnaiNum = tmpSquareness.newnaiNum;
			url = "doSquareness.do?method=modify";
			data = "&squaId=" + tmpSquareness.squarenessId + "&description=" + description + "&posX=" + posX + "&posY=" + posY + "&width=" + width + "&height=" + height;
		}else{
			photoNickName = "";
			data = "&photoId=" + photoId + "&newnaiNum=" + newnaiNum + "&description=" + description + "&posX=" + posX + "&posY=" + posY + "&width=" + width + "&height=" + height;
		}
		cancelSquareness(true);
		var opt = {success:function (o) {
			var message = [];
			message = o.responseText;
			if (message.length == 0) {
				window.alert("\u5708\u5708\u6dfb\u52a0\u5931\u8d25");
				tmpSquareness = null;
			} else {
				if (message.indexOf("ajax_success") == 0) {
					var id = 0;
					if (tmpSquareness != null) {
						id = tmpSquareness.squarenessId;
						tmpSquareness = null;
						var sq = YAHOO.util.Dom.get("squareness_" + id);
						sq.parentNode.removeChild(sq);
					}else{
						id = message.split(",")[1];
					}
					createSquareness(newnaiNum, photoNickName, posX, posY, width, height, description, photoId, photoNewnaiNum, id);
				} else {
					window.alert("\u5708\u5708\u6dfb\u52a0\u5931\u8d25");
					tmpSquareness = null;
				}
			}
			tmpSquareness = null;
		}, failure:function (o) {
			alert("AJAX\u8bf7\u6c42\u5f02\u5e38");
			cancelSquareness();
		}};
		YAHOO.util.Connect.asyncRequest("POST", url, opt, data);
	}
}
function delSquareness(squarenessId, sqNewnaiNum, photoId, photoNewnaiNum, obj) {
	var url = "doSquareness.do?method=delete";
	var data = "&squaId=" + squarenessId + "&sqNewnaiNum=" + sqNewnaiNum + "&photoId=" + photoId + "&photoNewnaiNum=" + photoNewnaiNum;
	var opt = {success:function (o) {
		var message = [];
		message = o.responseText;
		if (message.length == 0) {
			window.alert("\u5708\u5708\u5220\u9664\u5931\u8d25");
		} else {
			if (message == "ajax_success") {
				var sq = YAHOO.util.Dom.get("squareness_" + squarenessId);
				sq.parentNode.removeChild(sq);
			} else {
				if (message == "notOwner") {
					window.alert("\u60a8\u4e0d\u662f\u7167\u7247\u7684\u62e5\u6709\u8005\uff0c\u6ca1\u6709\u6743\u5229\u5220\u9664\u5708\u5708\uff01");
				} else {
					if (message == "unLogin") {
						window.alert("\u60a8\u8fd8\u6ca1\u6709\u767b\u9646\uff01");
					} else {
						window.alert("\u5708\u5708\u5220\u9664\u5931\u8d25");
					}
				}
			}
		}
	}, failure:function (o) {
		alert("AJAX\u8bf7\u6c42\u5f02\u5e38");
	}};
	YAHOO.util.Connect.asyncRequest("POST", url, opt, data);
}
function rotateAntiClockwiseImg() {
	if (!document.all) {
		window.alert("\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u8be5\u529f\u80fd\uff0c\u8bf7\u4f7f\u7528IE\u6765\u8bd5\u8bd5\u5427!");
		return;
	}
	angle = (angle == 0) ? 3 : --angle;
	rotateWH("quanquan_wrap");
	document.getElementById("mainImage").style.filter = "progid:DXImageTransform.Microsoft.BasicImage(Rotation=" + angle + ")";
	rotateSquarenesses();
}
function rotateClockwiseImg() {
	if (!document.all) {
		window.alert("\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u8be5\u529f\u80fd\n\u8bf7\u4f7f\u7528IE\u518d\u8bd5\u8bd5\u5427!");
		return;
	}
	angle = (angle == 3) ? 0 : ++angle;
	rotateWH("quanquan_wrap");
	document.getElementById("mainImage").style.filter = "progid:DXImageTransform.Microsoft.BasicImage(Rotation=" + angle + ")";
	rotateSquarenesses();
}
function rotateWH(obj) {
	var w = YAHOO.util.Dom.getStyle(obj, "width");
	var h = YAHOO.util.Dom.getStyle(obj, "height");
	if (obj.saveWidth == undefined) {
		obj.saveWidth = w;
		obj.saveHeight = h;
	}
	YAHOO.util.Dom.setStyle(obj, "width", h);
	YAHOO.util.Dom.setStyle(obj, "height", w);
	return [h, w];
}
function rotateLT(obj, wrap, wh) {
	var l = YAHOO.util.Dom.getStyle(obj, "left");
	var t = YAHOO.util.Dom.getStyle(obj, "top");
	if (obj.saveLeft == undefined) {
		obj.saveLeft = l;
		obj.saveTop = t;
	}
	var w = YAHOO.util.Dom.getStyle(wrap, "width");
	var h = YAHOO.util.Dom.getStyle(wrap, "height");
	switch (angle) {
	  case 0:
		YAHOO.util.Dom.setStyle(obj, "left", obj.saveLeft);
		YAHOO.util.Dom.setStyle(obj, "top", obj.saveTop);
		break;
	  case 1:
		YAHOO.util.Dom.setStyle(obj, "left", (parseFloat(w) - parseFloat(wh[0]) - 6 - parseFloat(obj.saveTop)) + "px");
		YAHOO.util.Dom.setStyle(obj, "top", obj.saveLeft);
		break;
	  case 2:
		YAHOO.util.Dom.setStyle(obj, "left", (parseFloat(w) - parseFloat(wh[0]) - 6 - parseFloat(obj.saveLeft)) + "px");
		YAHOO.util.Dom.setStyle(obj, "top", (parseFloat(h) - parseFloat(wh[1]) - 6 - parseFloat(obj.saveTop)) + "px");
		break;
	  case 3:
		YAHOO.util.Dom.setStyle(obj, "left", obj.saveTop);
		YAHOO.util.Dom.setStyle(obj, "top", (parseFloat(h) - parseFloat(wh[1]) - 6 - parseFloat(obj.saveLeft)) + "px");
		break;
	}
	var msg = obj.getElementsByTagName("P")[0];
	YAHOO.util.Dom.setStyle(msg, "top", (parseFloat(wh[1]) + 8) + "px");
}
function rotateSquarenesses() {
	var wrap = YAHOO.util.Dom.get("quanquan_wrap");
	var sqs = YAHOO.util.Dom.getElementsByClassName("show_sq", "div", wrap);
	var boders = YAHOO.util.Dom.getElementsByClassName("sq_boder", "div", wrap);
	for (var i = 0; i < sqs.length; i++) {
		var wh = rotateWH(boders[i]);
		rotateLT(sqs[i], wrap, wh);
	}
}
function loadPaly() {
	if (document.URL.indexOf("play") != -1) {
		window.playTime = window.setTimeout(function () {
			var tag = playLink.substr((playLink.indexOf("#") + 1));
			var link = playLink.substr(0, playLink.indexOf("#"));
			if (link.indexOf("?") > 0) {
				link = link + "&play";
			} else {
				link = link + "?play";
			}
			link = link + "#" + tag;
			window.location.href = link;
		}, 5000);
		var a = document.getElementById("autoPlay");
		a.className = "pause";
		a.href = "javascript:sotp()";
		a.tittle = "\u6682\u505c\u64ad\u653e";
	} else {
		var a = document.getElementById("autoPlay");
		a.className = "";
		a.href = "javascript:play()";
		a.tittle = "\u81ea\u52a8\u64ad\u653e";
		a.innerHTML = "\u81ea\u52a8\u64ad\u653e";
	}
}
function play() {
	window.playTime = window.setTimeout(function () {
		var tag = playLink.substr((playLink.indexOf("#") + 1));
		var link = playLink.substr(0, playLink.indexOf("#"));
		if (link.indexOf("?") > 0) {
			link = link + "&play";
		} else {
			link = link + "?play";
		}
		link = link + "#" + tag;
		window.location.href = link;
	}, 5000);
	var a = document.getElementById("autoPlay");
	a.className = "pause";
	a.href = "javascript:sotp()";
	a.tittle = "\u6682\u505c\u64ad\u653e";
	a.innerHTML = "\u6682\u505c\u64ad\u653e";
}
function sotp() {
	var a = document.getElementById("autoPlay");
	a.className = "";
	a.href = "javascript:play()";
	a.tittle = "\u81ea\u52a8\u64ad\u653e";
	a.innerHTML = "\u81ea\u52a8\u64ad\u653e";
	window.clearTimeout(window.playTime);
}
function squarenessIn(obj) {
	if (obj.time != undefined) {
		window.clearTimeout(obj.time);
		obj.time = undefined;
	}
	YAHOO.util.Dom.addClass(obj, "hover");
}
function squarenessOut(obj) {
	if (obj.time != undefined) {
		window.clearTimeout(obj.time);
		obj.time = undefined;
	}
	obj.time = window.setTimeout(function () {
		YAHOO.util.Dom.removeClass(obj, "hover");
		obj.time = undefined;
	}, 500);
}


