var xmlHttp;
var stateP=null;
var pic=document.getElementById("pic");
var pre=document.getElementById("pre");
var next=document.getElementById("next");
var comment=document.getElementById("comment");
var path="/album/pix/";
function createXMLHttpReauest()
	{
		if(window.ActiveXObject)
			{
				xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
			}
		else if(window.XMLHttpRequest)
			{
				xmlHttp= new XMLHttpRequest();
			}
	}
//=============================================================
function startGetRequest(func,url)
	{
		url+= "&timeStamp=" + new Date().getTime();
		createXMLHttpReauest();
		xmlHttp.onreadystatechange=func;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
		whileRequest();
	}
//=============================================================
//=============================================================
function buildRequest(pid,cid)
	{
		var url="ajax.php?pid="+pid+"&cate="+cid;
		startGetRequest(handleResponse,url);
	}
//=============================================================
function handleResponse()
	{
		switch(xmlHttp.readyState)
			{
				case 0:
					//btn.innerText="not yet.........."
					break;
				case 1:
					//btn.innerText="Loading.........."
					break;
				case 2:
					//btn.innerText="Loaded.........."
					break;
				case 3:
					//btn.innerText="working.........."
					break;
				case 4:
					if(xmlHttp.status==200)
						{
							outPut();
						}
					break;
			}
			
	}
function nextpic(cate)
	{
		var nextid=document.getElementById("nextid");
		next=nextid.value;
		//alert("next"+cate+next);
		buildRequest(next,cate);
		return false;
	}
function prepic(cate)
	{
		var preid=document.getElementById("preid");
		pre=preid.value;
		//alert("pre"+cate+pre);
		buildRequest(pre,cate);
		return false;
	}

function showUp(pic,comment,next,pre)
	{
		var hour=document.getElementById("hour");
		var picEl=document.getElementById("pic");
		var preid=document.getElementById("preid");
		preid.value=pre;
		var nextid=document.getElementById("nextid");
		nextid.value=next;
		
		if(pic!="" && pic!=null)
			{
				var picEl=document.getElementById("pic");
				picEl.src=path+pic;
			}
		if(comment!="" && comment!=null)
			{
				var commentEl=document.getElementById("comment");
				commentEl.innerText=comment;
				commentEl.style.display="";
			}
		
		if(next!="" && next!=null)
			{
				var url="view_pic.php?pid=";
				url=url+next;
				var nextEl=document.getElementById("next");
				nextEl.href=url;
				nextEl.style.display="";
			}
		
		if(pre!="" && pre!=null)
			{
				var url="view_pic.php?pid=";
				url=url+pre;
				var preEl=document.getElementById("pre");
				preEl.href="view_pic.php?pid="+pre;
				preEl.style.display="";
			}
		hour.style.display="none";
		picEl.style.display="";
	}
function whileRequest()
	{
		var picEl=document.getElementById("pic");
		var preEl=document.getElementById("pre");
		var nextEl=document.getElementById("next");
		var commentEl=document.getElementById("comment");
		var preid=document.getElementById("preid");
		var nextid=document.getElementById("nextid");
		var hour=document.getElementById("hour");
		nextid.value="";
		preid.value="";
		hour.style.display="";
		picEl.style.display="none";
		picEl.src="a.jpg";
		preEl.style.display="none";
		preEl.href="";
		nextEl.style.display="none";
		nextEl.href="";
		commentEl.style.display="none";
	}
function outPut()
	{
		var xmlDoc=xmlHttp.responseXML;//.documentElement
		//alert(xmlHttp.responseText);
		var nds=xmlDoc.getElementsByTagName("pic");
		//alert(nds.length);
		if(nds.length>0)
			{
				resNode=nds[0];
				var src=resNode.getAttribute("src");
				var comment=resNode.getAttribute("comment");
				var next=resNode.getAttribute("next");
				var pre=resNode.getAttribute("pre");
				showUp(src,comment,next,pre);
			}
	}