// Setup rollover events for top image panel
   //   Rolling over thumbnails changes the main image,
   //   Leaving the thumbnail container changes the image back to the default

   
   function setRollovers(hdrImagePathVar){	   
	    	if (document.getElementById("thumbnails")) {       
	    		  var thumbsContainer = document.getElementById("thumbnails");
	    		  var thumbs = thumbsContainer.getElementsByTagName("IMG");  
	    		   for (var i = 0, maxLength = thumbs.length; i < maxLength; ++i) {
	    		   var tempPath= 'url('+hdrImagePathVar+ (i+1) + '-500x300.jpg)';
	    		  
	    		              thumbs[i].setAttribute("fullImageSrc",tempPath);
	    		              thumbs[i].onmouseover = function() {
	    		                  document.getElementById("full_image_container").style.backgroundImage = this.getAttribute('fullImageSrc');
	    		              }
	            	   }
	    
	    		  thumbsContainer.onmouseout = function() {
	    		      document.getElementById("full_image_container").style.backgroundImage = "url("+hdrImagePath+"main-500x300.jpg)";
	    		  }
	    	  }
	    	  }