function pageGal(id, direct){
		url_root ="/ajax/photos";
		
		document.getElementById('imgAnnounce').innerHTML = "Loading Image Please Wait";
		if(direct=='next'){
			pg = Number(document.getElementById('pager').value) + 1;
		}			
		else if(direct=='prev'){
			pg = Number(document.getElementById('pager').value) - 1;			
		}
		else{
			pg = 1;			
		}		
		
		url="/load/" + id +"/" + pg ;
		ajaxCall(url, statePageGal, "GET", "");
	}	
		
	function statePageGal(){ 
  
	 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ 
	  
		response  = xmlHttp.responseXML;  
		image= response.getElementsByTagName('src')[0].firstChild.data;	
		maximg = Number(response.getElementsByTagName('maxImg')[0].firstChild.data);	
		pagerd = Number(response.getElementsByTagName('page')[0].firstChild.data);	
		iTitle = String(response.getElementsByTagName('imageTitle')[0].firstChild.data);	
		iDesc = String(response.getElementsByTagName('imageDesc')[0].firstChild.data);	

		document.getElementById('pager').value = pagerd;
		document.getElementById('imgMax').value = maximg;
		
		document.getElementById('imgTitle').innerHTML = iTitle;
		document.getElementById('imgDesc').innerHTML = iDesc;
		
		btnPrev1 = document.getElementById('btnPrev');
		if (pagerd != 1){
			btnPrev1.className = "shower";
		}
		else{
			btnPrev1.className = "hider";					
		}
		
		btnNext1 = document.getElementById('btnNext'); 
		if (pagerd >= 1 && pagerd < maximg){
			btnNext1.className = "shower";
		}
		else{
			btnNext1.className = "hider";			
		}

		
		theimg = document.getElementById('imgView');
		theimg.setAttribute("src", "/images/media/images/" + image);		
		document.getElementById('imgAnnounce').innerHTML = "";
	 
	  }
	}