var iImg=0;
	var iImg1=0;//bubbles1
	
	function changeOpac(imgnumber,opacity, id) { 
		if(id==null) { 
			if(imgnumber==0) {
				id="bubbles1";//"topImage"; 
			} else {
				id="bubbles1"; 
			}
		}
		if(document.getElementById(id)) {
			var object = document.getElementById(id).style; 
			object.opacity = (opacity / 100); 
			object.MozOpacity = (opacity / 100); 
			object.KhtmlOpacity = (opacity / 100); 
			object.filter = "alpha(opacity=" + opacity + ")"; 
		} else {
			//alert("Cannot locate " + id);
		}
	} 

	function blendimage(imgnumber,imageid,imagefile, millisec) {
		var speed = Math.round(millisec / 10); 
		var timer = 0; 
		
		//set the current image as background 
		//document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 

		//make image transparent 
		changeOpac(imgnumber, 0, imageid); 

		//make new image 
		document.getElementById(imageid).src = imagefile; 
		//document.getElementById(imageid).style.border="solid red 10px";

		//fade in image 
/**/
		for(i = 0; i <= 100; i++) { 
			setTimeout("changeOpac(" + imgnumber + ", " + i + ",'" + imageid + "')",(timer * speed)); 
			timer++; 
		} 
/**/
	} 

	//var slideCache = new Array(); 

	//divid,imageid,displaySecs)
	function runSlideShow(imgStart) {

		//Set 0
		/* */
		var nextImage="images_2011/qasper_online.jpg";
		var imageid="topImage";
		/* */
		var displaySecs=10;
		
		/* */
		if(document.getElementById(imageid)) {
			iImg+=1;
			if(iImg>6) {
				iImg=1;
			}
			switch (iImg) {
				case 2: nextImage="images_2011/qasper_cloud.jpg"; break;
				case 3: nextImage="images_2011/qasper_customer.jpg"; break;
				case 4: nextImage="images_2011/qasper_oneprice.jpg"; break;
				case 5: nextImage="images_2011/qasper_devices.jpg"; break;
				case 6: nextImage="images_2011/qasper_CEM.jpg"; break;
			}

			changeOpac(0, imageid); 
			blendimage(0,imageid,nextImage,100); 
		}
		/* */
		
		//Set 1
		/*
		var nextImage1="images_2011/bubble1_large.png";
		var imageid1="bubbles1";
		if(document.getElementById(imageid1)) {
			if(imgStart>0) {
				iImg1=imgStart-1;
			}
			iImg1+=1;
			if(iImg1>6) {
				iImg1=1;
			}
			switch (iImg1) {
				case 2: nextImage1="images_2011/bubble2_large.png"; break;
				case 3: nextImage1="images_2011/bubble3_large.png"; break;
				case 4: nextImage1="images_2011/bubble4_large.png"; break;
				case 5: nextImage1="images_2011/bubble5_large.png"; break;
				case 6: nextImage1="images_2011/bubble6_large.png"; break;
			}
			changeOpac(1, imageid1); 
			blendimage(1,imageid1,nextImage1,100); 		
		}
		*/
		setTimeout("loopShow("+imgStart+")",1500);//slide the lower one in later
		//Reset slide show timing
		//setTimeout("runSlideShow('"+imageid+"',"+displaySecs+")",displaySecs*1000);
		setTimeout("runSlideShow(0)",displaySecs*1000); 		

		//Cache only the topImage
		// Cache the next image to improve performance. 
		/*
		switch (iImg) {
			case 1: nextImage="images_2009/people_tahoma.png"; break;		
			case 2: nextImage="images_2009/money_coins_tahoma.png"; break;
		}
		if (slideCache[nextImage] == null) { 
			slideCache[nextImage] = new Image; 
			slideCache[nextImage].src = nextImage; 
		}
		*/
		return true;
	}
	function loopShow(imgStart) {
		var nextImage1="images_2011/bubble1_large.png";
		var imageid1="bubbles1";
		if(document.getElementById(imageid1)) {
			if(imgStart>0) {
				iImg1=imgStart-1;
			}
			iImg1+=1;
			if(iImg1>6) {
				iImg1=1;
			}
			switch (iImg1) {
				case 2: nextImage1="images_2011/bubble2_large.png"; break;
				case 3: nextImage1="images_2011/bubble3_large.png"; break;
				case 4: nextImage1="images_2011/bubble4_large.png"; break;
				case 5: nextImage1="images_2011/bubble5_large.png"; break;
				case 6: nextImage1="images_2011/bubble6_large.png"; break;
			}
			changeOpac(1, imageid1); 
			blendimage(1,imageid1,nextImage1,100); 		
		}
	}