// JavaScript Document

	function getxmlhttp()
	{
		if (window.XMLHttpRequest)
		  {// code for IE7+, Firefox, Chrome, Opera, Safari
		var  xmlhttp=new XMLHttpRequest();
		  }
		else
		  {// code for IE6, IE5
		var  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		  }
		  return xmlhttp;
	}
	function $(tempId)
 	{
		return document.getElementById(tempId);
 	}
	var indexSave="";
	var curKeyId="";
 	function keywordSelectRe(keyid,keyName)
 	{
		MTCount=2;
 		var obj=new Object();
		obj.world_id=0;
		
		obj.key_id=keyid;
		curKeyId=keyid;
		obj.curAccountId="";
		obj.event_id="";
		obj.isMsg=false;
		obj.show_num=50;				
		var content="&act=show_index_events&fromIndex=1&json="+obj.toJSONString();

		$("navi").style.height="30px";
		$("navi").style.visibility="visible";
		$("friendName").innerHTML=keyName;
		$("naviBtn").setAttribute("world_id","0");
		$("naviBtn").setAttribute("index","0");	
		
			
		indexSave=getxmlhttp();
		
		indexSave.open("post","./indexNewHelp.php", true);	
		////alert(content);	
	
		//if(!event_id)
		//{
			////alert("event");
			indexSave.onreadystatechange = firstProcess;
		//}
		//else
		//{
			//indexSave.onreadystatechange = afterProcess;
		//}
		indexSave.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		indexSave.send(content);   	
	
 	}
	var defaultMTHeight="";
	var curMTHeight="";
	var MTShapeid="";
	var MTClosed=true;
	function openMoreTopics()
	{
		$("moreTopics").style.visibility="visible";
		curMTHeight=1;
		MTShapeid=setInterval(changeMTShape,5);
		defaultWDHeight=$("moreTopics").scrollHeight;			
	}
	function changeMTShape()
	{
		if(curMTHeight<=defaultWDHeight)
		{
			curMTHeight+=10;
			$("moreTopics").style.height=curMTHeight+"px";
			
			$("openMTBtn").style.visibility="hidden";
			
		}
		else
		{
			MTClosed=false;
			$("moreTopics").style.height=defaultWDHeight+"px";
			clearInterval(MTShapeid);	
		}
	}
	var MTCount=1;
	function check()
	{
		if(!MTClosed)
		{
			if(MTCount==1)
			{
				MTClosed=true;
				$("moreTopics").style.height="1px";
				$("moreTopics").style.visibility="hidden";
				$("openMTBtn").style.visibility="visible";
				
			}
			else
			{
				MTCount=1;
			}
		}
	}
	function showEventsBegin()
	{
		window.location.reload();
	}
	 function showEvents(event_id)
 	 {
		 //alert("showEvents");

		var obj=new Object();
		obj.world_id=0;
		
		
		obj.curAccountId="";
		obj.event_id=event_id;
		obj.isMsg=false;
		obj.key_id=curKeyId;
		obj.show_num=50;
						
		var content="&act=show_index_events&fromIndex=1&json="+obj.toJSONString();
			
		indexSave=getxmlhttp();

		indexSave.open("post","./indexNewHelp.php", true);	

		////alert(content);	
	
		if(!event_id)
		{
			////alert("event");
			indexSave.onreadystatechange = firstProcess;
		}
		else
		{
			indexSave.onreadystatechange = afterProcess;
		}
		indexSave.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		indexSave.send(content);
			
	}
	var allElements=new Array();
	function firstProcess()
	{
		if(indexSave.readyState==4&&indexSave.status==200)
		{
			$("statusMsg").style.height="0px";
			$("statusMsg").style.visibility="hidden";
			
				//alert(indexSave.responseText);
		
			////alert(indexSave.responseText);
			tar=$("infoUl");
			var obj=indexSave.responseText.parseJSON();		
			var i=0;
			var events=obj.events;
			var content="";
			var temp="";
			for(i=0;i<events.length;i++)
			{
				temp=getHelpPart(events[i],"");
				if(i<8)
				{
					tar.insertBefore(temp,tar.firstChild);
					showedNum++;
					index++;
				}
				allElements.push(temp);
							
			}
			index++;
			showElement();					
		}

	}
	function afterProcess()
	{
		if(indexSave.readyState==4&&indexSave.status==200)
		{
			////alert(indexSave.responseText);
			////alert("process"+indexSave.responseText);
			var obj=indexSave.responseText.parseJSON();		
			var i=0;
			var events=obj.events;
	
			var content="";
			
			var newAddedNum=events.length;
			
			var oldLen=allElements.length;
		
			for(i=0;tar.childNodes.length>newAddedNum-1;i++)
			{
				tar.removeChild(tar.lastChild);
			}		

			for(i=0;i<showedNum;i++)
			{
				allElements.shift();	
			}
			for(i=0;i<events.length;i++)
			{
				allElements.push(getHelpPart(events[i],""));
			}
			////alert(allElements.length+":"+tar.childNodes.length);
			////alert(allElements.length+":"+tar.childNodes.length);
			showedNum=0;
			////alert(allElements.length+":"+tar.childNodes.length);
			////alert(allElements.length+":"+tar.childNodes.length);			
		}			
	}
	var displayNum=8;
	var showedNum=0;
	var tar="";
	var curIndex=0;
	var index=0;
	
	 var curIndex;
	 var curNum=2;
	 var curHandle="";
	 var isGetting=false;
	 var isOn=false;
	 var curObj="";
	 function showElement()
	 {
		 pause=0; 
		 if(isShapping)
		 {
			return "";	 
		 }
		 if(index<allElements.length)
		 {
			////alert("test");
			allElements[index].style.height="0px";
		 	tar.insertBefore(allElements[index],tar.firstChild);
			curObj=allElements[index];
		 	curHandle=setInterval(changeShape,20);
		 }
		 else
		 {
			var toRemove=tar.lastChild;
			tar.removeChild(toRemove);

			if(index>=Math.ceil(allElements.length/2))
			{
				showEvents(1);
			}
			if(index>=allElements.length)
			{
				index=0;	
			}
			
			showElement();
		 }
	}
	var isShapping=false;	
	var pause=0;
	function changeShape()
	{
		if(!isOn)
		{
		   isShapping=true;
		   if(curNum<=curObj.scrollHeight+80)
		   {
			   if(curNum<curObj.scrollHeight)
			   {
					curObj.style.height=curNum+"px";
			   }
			   if(curNum<curObj.scrollHeight/3)
			   {
					curNum+=10;	
			   }
			   else if(curNum<curObj.scrollHeight/4*3)
			   {
				   curNum+=3;
			   }
			   else 
			   {
				   curNum+=1;
			   }		   
		   }
		   else
		   {
			  if(pause++>20)
			  {
				clearInterval(curHandle);
				index++;
				showedNum++;
			
				curNum=0;
				isShapping=false;
				showElement();
			  }
			}
		}
	 }
	 function stopM()
	 {
		isOn=true; 
		
	 }
	  function startM()
	 {
		isOn=false; 
	 }
	 function getHelpPart(arr,isText)
	 {
	 
	 	var writeMsg="";

	 	var startIndex=0;
	 
	 var className="closeUl";
	 
	 
	 var titContent="";
	 try
	 {
		 
		 for(i=0;i<arr["tit"].length;i++)
		 {
			 switch(arr["tit"][i]["language_id"])
			 {
				case "3":
				  oriName="Cn";
				  break;
				case "1":
				  oriName="En";
				  break;
				case "5":
				  oriName="Jp";
				  break;
				case "2":
				  oriName="Es";
				  break;
				default:
				  oriName="Fr";
				  break;			  					  					   
			 }
			 
			 if(i+1<arr["tit"].length)
			 {
			   titContent+="<span style=\"margin-top:3px\"><span style=\"color:#ccc\">("+oriName+")</span>&nbsp;"+arr["tit"][i]["content"]+"</span><br>";
			 }
			 else
			 {
				titContent+="<span style=\"margin-top:3px\"><span style=\"color:#ccc\">("+oriName+")</span>&nbsp;"+arr["tit"][i]["content"]+"</span>"; 
			 }
		 }
	 }
	 catch(e)
	 {
		 
	 }

	var eleStr="";	
	eleStr='<ul onmouseover="changeGray(this)" onmouseout="hiddenGray(this)"><li class="helpTit"><div class="helpTitInfo">'+arr["tex"]+'</div></li><li><div class="userImg"><a href="top.php?id='+arr["user"]["id"]+'"><img src="'+arr["user"]["icon"]+'" width="37" height="37" border="0" /></a></div><div class="userCon"><div class="userInfo"><span>'+arr["user"]["name"]+'</span>&nbsp;&nbsp;<span>'+arr["date"]+'</span>&nbsp;&nbsp;<span></span></div><div class="userMsg"><div class="userMsgHelpTex">'+titContent+'</div></div></li></ul>';
	 if(isText==1)
	 {
		 return '<li class="line">'+eleStr+'</li>';
	 }
	 else
	 {
		  var element=document.createElement("li");
		  element.setAttribute("class","line");
		  element.setAttribute("className","line"); 	
		  element.innerHTML=eleStr;
		  return element; 
	 }
	}
	 
	function changeGray(obj)
	{
		obj.style.backgroundColor="#F0F0F0";
	}
	function hiddenGray(obj)
	{
		obj.style.backgroundColor="#FFF";
	}