var ajax;
var oldStatusMsg;
var TimeStr;
var oldTimeStamp;

function creatXMLHttpRequest(){

    //alert("Creating AJAX...");
	if (window.ActiveXObject){ 
        ajax = new ActiveXObject("Microsoft.XMLHTTP"); 
    }
    else if (window.XMLHttpRequest){ 
        ajax = new XMLHttpRequest(); 
    }
}

//After click the Edit link
function focusme(){
	
	var Output;
	var d=document.getElementById("statusdiv");
	var content=document.getElementById("statuscontent");
	var statustime=document.getElementById("statustime");
	oldStatusMsg=content.innerText;
	oldTimeStamp=statustime.innerText;
	
	Output="<textarea class='Modifyingmode' id='statusinput' name='statusinput' wrap='visual'>"+oldStatusMsg+"</textarea>";
	//Output="<textarea class='Modifyingmode' id='statusinput' name='statusinput' wrap='visual'></textarea>";
	Output=Output+"<div style='font-size:7pt;color:gray;padding:0px;'><span id='op'>";
	Output=Output+"<a href='javascript:void(null);' onClick='saveme();'>Save</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href='javascript:void(null);' onClick='cancelme();'>Cancel</a>";
	Output=Output+"</span></div>";
	d.innerHTML=Output;

	var statusinput=document.getElementById("statusinput");
	//alert(statusinput.value);
	statusinput.focus();
	statusinput.value="";
	statusinput.select();

	//d.className = "Modifyingmode";
	//d.readOnly = false;
	//d.select();
	//d.style.posHeight=d.scrollHeight;
	//oldStatusMsg=d.value;

	//var op=document.getElementById("op");
	//op.innerHTML="";
}


//OK, i have nothing new to say here.
function cancelme(){

	var Output;
	var e=document.getElementById("statusdiv");
	//alert(oldTimeStamp);
	Output="<div id='statuscontent'>"+oldStatusMsg+"</div>";
	Output=Output+"<span style='font-size:7pt;color:gray;padding:0px;'><span id='statustime'>";
	Output=Output+oldTimeStamp+"</span>&nbsp;&nbsp;&nbsp;<span id='op'><a href='javascript:void(null);' onClick='focusme();'>Add</a></span>";
	Output=Output+"</div>";
	//alert(Output);
	e.innerHTML=Output;

	//f.className = "Textformat";
	//f.readOnly = true;
	//f.value=oldStatusMsg;
	//f.style.posHeight=f.scrollHeight;

	//var ee=document.getElementById("op");
	//ee.innerHTML="<a href='javascript:void(null);' onClick='focusme();'>Edit</a>";
}

function saveme(){

	creatXMLHttpRequest();

	var e=document.getElementById("statusdiv");
	var newcontent=document.getElementById("statusinput");

	var tempStatusMsg;
	tempStatusMsg=newcontent.value;
	
	//alert(tempStatusMsg);

	//window.clipboardData.setData( "Text" , tempStatusMsg);	//Copy the content to clipboard.

	if (window.clipboardData) {
      window.clipboardData.setData("Text", tempStatusMsg);
	} else {

		//alert("hello,Flashing..");
		var flashcopier = 'flashcopier';
		if(!document.getElementById(flashcopier)) {
			var divholder = document.createElement('div');
			divholder.id = flashcopier;
			document.body.appendChild(divholder);
	}
		document.getElementById(flashcopier).innerHTML = '';
		var divinfo = '<embed src="http://backlighting.org/wp-content/plugins/Statusbox/_clipboard.swf" FlashVars="clipboard='+encodeURIComponent(tempStatusMsg)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
		document.getElementById(flashcopier).innerHTML = divinfo;
	}

	e.innerText="Connecting with remote server...";

	//alert(e.value);

	//e.value="Connecting...";
	//e.className = "Textformat";
	//e.readOnly = true;
	//e.style.posHeight=e.scrollHeight;

	//var ee=document.getElementById("op");
	//ee.innerHTML="<a href='javascript:void(null);' onClick='focusme();'>Edit</a>";

	//Start to post the date to server and get the response.
	var uri="http://backlighting.org/wp-content/plugins/statusbox/statusbox.php";
	var postStr="save_status=yes&status="+tempStatusMsg;

	//alert(uri);
	//alert(postStr);

	e.innerText="Posting data...";

	ajax.open("POST", uri, true); 
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	ajax.send(postStr);
	ajax.onreadystatechange = function(){
		if (ajax.readyState==4)
		{if (ajax.status==200)
		{
			var tempMsg=ajax.responseText;
			var tempFlag=tempMsg.split("|");
			var sucessfulFlag=tempFlag[0];
			var timeFlag=tempFlag[1];

			if (sucessfulFlag=="1")
				{
						//var t=document.getElementById("statustime");
						//t.innerText=Showtime(timeFlag);
						//e.Value="Posted.";
						//e.value=tempStatusMsg;
						//e.style.posHeight=e.scrollHeight;

						var Output;
						//var e=document.getElementById("statusdiv");
						//alert(oldTimeStamp);
						Output="<div id='statuscontent'>"+tempStatusMsg+"</div>";
						Output=Output+"<div style='font-size:7pt;color:gray;padding:0px;'><span id='statustime'>";
						Output=Output+Showtime(timeFlag)+"</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<span id='op' margin-left:8px;'><a href='javascript:void(null);' onClick='focusme();'>Add</a></span>";
						Output=Output+"</div>";
						//alert(Output);
						e.innerHTML=Output;


				}
			}else{
						//var e1=document.getElementById("status");
						//e1.value=tempStatusMsg;
						//saveme();
				}
		}
}

}

