

	
	function preloadImages() {
	}

	


	function getImage2(imageFolder,imagePath,containerID,imageID,imagewidth, imageheight,newImage, alt) {

		/*$('zoom').innerHTML ='';*/
		/*$(imageID).style.visibility = 'hidden';*/
		var URL = imageFolder + "_medium_"+imagePath;
		/*var ZOOM = imageFolder +imagePath;*/
		var image = $(imageID);
		var imagesrc = image.src;
		$(containerID).style.backgroundImage = 'url('+imagesrc+')';
		changeOpac(0,imageID);
	
		var showResponse = function(r){	
			$(imageID).src=URL;
			$(desc).innerHTML=alt;    
			opacity(imageID, 0, 100, 1000);
		}

		var showError = function(r){	
			$("show").innerHTML=r.statusText;		
		}
		

		var request = false;
		
		image.src='';
		
		//image.src= waiting;	
			
		var myAjax = new Ajax.Request(URL,{method:'get',requestHeaders:['Accept','image/png,*/*;q=0.5'],onComplete:showResponse,onFailure:showError})
		
	}  
	  
	function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0;         
    //determine the direction for the blending, if start and end are the same nothing happens 
    	if(opacStart > opacEnd) { 
      	  for(i = opacStart; i >= opacEnd; i--) { 
       	     setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
     	     timer++; 
          } 
    	} else if(opacStart < opacEnd) { 
        	for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    	} 
	}
    
	//change the opacity for different browsers 
	function changeOpac(opacity, id) { 
    	var object = document.getElementById(id).style; 
	    object.opacity = (opacity / 100); 
    	object.MozOpacity = (opacity / 100); 
	    object.KhtmlOpacity = (opacity / 100); 
    	object.filter = "alpha(opacity=" + opacity + ")"; 
	} 



