Config = {
	TITLE_BACKGROUND_COLOR:'title_bgcolor',
	TITLE_FONT_COLOR:'title_fontcolor',
	TITLE_BORDER_COLOR:'title_bordercolor',
	CONTENT_BACKGROUND_COLOR:'content_bgcolor',
	CONTENT_FONT_COLOR:'content_fontcolor',
	CONTENT_BORDER_COLOR:'content_bordercolor'
}
function initPage(boxId){
	
	/************************************
	 * 初始化Portlet标题
	 ************************************/
	var header = document.getElementById("header");
	var title = document.getElementById("portletTitle");
	document.getElementById(Config.TITLE_BACKGROUND_COLOR).value = header.style.backgroundColor;
	document.getElementById(Config.TITLE_BORDER_COLOR).value = header.style.borderColor;
	document.getElementById(Config.TITLE_FONT_COLOR).value = title.style.color;
	if(title.style.fontStyle=="italic"){
		document.getElementById("title_fontstyle").checked = "true";
	}else{
		//document.getElementById("title_fontstyle").checked = "false";
	}
	if(title.style.fontWeight=="bold"){
		document.getElementById("title_fontweight").checked = "true";
	}else{
		//document.getElementById("title_fontweight").checked = "false";
	}
	
	//标题字号
	var select = document.getElementById("title_fontsize");
	var opts = select.getElementsByTagName("option");
	var found = false;
	for(var i=0;i<opts.length;i++){
		if(opts[i].value==title.style.fontSize){
			opts[i].selected = "true";
			found = true;
		}else{
			//opts[i].selected = "false";
		}
	}
	if(!found){
		title.style.fontSize = "12px";
		for(var i=0;i<opts.length;i++){
			if(opts[i].value=="12px"){
				opts[i].selected = "true";
			}else{
				//opts[i].selected = "false";
			}
		}
	}
	//标题字体
	var select = document.getElementById("title_fontfamily");
	var opts = select.getElementsByTagName("option");
	var found = false;
	for(var i=0;i<opts.length;i++){
		if(opts[i].value==title.style.fontFamily){
			opts[i].selected = "true";
			found = true;
		}else{
			//opts[i].selected = "false";
		}
	}
	if(!found){
		title.style.fontFamily = "宋体";
		for(var i=0;i<opts.length;i++){
			if(opts[i].value=="宋体"){
				opts[i].selected = "true";
			}else{
				//opts[i].selected = "false";
			}
		}
	}
	
	/************************************
	 * 初始化Portlet内容
	 ************************************/
/*	var box = document.getElementById(boxId);
	document.getElementById(Config.CONTENT_BACKGROUND_COLOR).value = box.style.backgroundColor;
	document.getElementById(Config.CONTENT_BORDER_COLOR).value = box.style.borderColor;
	document.getElementById(Config.CONTENT_FONT_COLOR).value = box.style.color;
	if(box.style.fontStyle=="italic"){
		document.getElementById("content_fontstyle").checked = "true";
	}else{
		//document.getElementById("title_fontstyle").checked = "false";
	}
	if(box.style.fontWeight=="bold"){
		document.getElementById("content_fontweight").checked = "true";
	}else{
		//document.getElementById("title_fontweight").checked = "false";
	}
	
	//标题字号
	var select = document.getElementById("content_fontsize");
	var opts = select.getElementsByTagName("option");
	var found = false;
	for(var i=0;i<opts.length;i++){
		if(opts[i].value==box.style.fontSize){
			opts[i].selected = "true";
			found = true;
		}else{
			//opts[i].selected = "false";
		}
	}
	if(!found){
		box.style.fontSize = "12px";
		for(var i=0;i<opts.length;i++){
			if(opts[i].value=="12px"){
				opts[i].selected = "true";
			}else{
				//opts[i].selected = "false";
			}
		}
	}
	//标题字体
	var select = document.getElementById("content_fontfamily");
	var opts = select.getElementsByTagName("option");
	var found = false;
	for(var i=0;i<opts.length;i++){
		if(opts[i].value==box.style.fontFamily){
			opts[i].selected = "true";
			found = true;
		}else{
			//opts[i].selected = "false";
		}
	}
	if(!found){
		box.style.fontFamily = "宋体";
		for(var i=0;i<opts.length;i++){
			if(opts[i].value=="宋体"){
				opts[i].selected = "true";
			}else{
				//opts[i].selected = "false";
			}
		}
	}
	*/
}
//config portlet
function configPortlet(instanceId){
	setInstanceId(instanceId);
	maximizePortlet('Config');
}