function updateme(){
	creatXMLHttpRequest();
	var m=document.getElementById("status");
	m.value="Updating Data...";
	m.className = "Textformat";
	m.readOnly = true;
	m.style.posHeight=m.scrollHeight;

	var uristr="http://backlighting.org/wp-content/plugins/statusbox/statusbox.php";
	var upStr="update_status=yes";
	
	ajax.open("POST", uristr, true); 
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	ajax.send(upStr);

	ajax.onreadystatechange = function(){
		if (ajax.readyState==4)
		{if (ajax.status==200)
			{
				var tempMsg=ajax.responseText;
				var tempFlag=tempMsg.split("|");
				var sucessfulFlag=tempFlag[0];
				var statusFlag=tempFlag[1];
				var timeFlag=tempFlag[2];

				if (sucessfulFlag=="1")
					{
							var p=document.getElementById("statustime");
							p.innerText=Showtime(timeFlag);
							m.Value="Posted.";
							m.value=statusFlag;
							m.style.posHeight=m.scrollHeight;

					}
			}
		}
}

}

function Showtime(myTime){

	var strArr = myTime.split(" ");
 	var strDay = strArr[0].split("-");
 	var strTime = strArr[1].split(":");
 	var yy = strDay [0];
 	var mm = strDay [1];
 	var dd = strDay [2];
 	var hh = strTime[0];
 	var mi = strTime[1];
 	var se = strTime[2];
 	var date1 = new Date(); 
 	var date2 = new Date(Date.UTC(yy, mm-1, dd, hh-8, mi, se));

 	var miao = (date1.getTime()-date2.getTime())/1000;
 	var fen = ((date1.getTime()-date2.getTime())/1000)/60;
	
	if (miao<=0){
	TimeStr="Just now.";
	}
	if (miao>0&&miao<=60){
	TimeStr=parseInt(miao)+" seconds ago.";
	}

	if (miao>60&&miao<=3600){
	TimeStr=parseInt(miao/60)+" minutes ago.";
	} 

	if (miao>3600&&miao<=24*3600){
	TimeStr=parseInt(miao/3600) +" hours ago.";
	}

	if (miao>24*3600&&miao<=24*3600*30){
	TimeStr=parseInt(miao/3600/24) +" days ago.";
	}

	if (miao>24*3600*30&&miao<=24*3600*30*12){
	TimeStr=parseInt(miao/3600/24/30) +" months ago.";
	}
	
	if (miao>24*3600*30*12){
	TimeStr=parseInt(miao/3600/24/30/12) +" years ago.";
	}
	return TimeStr;
}

function HideMe(){
	var e=document.getElementById("morestatus");
	e.style.display='none';

	var a=document.getElementById("moreStatusSwitch");
	a.innerHTML='[ <a href="javascript:void(0);" onClick="ShowMore();">显示更多..</a> ]';
	
}

function HidePoster(){
	var e=document.getElementById("statusposter");
	e.style.display='none';
	
}



function ShowMore(){
	
	var e=document.getElementById("morestatus");
	var a=document.getElementById("moreStatusSwitch");

	e.style.display="block";
	a.innerHTML='[ <a href="javascript:void(0);" onClick="HideMore();">隐藏更多..</a> ]';

}

function HideMore(){
	
	var e=document.getElementById("morestatus");
	var a=document.getElementById("moreStatusSwitch");

	e.style.display="none";
	a.innerHTML='[ <a href="javascript:void(0);" onClick="ShowMore();">显示更多..</a> ]';


}