document.writeln("<script src='/prototype.js' type='text/javascript'><\/script>");
document.writeln("<script src='/effects.js' type='text/javascript'><\/script>");

var BLOG_TPL_PATH = "http://js.pp.sohu.com/ppp/blog/themes_ppp_1124/"
var XN_TPL_PATH   = "http://xiaonei.chinaren.com/themes/"

var themesDef = {
	xn02:{ path:XN_TPL_PATH, suffix:".jpg", bgop:true },
	c1001:{ path:XN_TPL_PATH, bgop:true },
	c1002:{ path:XN_TPL_PATH, bgop:true },
	"default":{ suffix:".jpg", bgop:true },
	p21:{ suffix:".jpg", bgop:true },
	p22:{ suffix:".jpg", bgop:true },
	p23:{ path:XN_TPL_PATH, bgop:true },
	p24:{ bgop:true },
	p1002:{ suffix:".jpg", bgop:true }
};

var themesCool = {
	xiaonei:{ path:XN_TPL_PATH, suffix:".jpg", bgop:true },
	p25:{ },
	p1001:{ suffix:".jpg" },
	p1003:{ suffix:".jpg" },
	p1004:{ suffix:".jpg" },
	p1005:{ suffix:".jpg" },
	p1006:{ suffix:".jpg" },
	p2002:{ suffix:".jpg" },
	p1007:{ },
	p1008:{ },
	p1009:{ },
	p1010:{ },
	p1011:{ },
	p1012:{ },
	p1013:{ },
	p1014:{ },
	p1015:{ },
	p1016:{ },
	p1017:{ },
	p1018:{ },
	p1019:{ },
	p1020:{ },
	p1021:{ },
	p1022:{ },
	p1023:{ },
	p1024:{ },
	p1025:{ },
	p1026:{ },
	p1027:{ },
	p1028:{ },
	p1029:{ }
};

function overThis(o) { o.parentNode.className = "menuSub-out menuSub-over"; }
function outThis(o) { o.parentNode.className = "menuSub-out"; }

function chooseTheme(id) {
	var cssObj = $("themeCss");
	try {
		var item = themesDef[id] || themesCool[id];
		var path = (item.path) ? item.path : BLOG_TPL_PATH;
		var bgop = (item.bgop) ? item.bgop : false;

		var url = "/user/theme.jsp";
		var pars = "m=update";
		pars += "&theme=" + id;

		var f = function(response) {
			var xmldoc = response.responseXML;
			var root = xmldoc.getElementsByTagName('result').item(0);
			if (!root){
				//alert("系统错误, 请稍后再试!");
				return;
			}

			try {
				var status = root.getElementsByTagName('status').item(0).firstChild.data;
				var message = root.getElementsByTagName('message').item(0).firstChild.data;
				if(status==200){
					return;
				}
			} catch(e) {
				//alert("系统错误, 请稍后再试!");
				return;
			}
		}
		
		new Ajax.Request(
			url,
			{ method:"post", parameters:pars, onSuccess:f, onFailure:f }
		);

		var uri = document.location.pathname;
		if (uri.equals("/user/space.jsp")) {
			/* control background by theme */
			if (bgop) {
				$("modContainer").className = "setbg";
				try { $("m_r5").style.display = "block"; } catch(e) {};
			} else {
				$("modContainer").className = "unsetbg";
				try { $("m_r5").style.display = "none"; } catch(e) {};
			}
		}

		cssObj.href = path + id + "/style.css";
	} catch(e) {}
}

function mkThemeMenu(arr) {
	var ostr = "";
	for (var i in arr) {
		var id = i;
		var item = arr[i];
		var path = (item.path) ? item.path : BLOG_TPL_PATH;
		var suffix = (item.suffix) ? item.suffix : ".gif";
		ostr += "<div title=" + id + " class='menuSub-out menuSub-active'><img src='" + path + id + "/sample" + suffix + "' onmouseover='overThis(this)' onmouseout='outThis(this)' onclick='chooseTheme(\"" + id + "\")' /></div>\n";
	}
	document.write(ostr);
}

function getPos(el,sProp) {
	var iPos = 0;
	while (el!=null) {
		iPos += el["offset" + sProp];
		el = el.offsetParent;
	}
	return iPos;
}

function showThemeMenu(o) {
	var themeMenu = $("themeMenu");
	themeMenu.style.left = getPos(o, "Left") - 336 + "px";
	themeMenu.style.top = getPos(o, "Top") + "px";
	Effect.toggle('themeMenu','appear');
}

document.body.onclick = function() {
	if ($("themeMenu").style.display!="none") {
		try {
			Effect.Fade("themeMenu");
		} catch(e) {
			Element.hide("themeMenu");
		}
	}
};