var skin1=["leisure","sopot","gossamer","wallpaper","appleTree","today","bear","lagr","dafff","sweet","rose","alex",
		   "love","bear2","madness","looping","bicycle","balloon","shoes2","tall","ailaru","defences","soothe",
		   "heart2","house","umbrella"];
var skin2=["mei","white","ear","gray","darktest"];
var skin3=["angle","footers","magic","train","roado","hand","sunny","ottokin","surfing","universe","lens","escape",
		   "ladder","snake","city","ink","color","shoes","visual","dog","background","black","billboard","light",
		   "film","albums"];
var skin4=["ship","earth","blue","chair","treeo","see","moon","leaves","flower","tree","road","daisy","surreality","heacens",
		   "peak","rainbow","putsuit","rest","daisies","swan","cloud"];	
var skin5=["makimono","coffee","heart","monkey","sea","aPerson","tears","girl","alone","fall","ferrisWheel","wait",
		   "camera","rain","car","lady","smile"];	
var skin6=["mj","lian","plum","plumBg","porcelain"];
var skin=new Array();
	skin[0]=skin1;	
	skin[1]=skin2;
	skin[2]=skin3;
	skin[3]=skin4;
	skin[4]=skin5;
	skin[5]=skin6;

var perCount=10;//每页显示张数
var skinTotalPage=0;//总页数
var skinCurPage=1;//当前页数
var newSkin="";
var newLayout="";
var curSkinArray=null;
var customStyleId="";//要修改的博客样式
var customStyleFileName="";//要使用的的博客样式名称
function initSetSpaceDiv(){
	E("setSpaceDiv").style.display="";
	clickLeftMenu('lm3');
}
function closeSetSpaceDiv(){
	E("setSpaceDiv").style.display="none";
}
function clickLeftMenu(leftMenu){
	/*if(E(leftMenu).className == "insider_lm")
	 	return ;
	 else	
	 	E(leftMenu).className="insider_lm";
	  for(var i=1;i<=3;i++){
	  	if(E("lm"+i).id != leftMenu){
	  		E("lm"+i).className="insidew_lm";
	  	}
	  }	*/
	var len =E('tabDiv').getElementsByTagName('li').length;
	for(i=1; i <= len; i++){
		if ("lm"+i==leftMenu){
			E(leftMenu).className="current";
		}else{
			E("lm"+i).className="";
		}
		
	}

	var s="<table width='847px'><tr><td align='left'>";
	if(leftMenu == "lm1"){
		s+="<table width='80%' style='margin-top:40px;color:#000000;' align='center'><tr>";
		s+="<td >";
		s+="<img src='/space/images/13.bmp'/>";
		s+="<br><input type='radio' name='layout' id='13' value='13' onclick='changeLayout(\"13\")'/>1:3 ";
		s+="</td>";
		s+="<td>";
		s+="<img  src='/space/images/121.bmp'/>";
		s+="<br><input type='radio' name='layout' id='121' value='121' onclick='changeLayout(\"121\")'/>1:2:1 ";
		s+="</td>";
		s+="<td>";
		s+="<img  src='/space/images/31.bmp'/>";
		s+="<br><input type='radio' name='layout' id='31' value='31' onclick='changeLayout(\"31\")'/>3:1 ";
		s+="</td>";
		s+="</tr><tr><td ></td><td colspan='2'>";
		s+="<div id='layoutDiv' style='margin-top:10px;'><input id='layoutButton' type='button' value='确  定' class='menuButton' onclick='updateLayout()' disabled></div>";
		s+="</td></tr></table>";
	}else if(leftMenu=="lm2"){
	s+="<table width='80%' style='margin-top:40px;color:#000000;' align='center'><tr>";
		s+="<td>";
		s+="<input type='checkbox' name='module' id='aboutMe' />关于我";
		s+="</td><td>";
		s+="<input type='checkbox' name='module' id='essay'/>文章";
		s+="</td><td>";
		s+="<input type='checkbox' name='module' id='album'/>相册";
		s+="</td></tr>";
		s+="<tr><td>";
		s+="<input type='checkbox' name='module' id='comment'/>留言板";
		s+="</td><td>";
		s+="<input type='checkbox' name='module' id='links'/>友情链接";
		s+="</td><td>";
		s+="<input type='checkbox' name='module' id='friend'/>好友";
		s+="</td></tr>";
		s+="<tr><td>";
		s+="<input type='checkbox' name='module' id='caller'/>最近访客";
		s+="</td><td>";
		s+="<input type='checkbox' name='module' id='collection'/>空间收藏";
		s+="</td><td>";
		s+="<input type='checkbox' name='module' id='music'/>音乐收藏";
		s+="</td>";
		s+="</tr><tr><td></td><td colspan='2' >";
		s+="<div id='moduleDiv' style='margin-top:10px;'><input id='ModuleButton' type='button' class='menuButton' value='确  定' onclick='updateModule()' ></div>";
		s+="</td></tr></table>";
	}else if(leftMenu == "lm3"){
		s+="<div style='margin-top:20px;'></div>";
        s+="<a id=c1 href='#'  class='insidew' onclick='doClick(\"c1\")'>最新</a>";
        s+="<span style='color:#000000;'>|</span>";
		s+="<a id=c2 href='#' class='insidew' onclick='doClick(\"c2\")'>简约</a>";
		s+="<span style='color:#000000;'>|</span>";
		s+="<a id=c3 href='#' class='insidew' onclick='doClick(\"c3\")'>个性</a>";
		s+="<span style='color:#000000;'>|</span>";
		s+="<a id=c4 href='#' class='insidew' onclick='doClick(\"c4\")'>自然生态</a>";
		s+="<span style='color:#000000;'>|</span>";
		s+="<a id=c5 href='#' class='insidew' onclick='doClick(\"c5\")'>心情</a>";
		s+="<span style='color:#000000;'>|</span>";
		s+="<a id=c6 href='#' class='insidew' onclick='doClick(\"c6\")'>中国风</a>";				
		s+="<div id=skins class='skinsDiv' style='margin-top:15px;'></div>";
	}else if(leftMenu=="lm4"){
		//s+="<table width='80%' style='margin-top:40px;color:#000000;' align='center'><tr>";
		//s+="<td>";
		s+="<div id='customDiv' style='margin-top:20px;color:#000000;' ></div>";
	}
	s+="</td><td  valign='top' align='right' width='100px'>";
	s+="[<a href='#' onclick='closeSetSpaceDiv()' title='关闭'>关闭</a>]";//<img src='/common/images/close.gif'>
	s+="</td></tr></table>"	;
	E("contentDiv").innerHTML=s;
	if(leftMenu == "lm1"){
		var layoutArray=document.getElementsByName("layout");   
		for(var i=0;i<layoutArray.length;i++){
			if(layoutArray[i].value == layout){
				layoutArray[i].checked=true;
				break;
			}  
		}
	}else if(leftMenu == "lm2"){
		var ms=document.getElementsByName("module");	
		for(i=0;i<modules.length;i++){
			for(j=0;j<ms.length;j++){
				if(ms[j].id==modules[i])
					ms[j].checked=true;  
			}
		}
	}else if(leftMenu == "lm3"){
		doClick("c1");
	}else if(leftMenu == "lm4"){
		initCustomDiv();
	}
}
function changeLayout(clickLayout){
	if(layout != clickLayout){
		E("layoutButton").disabled=false;
		newLayout=clickLayout;
	}else{
		E("layoutButton").disabled=true;
	}
}
function updateLayout(){
	if(newLayout==""||newLayout==layout){
		return ;
	}
	E("layoutDiv").innerHTML="<img src='/common/img/loading12.gif'>请稍候，正在提交中...";
	spaceAjax.updateSpaceLayout(spaceId,newLayout, function(reply) {
	  	 var result = reply;
	 	 if(result=="ok"){
	 	 	//alert("修改模板成功！");
	 	 	window.location.reload();
	  	}else{
	  		alert("修改首页布局失败，请稍后再试或联系管理员！");
	  	}
	 	});	
}
function updateModule(){
	var ms=document.getElementsByName("module");	
	var s1="";
	for(j=0;j<ms.length;j++){
		if(ms[j].checked)
			s1+=ms[j].id+",";
	}
	if(s1==""){
		alert("至少选取一个模块！");
		return ;
	}
	E("moduleDiv").innerHTML="<img src='/common/img/loading12.gif'>请稍候，正在提交中...";
	spaceAjax.updateModule(spaceId,s1, function(reply) {
	  	 var result = reply;
	 	 if(result=="ok"){
	 	 	window.location.reload();
	  	}else{
	  		alert("修改模块失败，请稍后再试或联系管理员！");
	  	}
	 	});
}
function doClick(centerMenu){
	 if(E(centerMenu).className == "insider")
	 	return ;
	 else	
	 	E(centerMenu).className="insider";
	 var j;
	 var id;
	 var e;
	 for(var i=1;i<=6;i++){
	   id ="c"+i;
	   j = E(id);
	   //e = E("e"+i);
	   if(id != centerMenu){
	   	 j.className="insidew";
	   	// e.style.visibility = "hidden";
	   }else{
			//e.style.visibility = "visible";
			var tempSkin=skin[i-1];
			var total=tempSkin.length;
			skinTotalPage=Math.ceil(total/perCount);
			var len=skinCurPage*perCount;
			if(total< len){
				len=total;
			}
			var array=new Array();
			for(n=0;n<len;n++){
				array[array.length]=tempSkin[n];
			}
			initMenuContent(array,i)
			initPageDiv(skinCurPage,skinTotalPage,i);
	   }
	 }
}
function initMenuContent(array,i){
	var s="<div>";
	curSkinArray=array;
	for(n=0,len=array.length;n<len;n++){
		if(array[n] == oldSkin)
			s+="<img id='"+array[n]+"' src='/space/skin/view_"+array[n]+".jpg' class='curSkin' onclick='changeSkin(\""+array[n]+"\","+i+")'/>";
		else
			s+="<img id='"+array[n]+"' src='/space/skin/view_"+array[n]+".jpg' class='memuImage' onclick='changeSkin(\""+array[n]+"\","+i+")'/>";
	}
	s+="</div>";
	s+="<div id='pageDiv_"+i+"' style='margin-top:15px;' class='pageDiv'></div>";
	//E("e"+i).innerHTML=s;
	E("skins").innerHTML=s;
}
function initPageDiv(skinCurPage,skinTotalPage,i){
	var s="<span id='skinSpan_"+i+"' ><input id='skinButton_"+i+"' type='button' class='menuButton' value='确  定' onclick='updateSkin("+i+")' disabled>&nbsp;&nbsp;<input id='cancleButton_"+i+"' type='button' value='还  原' class='menuButton' disabled onclick='cancleSkin("+i+")'></span>";
	if(skinTotalPage>=skinCurPage&&skinTotalPage>1){
	s+="<span style='margin-left:250px;color:#ccc;'>";
		if(skinCurPage==1){
			s+="上页";
		}else{
			s+="<a href='#'  onclick='prePageSkin("+skinCurPage+","+skinTotalPage+","+i+")'>上页</a>&nbsp;";
		}	
		s +=skinCurPage+"/"+skinTotalPage;
		if(skinTotalPage==skinCurPage){
			s+="下页";
		}else{
			s +="&nbsp;<a href='#'  onclick='nextPageSkin("+skinCurPage+","+skinTotalPage+","+i+")'>下页</a>";
		}
	s+="</span>";	
	}
	E("pageDiv_"+i).innerHTML=s;
}
function prePageSkin(skinCurPage,skinTotalPage,i){
	skinCurPage--;
	var tempSkin=skin[i-1];
	var total=tempSkin.length;
	skinTotalPage=Math.ceil(total/perCount);
	var len=skinCurPage*perCount;
	if(total< len){
		len=total;
	}
	var array=new Array();
	for(n=(skinCurPage-1)*perCount;n<len;n++){
		array[array.length]=tempSkin[n];
	}
	initMenuContent(array,i);
	initPageDiv(skinCurPage,skinTotalPage,i);
}
function nextPageSkin(skinCurPage,skinTotalPage,i){
	skinCurPage++;
	var tempSkin=skin[i-1];
	var total=tempSkin.length;
	skinTotalPage=Math.ceil(total/perCount);
	var len=skinCurPage*perCount;
	if(total< len){
		len=total;
	}
	var array=new Array();
	for(n=(skinCurPage-1)*perCount;n<len;n++){
		array[array.length]=tempSkin[n];
	}
	initMenuContent(array,i);
	initPageDiv(skinCurPage,skinTotalPage,i);
}
function changeSkin(skinName,i){
	if(skinName!=oldSkin){
		E("skinButton_"+i).disabled=false;
		E("cancleButton_"+i).disabled=false;
	}else{
		E("skinButton_"+i).disabled=true;
		E("cancleButton_"+i).disabled=true;
	}
	for(var j=0,len=curSkinArray.length;j<len;j++){
		if(skinName==curSkinArray[j]){
			E(curSkinArray[j]).className="curSkin";
		}else{
			E(curSkinArray[j]).className="memuImage";
		}
	}
 	E("topLink").href="/space/skin/"+skinName+"/web.css";
 	newSkin=skinName;
}
function updateSkin(i){
	if(newSkin==""||newSkin == oldSkin){
		return ;
	}
	E("skinSpan_"+i).innerHTML="<img src='/common/img/loading12.gif'>请稍候，正在提交中...";
	spaceAjax.updateSpaceSkin(spaceId,newSkin, function(reply) {
	  	 var result = reply;
	 	 if(result=="ok"){
	 	 	closeSetSpaceDiv();
	  	}else{
	  		alert("修改主题风格失败，请稍后再试或联系管理员！");
	  	}
	 	});
}
function cancleSkin(i){
	if(oldSkin.indexOf("_")>-1)
		E("topLink").href="/space/style/"+oldSkin+".css";
	else	
		E("topLink").href="/space/skin/"+oldSkin+"/web.css";
	
	E("skinButton_"+i).disabled=true;
	E("cancleButton_"+i).disabled=true;
}
function initCustomDiv(){
	var s=E("customDiv").innerHTML;
	if(s==""){
		E("customDiv").innerHTML="<img src='/common/img/loading12.gif'>读取数据，请稍后...";
		spaceAjax.getSpaceStyle(topMid, function(reply) {
	  	 var result = reply;
	 	 if(result==""){
	 	 	E("customDiv").innerHTML="<div align='center' style='margin-top:90px;'>您没有自定义...<input type='button' value='开始自定义' class='menuButton' onclick='window.location.href=\"customStyle.jsf\";'></div>";
	  	}else{
	  		var styles=result.split(",");
	  		s="";
	  		if(styles.length>0){
	  			s+="<div style='margin:20px;'>我的自定义</div><ul id='styleUl' class='customStyleUl'>"
		  		for(i=0,len=styles.length>7?7:styles.length;i<len;i++){
		  			var style=styles[i].split("|");
		  			var styleId=style[0];
		  			var styleTime=style[1];
		  			//var styleStatus=style[2];
		  			var styleFileName=style[2];
		  			s+="<li id='"+styleId+"_li' ><div id='"+i+"_div' style='margin:5px;border:1px solid #8e8e8e;width:65px;height:70px;cursor:pointer;'  onclick='clickStyle("+styleId+",\""+styleFileName+"\","+i+","+len+")' >"+styleTime.substring(0,10)+"<br>自定义</div></li>";
		  		}
		  		if(7>styles.length){
		  			for(i=0,len=7-styles.length;i<len;i++){
		  				s+="<li></li>";
		  			}
		  		}	
		  		s+="</ul><div id='styleDiv'>";
		  		s+="<input id='editStyle' type='button' value='修改' disabled onclick='editSpaceStyle()' class='styleButton2'>";
		  		s+="<input id='deleteStyle' type='button' value='删除' disabled onclick='deleteStyle()'class='styleButton2'><br>";
		  		s+="<input id='useStyle' type='button' value='使用此风格' disabled onclick='useSpaceStyle()' class='styleButton'><br>";
		  		s+="<input type='button' value='新建风格' onclick='window.location.href=\"customStyle.jsf\";' class='styleButton'>";
		  		s+="</div>";
	  		E("customDiv").innerHTML=s;
	  		}
	  	}
	 	});
	}
}
function clickStyle(styleId,styleFileName,index,styleLength){
	customStyleId=styleId;
	customStyleFileName=styleFileName;
	for(i=0;i<styleLength;i++){
		if(i==index){
			E(i+"_div").style.borderWidth="3px";
			E(i+"_div").style.borderColor="#3165CE";
		}else{
			E(i+"_div").style.borderWidth="1px";
			E(i+"_div").style.borderColor="#8e8e8e";
		}
	}
	E("editStyle").disabled=false;
	E("deleteStyle").disabled=false;
	if(customStyleFileName!=oldSkin)
		E("useStyle").disabled=false;
	else
		E("useStyle").disabled=true;	
	E("topLink").href="/space/style/"+styleFileName+".css";
	newSkin="";
}
function deleteStyle(){
	if(customStyleId==""||customStyleFileName==""){
		alert("请选择一个风格！");
		return ;
	}
	var s="确定要删除此风格？";
	if(customStyleFileName==oldSkin)
		s="您当前正在使用该风格，如果删除，系统将恢复至默认风格，是否确定要删除？";
	if(confirm(s)){
		spaceAjax.deleteSpaceStyle(customStyleId,spaceId, function(reply) {
	  	 var result = reply;
	 	 if(result=="ok"){
	 	 	E(customStyleId+"_li").style.display="none";
	 	 	E("topLink").href="/space/skin/blue/web.css";
	 	 	customStyleId="";
	  	}else{
	  		alert("删除失败，请稍后再试或联系管理员！");	
	  	}	  	
	 	});
	 }
}
function useSpaceStyle(){
	if(customStyleFileName==""){
		alert("请选择一个风格！");
		return ;
	}
	E("styleDiv").innerHTML="<img src='/common/img/loading12.gif'>请稍候，正在提交中...";
	spaceAjax.updateSpaceSkin(spaceId,customStyleFileName, function(reply) {
	  	 var result = reply;
	 	 if(result=="ok"){
	 	 	closeSetSpaceDiv();
	  	}else{
	  		alert("修改主题风格失败，请稍后再试或联系管理员！");
	  	}
	 	});
}
//修改自定义
function editSpaceStyle(){
	if(customStyleId==""||customStyleFileName==""){
		alert("请选择一个风格！");
		return ;
	}
	window.location.href="/space/customStyle.jsf?fn="+customStyleFileName;	
}