
bubble= new Image(); 
bubble.src="speech-bubble.png";

var ns4 = document.layers?1:0
var ie4 = document.all
var ns6 = document.getElementById&&!document.all?1:0

var bubblePosition=new Array();
bubblePosition[1] = 0;
bubblePosition[2] = 0;
bubblePosition[3] = 0;
bubblePosition[4] = 0;
bubblePosition[5] = 0;
bubblePosition[6] = 0;
bubblePosition[7] = 0;
bubblePosition[8] = 0;

function showBubble(bubbleNumber){
	
	bubblePosition[bubbleNumber] = 0;
	
	var Margin = -140;
	
	if(ns6 || ns4){
		var opacs = "1";
  	}else if(ie4){
  		var opacs = "100";
  	}
	
	if(ns6){
		document.getElementById('bubble'+bubbleNumber).style.opacity = opacs;
	}else if(ie4){
		document.getElementById('bubble'+bubbleNumber).style.filter = "alpha(opacity="+opacs+")";
	}else if(ns4){
		document.layers.bubble1.opacity = opacs;
	}
	
	document.getElementById('bubble'+bubbleNumber).style.marginTop = Margin+'px';
	
	document.getElementById('bubble'+bubbleNumber).className = 'bubble';
	
}

function hideBubble(bubbleNumber){
	
	setTimeout("moveBubble("+bubbleNumber+")",200);
}

function moveBubble(bubbleNumber){
	
	var Margin = -140;
	
	if(bubblePosition[bubbleNumber] < 6){
		fadeBubble(bubblePosition[bubbleNumber],bubbleNumber);
	}
	
	bubblePosition[bubbleNumber] = bubblePosition[bubbleNumber] + 1;
	
	if(document.getElementById('bubble'+bubbleNumber).style.marginTop == ''){
		document.getElementById('bubble'+bubbleNumber).style.marginTop = Margin+'px';
	}
	
	var NewPos = (Margin - bubblePosition[bubbleNumber]);
	
	document.getElementById('bubble'+bubbleNumber).style.marginTop =  NewPos+'px';
	
	if(bubblePosition[bubbleNumber] < 10){
		setTimeout("moveBubble("+bubbleNumber+")",50);
	}else{
		document.getElementById('bubble'+bubbleNumber).className = 'bubbleHidden';
	}
}

function fadeBubble(i,bubbleNumber){
	
  	if(ns6 || ns4){
		var opacs = [".2",".45",".6",".75",".8",".9","1"];
  	}else if(ie4){
  		var opacs = ["20","45","60","75","80","90","100"];
  	}

	opacs.reverse();

	if(ns6){
		document.getElementById('bubble'+bubbleNumber).style.opacity = opacs[i];
	}else if(ie4){
		document.getElementById('bubble'+bubbleNumber).style.filter = "alpha(opacity="+opacs[i]+");";
	}else if(ns4){
		document.layers.bubble1.opacity = opacs[i];
	}
}