function viewPhoto(pid,id,pos) {
	if (! pos) { pos = 0; }
	var req = false;
	var url = 'http://www.majleza.com.my/photo_request.php?pid=' + pid + '&id=' + id;

  if(window.XMLHttpRequest && !(window.ActiveXObject)) {
  	try {
		req = new XMLHttpRequest();
       } catch(e) {
		req = false;
       }
  }
	else if(window.ActiveXObject) {
     	try {
       	req = new ActiveXObject("Msxml2.XMLHTTP");
     	} catch(e) {
	       	try {
	         		req = new ActiveXObject("Microsoft.XMLHTTP");
	       	} catch(e) {
	         		req = false;
	       	}
	      }
  }

	if(req) {
		req.onreadystatechange = function() {

	    if (req.readyState == 4) {
	        // STATUS: OK
	        if (req.status == 200) {
						var xml = req.responseXML;
						var img = xml.getElementsByTagName('image')[0];
						if (img) {
							var w = img.attributes.getNamedItem('width').value;
							var h = img.attributes.getNamedItem('height').value;
							var u = img.firstChild.nodeValue;
						}
						else { return; }

						var desc = xml.getElementsByTagName('title')[0].firstChild.nodeValue;
						var pid = xml.getElementsByTagName('pid')[0].firstChild.nodeValue;
						var link_next = xml.getElementsByTagName('next')[0].firstChild.nodeValue;
						var link_back = xml.getElementsByTagName('back')[0].firstChild.nodeValue;
						setPhoto(u,w,h,pid,desc,link_back,link_next,pos);
						return;

	        } else {
	            alert("Error :\n" + req.statusText);
	        }
	    }

		}
		req.open("GET", url, true);
		req.send("");
	}
}

function setPhoto(u,w,h,pid,desc,link_back,link_next,pos) {
  var obj;

	obj = findTag('img',pos);
	if (obj) {
	  obj.innerHTML = '<img src="'+u+'" width="'+w+'" height="'+h+'">';
  }

  obj = findTag('next',pos);
  if (obj) {
	  if (link_next == 'x') obj.innerHTML = '<img border="0" src="images/button_next.gif" width="67" height="13">';
	  else obj.innerHTML = '<a href="javascript:viewPhoto('+ pid +','+link_next+','+pos+')"><img border="0" src="images/button_next.gif" width="67" height="13"></a>';
  }

  obj = findTag('back',pos);
  if (obj) {
	  if (link_back == 'x') obj.innerHTML = '<img border="0" src="images/button_prev.gif" width="67" height="13">';
	  else obj.innerHTML = '<a href="javascript:viewPhoto('+ pid +','+link_back+','+pos+')"><img border="0" src="images/button_prev.gif" width="67" height="13"></a>';
  }

  obj = findTag('desc',pos);
  if (obj) { obj.innerHTML = desc; }
}

function findTag(id,pos) {
	var obj = document.getElementsByTagName('span');
	var i = 0;
	var ret = new Array();

	for(i=0;i<obj.length;i++) {
		if (obj[i].id == id) {
			ret[ret.length] = obj[i];
		}
	}
	return ret[pos];
}