function saveConfig(){
		var xml = "<portlet-preference>";
		//构造<portlet-border>节点
		xml += "<portlet-border>";
		xml += !document.getElementById("portletBorder").checked;
		xml += "</portlet-border>";
		
		//构造<portlet-title>节点
		xml += "<portlet-title>";
		xml += "<name>" + document.getElementById("portletName").value + "</name>";
		xml += "<bg-color>" + document.getElementById("title_bgcolor").value + "</bg-color>";
		xml += "<font-family>" + document.getElementById("title_fontfamily").value + "</font-family>";
		xml += "<font-color>" + document.getElementById("title_fontcolor").value + "</font-color>";
		xml += "<font-size>" + document.getElementById("title_fontsize").value + "</font-size>";
		if(document.getElementById("title_fontweight").checked){
			xml += "<font-weight>bold</font-weight>";
		}else{
			xml += "<font-weight>normal</font-weight>";
		}
		if(document.getElementById("title_fontstyle").checked){
			xml += "<font-style>italic</font-style>";
		}else{
			xml += "<font-style>normal</font-style>";
		}
		
		xml += "<border-color>" + document.getElementById("title_bordercolor").value + "</border-color>";
		xml += "</portlet-title>";
		
		//构造<portlet-body>节点
		xml += "<portlet-body>";
		xml += "<bg-color>" + document.getElementById("content_bgcolor").value + "</bg-color>";
		xml += "<font-family>" + document.getElementById("content_fontfamily").value + "</font-family>";
		xml += "<font-color>" + document.getElementById("content_fontcolor").value + "</font-color>";
		xml += "<font-size>" + document.getElementById("content_fontsize").value + "</font-size>";
		if(document.getElementById("content_fontweight").checked){
			xml += "<font-weight>bold</font-weight>";
		}else{
			xml += "<font-weight>normal</font-weight>";
		}
		if(document.getElementById("content_fontstyle").checked){
			xml += "<font-style>italic</font-style>";
		}else{
			xml += "<font-style>normal</font-style>";
		}
		xml += "<border-color>" + document.getElementById("content_bordercolor").value + "</border-color>";
		xml += "</portlet-body>";
		
		xml += "</portlet-preference>";

		var xmlhttp = getXmlHttpRequest();
		xmlhttp.onreadystatechange = function(){
			configPortletReturn(xmlhttp);
		}
		doURLProcess('PortletConfigService','saveConfig','xml=' + xml, null,xmlhttp,true);
	
}

function setDefault(){
	var xml = "<portlet-preference>" +
					"<portlet-border>" + 
					"</portlet-border>" +
					"<portlet-title>" +
					"<bg-color>" +
					"</bg-color>" +
					"<font-family>" +
					"</font-family>" +
					"<font-color>" +
					"</font-color>" +
					"<font-weight>" +
					"</font-weight>" +
					"<font-style>" +
					"</font-style>" +
					"<border-color>" +
					"</border-color>" +
					"<font-size>" +
					"</font-size>" +
					"</portlet-title>" +
					"<portlet-body>" +
					"<bg-color>" +
					"</bg-color>" +
					"<font-family>" +
					"</font-family>" +
					"<font-color>" +
					"</font-color>" +
					"<font-weight>" +
					"</font-weight>" +
					"<font-style>" +
					"</font-style>" +
					"<border-color>" +
					"</border-color>" +
					"<font-size>" +
					"</font-size>" +
					"</portlet-body>" +
					"</portlet-preference>";
		var xmlhttp = getXmlHttpRequest();
		xmlhttp.onreadystatechange = function(){
			setDefaultReturn(xmlhttp);
		}
		doURLProcess('PortletConfigService','saveConfig','xml=' + xml, null ,xmlhttp,true);
}


function configPortletReturn(xmlhttp){
	if(xmlhttp.readyState == 4){
		if(xmlhttp.status == 200){
			alert("个性化设置成功!");
			backToPreviousPage();
		}
	}
}

