  function getImageDetails(filename) {
     createRequest();
     var imageEl = document.getElementById("image");
     replaceImage(imageEl, "../images/loading_ani3.gif");
     
     var url = "/gallery/images_ajax.php?id="+filename;
     request.open("GET", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
  }

   function getChangeSubPage(pageno) {
   	for (var i=1; i <= 8; i++){
   		var SubElementsIDs = 't'+i;
   		var hideEl = document.getElementById(SubElementsIDs);
      	 	hide(hideEl);
   	}
      		  
   	var showpage = 't'+pageno;
   	var showEl = document.getElementById(showpage);
  	show(showEl);
  	
  	var pagerEl = document.getElementById('pagerul');
  	 	
  	changePage(pagerEl, pageno);
  	
   }

  function updatePage() {
    if (request.readyState == 4) {
		if (request.status == 200) {			
		  var xmlDoc = request.responseXML;
		  var xmlImages = xmlDoc.getElementsByTagName("image")[0];
		  var image = xmlImages.firstChild.nodeValue;
		  
		  var xmlArtist = xmlDoc.getElementsByTagName("imageartist")[0];
		  var artist = xmlArtist.firstChild.nodeValue;
		  
		  var xmlHits = xmlDoc.getElementsByTagName("imagehits")[0];
		  var hits = xmlHits.firstChild.nodeValue;

		  var xmlTitle = xmlDoc.getElementsByTagName("imagetitle")[0];
		  var title = xmlTitle.firstChild.nodeValue;

	      var xmlDesc = xmlDoc.getElementsByTagName("imagedesc")[0];
		  var desc = xmlDesc.firstChild.nodeValue;
		  
		  var xmlDate = xmlDoc.getElementsByTagName("imagedate")[0];
		  var date = xmlDate.firstChild.nodeValue;
		  
		  var xmlImageNext = xmlDoc.getElementsByTagName("imagenext")[0];
  		  var imagenext = xmlImageNext.firstChild.nodeValue;

		  var xmlImagePrevious = xmlDoc.getElementsByTagName("imageprevious")[0];
		  var imageprevious = xmlImagePrevious.firstChild.nodeValue;
		  
		  var xmlImageWidth = xmlDoc.getElementsByTagName("imagewidth")[0];
		  var imagewidth = xmlImageWidth.firstChild.nodeValue;
		  
		  var xmlImageHeight = xmlDoc.getElementsByTagName("imageheight")[0];
		  var imageheight = xmlImageHeight.firstChild.nodeValue;
		  
		  var xmlImageName = xmlDoc.getElementsByTagName("imagename")[0];
		  var imagename = xmlImageName.firstChild.nodeValue;
		  
		  var xmlImageOnSale = xmlDoc.getElementsByTagName("imageonsale")[0];
		  var imageonsale = xmlImageOnSale.firstChild.nodeValue;
		  
		  var xmlImagePrice = xmlDoc.getElementsByTagName("imageprice")[0];
		  var imageprice = xmlImagePrice.firstChild.nodeValue;
		  		  
		  var xmlImageQty = xmlDoc.getElementsByTagName("imageqty")[0];
		  var imageqty = xmlImageQty.firstChild.nodeValue;
		  
		  var xmlImageProductId = xmlDoc.getElementsByTagName("imageproductid")[0];
		  var imageproductid = xmlImageProductId.firstChild.nodeValue;
		  
		  var xmlImagePicsId = xmlDoc.getElementsByTagName("imagepicsid")[0];
		  var imagepicsid = xmlImagePicsId.firstChild.nodeValue;
		  
		  var xmlImagePage = xmlDoc.getElementsByTagName("imagepage")[0];
		  var imagepage = xmlImagePage.firstChild.nodeValue;
		  
		  var xmlImagePicId = xmlDoc.getElementsByTagName("imagepicid")[0];
		  var imagepicid = xmlImagePicId.firstChild.nodeValue;
		  		  		  	  
  		 // Update the page with new totals
		 
		  var imageEl = document.getElementById("image");
		  var artistEl = document.getElementById("imageartist");
		  var hitsEl = document.getElementById("imagehits");
		  var titleEl = document.getElementById("imageheader");
          var descEl = document.getElementById("imagedesc");
		  var dateEl = document.getElementById("imagedate");
		  var nextEl = document.getElementById("nextlink");
		  var previousEl = document.getElementById("previouslink");
		  var enlargeEl = document.getElementById("enlargeImage");
		  var imageEditEl = document.getElementById("imageedit");
		  var imageDeleteEl = document.getElementById("imagedelete");		  
		  var imageidEl = document.getElementById("imageid");
		  var imageSalebtnEl = document.getElementById("imagesalebtn");
		  var imagePriceEl = document.getElementById("imageprice");
		  var imagePriceLabelEl = document.getElementById("imagepricelabel");
		  var imageQtyEl = document.getElementById("imageqty");
		  var imageProductidEl = document.getElementById("imageproductid");
		  var imageSoldEl = document.getElementById("imagesold");
		  var imageSubImageEl = document.getElementById(imagepicid);
		  
		  
		  for (var i=1; i <= 8; i++){
		  	var SubElementsIDs = 't'+i;
		  	var hideEl = document.getElementById(SubElementsIDs);
		  	hide(hideEl);
		  }
		  
		  var showpage = 't'+imagepage;
		  var showEl = document.getElementById(showpage);
		  show(showEl);
		  
		  var pagerEl = document.getElementById('pagerul');
		    	 	
		  changePage(pagerEl, imagepage);
		  		  	  				  
		  var ImageEnlargement = 'javascript:popup('+imagename+','+imagewidth+','+imageheight+')';
		  var ImageEditHRef = '/gallery.php?req=editnow&id='+imagepicid;
		  var ImageDeleteHRef = '/gallery.php?req=confirm_delete&id='+imagepicid;
		  		    
		  //alert(imagepicsid);
		  var arry = imagepicsid.split(','); 
		  var tempEl = null;
		  for (x in arry)
		  {
			    tempEl = null;
				if(arry[x]!=""){
					tempEl = document.getElementById(arry[x]);
				    changeOpac(100, tempEl);	
				}
		 }

		  					
  		  changeOpac(25, imageSubImageEl);			
					
		  var imagePreviousSubImageEl = document.getElementById(imageprevious);
		  
		  changeOpac(100, imagePreviousSubImageEl);	
		  
		  var imageNextSubImageEl = document.getElementById(imagenext);
		  		  
		  changeOpac(100, imageNextSubImageEl);	

		  
		  replaceImage(imageEl, image);
		  replaceText(artistEl, artist);
		  replaceText(hitsEl, hits);
		  replaceText(titleEl, title);
		  replaceHTML(descEl, desc);
		  replaceText(dateEl, date);
		  replaceText(imageidEl, imagepicid);
		  if (imagenext>0){
		  	show(nextEl);  	
		  	replaceOnClick(nextEl, imagenext);
		  } else {		
			disableLink(nextEl);		  	
			hide(nextEl);
		  } 
		  
		  if (imageprevious>0){
		  	show(previousEl);
		  	replaceOnClick(previousEl, imageprevious);
		  } else {
		  	disableLink(previousEl);
		  	hide(previousEl);
		  }
		  
		  
		  replaceHREF(enlargeEl, ImageEnlargement);
		  
		  replaceHREF(imageEditEl, ImageEditHRef);
		  replaceHREF(imageDeleteEl, ImageDeleteHRef);
		  replaceText(imagePriceEl, imageprice);
		  
		  hide(imageSalebtnEl);	
		  hide(imagePriceLabelEl);
		  hide(imageSoldEl);
		  if(imageonsale == 1){
			  if (imageqty<=0){
				show(imageSoldEl);
			  } else {
				  replaceValue(imageProductidEl, imageproductid);
				  show(imageSalebtnEl);	
				  show(imagePriceLabelEl);
			  }
		  } else {
			  hide(imageSalebtnEl);	
			  hide(imagePriceLabelEl);
		  }
		  
    	}
    }
  }
