I4Portal.Photogallery = function (namedDiv, galleryId, xmlUrl){
	this.namedDiv = namedDiv;
	this.galleryId=galleryId;
	this.xmlUrl=xmlUrl;
	
	this.xmlDoc=null;
	this.xmlLoaded=false;
	
	this.thumbnailArray = null;
    this.pictureArray = new Array();
	this.captionArray = new Array();
	
	this.currentPicIndex=0;
};


I4Portal.Photogallery.prototype = {
		
		renderHTML:function(namedDiv) {
	        var message="trying to render HTMLat:"+namedDiv;
			var xmlRoot = this.xmlDoc.documentElement;

			// ceate arrays of individual fields in the display table
		    this.thumbnailArray = xmlRoot.getElementsByTagName("thumbnailURL");
		    this.pictureArray = xmlRoot.getElementsByTagName("imageURL");
			this.captionArray = xmlRoot.getElementsByTagName("caption");
	
		  
		    var newHTML  = '     <div id="s3slider">' + 
		    				'         <ul id="s3sliderContent">';
		    for(var i=0;i < this.pictureArray.length;i++) {
		    			newHTML 	+= '     <li class="s3sliderImage">' +
						   '            		<img  src="'+ this.pictureArray.item(i).firstChild.data  + '" />' +
						   '          			<span class="right">' + this.captionArray.item(i).firstChild.data + '</span>' +
						   ' 				</li>';
					
		    }
						   
			
		
		    newHTML     += '                 <div class="clear s3sliderImage"></div> ';
			newHTML     += '    	  </ul>' ;
			newHTML     += '    </div>'	;
		  
			
			changeDiv = document.getElementById(namedDiv);
   			changeDiv.innerHTML = newHTML;
			
   			$('#s3slider').s3Slider({
    		      timeOut: 8000
    		   });
			
		 
			 
			
	    },
		
	    
		
		loadXMLDoc:function(){
			  var galleryId= encodeURIComponent(this.galleryId);
			  postParams= "galleryid=" + galleryId;
		      var xmlUrl= this.xmlUrl+"?"+postParams;
			  
			  new I4Portal.ContentLoader(xmlUrl,this.onXMLLoad,this);
			  //new Sightix.ContentLoader(xslUrl,onXSLLoad);
		},	
		
		onXMLLoad:function(req){
				
				// var thisRef=this.callerRef;
				try {
					var xmlDoc=req.responseXML;
				 	this.xmlDoc=xmlDoc;
				} catch(e){
					
				}
				 //alert("the gallery id is:"+this.galleryId);
				 this.xmlLoaded=true;
				 this.renderHTML(this.namedDiv);
	    }
				
};