function imageFadeOut(img){
  //img.opacity = 100;
    setOpacity(img.name, -40, 100);
  
	}
	
	function imageFadeIn(img){
	  img.opacity = 0;
		setOpacity(img.name, 10, 100);  
	}
	
	function blendimage(divid, imageid, imagefile, millisec) {
		document.fullImage.opacity = 0;
		var speed = Math.round(millisec / 100);
		var timer = 0;
		//set the current image as background
		//document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
		//make image transparent
		changeOpac(0, imageid);
		//make new image
		document.getElementById(imageid).src = imagefile;
		//fade in image
		for(i = 0; i <= 100; i++) {
			setTimeout("changeOpac(" + i + ",'" + imageid + "')",(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 + ")";
	}
	
	function setOpacity (imgName, step, delay){
	  var img = document.images[imgName];
	  img.opacity += step;
	  if (document.all) img.style.filter = 'alpha(opacity = ' + img.opacity + ')'; 
	  if (step > 0 && img.opacity < 100 || step < 0 && img.opacity > 0)
		setTimeout('setOpacity("' + img.name + '",' + step + ', ' + delay + ')', delay);
	} 
	
	function setPageValues(serviceId, strName){
	
		var strFullImagePath = 'img/carousel/' + serviceId + '/' + strName;	
		document.fullImage.src = 'img/carousel/dummy.gif';
	
		if(document.all){		
			document.fullImage.src = strFullImagePath;				
			document.fullImage.opacity=0;
			imageFadeIn(fullImage);	
		}
		else{
			blendimage('blendDiv', 'fullImage', strFullImagePath, 1000);
		}			
	}
	
	function changeClass(id, i){
	
		el = document.getElementById(id);
		el.className = "showDiv";
		for(var p = 0;p < 15;p++){
			if(p!=i){				
				el2 = document.getElementById('div_' + p);
				el2.className = "hideDiv";
			}
		}
	}