function setDefaultReturn(xmlhttp){
	if(xmlhttp.readyState == 4){
		if(xmlhttp.status == 200){
			alert("已成功恢复默认设置！");
			backToPreviousPage();
		}
	}
}

function backToPreviousPage(){
	var divs = document.getElementsByTagName("div");
	var backButton = null;
	for(var i=0;i<divs.length;i++){
		if(divs[i] && divs[i].className && divs[i].className.match("back-portlet-button")){
			backButton = divs[i];
		}
	}
	if(backButton){
		eval(backButton.onclick());
	}
}

function setInstanceId(instanceId){
	//debugger;
	var xmlhttp = getXmlHttpRequest();
	doURLProcess('PortletConfigService','setInstanceId','instanceId=' + instanceId,null,xmlhttp,false);
}


function titleBold(styleBold){
	var title = document.getElementById("portletTitle");
	if(styleBold.checked){
		title.style.fontWeight = "900";
	}else{
		title.style.fontWeight = "100";
	}
}

function titleItalic(styleItalic){
	var title = document.getElementById("portletTitle");
	if(styleItalic.checked){
		title.style.fontStyle = "italic";
	}else{
		title.style.fontStyle = "normal";
	}
	
}

function changeTitleFontFamily(select){
	var title = document.getElementById("portletTitle");
	title.style.fontFamily = select.value;
}

function chooseColor(objId,imgId,showPos,boxId){
	//debugger;
 	var portletSample = document.getElementById("portlet");
	var sampleContent = portletSample.innerHTML;
	var img = document.getElementById(imgId);
	if(img.open){
		document.getElementById(showPos).innerHTML = "";
		img.open = false;
	}else{
		var imgs = document.getElementsByTagName("img");
//		for(var i=0;i<imgs.length;i++){
//			imgs[i].open = false;
//			var cp = imgs[i].getElementsByTagName("div")[0];
//			if(cp){
//				cp.innerHTML = "";	
//			}
//		}
		document.getElementById("div_" + Config.TITLE_BACKGROUND_COLOR).innerHTML = "";
		document.getElementById("div_" + Config.TITLE_BORDER_COLOR).innerHTML = "";
		document.getElementById("div_" + Config.TITLE_FONT_COLOR).innerHTML = "";
		document.getElementById("div_" + Config.CONTENT_BACKGROUND_COLOR).innerHTML = "";
		document.getElementById("div_" + Config.CONTENT_BORDER_COLOR).innerHTML = "";
		document.getElementById("div_" + Config.CONTENT_FONT_COLOR).innerHTML = "";
		
		document.getElementById("headerColor").open = false;
		document.getElementById("titleColor").open = false;
		document.getElementById("titleBorderColor").open = false;
		document.getElementById("contentColor").open = false;
		document.getElementById("contentFontColor").open = false;
		document.getElementById("contentBorderColor").open = false;

		showColorPicker(objId,showPos,imgId,boxId);
		var pos = document.getElementById(showPos);
		pos.style.position = "absolute";
		//debugger;
		pos.style.left = event.x + 5 + document.body.scrollLeft;
		pos.style.top = event.y;
		//pos.style.left = img.offsetLeft + 10;
		//pos.style.top = img.offsetTop;
		img.open = true;
		
	}
	//debugger;
	portletSample.innerHTML = sampleContent;
}

function changeTitleFontSize(select){
	var title = document.getElementById("portletTitle");
	//alert(select.value);
	title.style.fontSize = select.value;
}

function contentBold(styleBold,boxId){
	var box = document.getElementById(boxId);
	if(styleBold.checked){
		box.style.fontWeight = "900";
	}else{
		box.style.fontWeight = "100";
	}
}

function contentItalic(styleItalic,boxId){
	var box = document.getElementById(boxId);
	if(styleItalic.checked){
		box.style.fontStyle = "italic";
	}else{
		box.style.fontStyle = "normal";
	}
	
}

function changeContentFontSize(select,boxId){
	var box = document.getElementById(boxId);
	//alert(select.value);
	box.style.fontSize = select.value;
}

function changeContentFontFamily(select,boxId){
	var box = document.getElementById(boxId);
	box.style.fontFamily = select.value;
}