var preloaded_file ='';
var blending = false;
var loading_bg=false;
var GalleryShowImage = {
	show:function(id,newimage){		
	    var oldimage = document.getElementById('img_fullview');	
	    var oldimage_src = oldimage.src;	
		if(newimage.length<=0 || blending==true){
			oldimage.src=newimage;
			var loadingdiv = document.getElementById('img_loading');
			loadingdiv.style.display = 'none';
			return;
		 }
		blending = true;
		preloaded_file = new Image();
		preloaded_file.src = newimage; 
		preloaded_file.onLoad = GalleryShowImage.blendstart(id,oldimage,newimage,'2000');
		return;			
	},
	blendstart:function(id,oldimage,newimage,millisec){
		var loadingdiv = document.getElementById('img_loading');
		loadingdiv.style.display = 'none';
		GalleryShowImage.blendimage('DrawImagesGallery',oldimage,newimage,millisec)
	},
	blendimage: function(divid, oldimage, newimage_name, millisec) {
		var speed = Math.round(millisec / 100);
		var timer = 0;
		
		//set the current image as background
		var div_holder = document.getElementById(divid);
		div_holder.style.backgroundImage = "url(" + oldimage.src + ")";
		
		//make image transparent
		GalleryShowImage.changeOpac(0, 'img_fullview');
		
		//make new image
		oldimage.src = newimage_name;
		var intervalID= "";
		//fade in image
		for(i = 1; i <= 100; i++) {
			intervalID = setTimeout("GalleryShowImage.changeOpac(" + i + ",'img_fullview')",(timer*speed));
			timer++;
		}
		clearTimeout(intervalID);
	},
	
	//change the opacity for different browsers
	changeOpac:function(opacity, id) {
		var Imgobject = document.getElementById(id).style; 
		Imgobject.opacity = (opacity / 100);
		Imgobject.MozOpacity = (opacity/100);
		Imgobject.KhtmlOpacity = (opacity / 100);
		Imgobject.filter = "alpha(opacity=" + opacity + ")";
		if(opacity>=99){
			blending=false;
		}
	}
};