function SetPopupBubble(){	
	
	var packages;
	var packages_arr;
	var buttons = new Array();
	var popups = new Array();
	var closes = new Array();
	var ua = navigator.userAgent.toLowerCase();
	var isOpera = ua.indexOf('opera')+1;
	var isIE = (document.all && !isOpera);
	var self = this;
	
	this.display_popup = function(i) {
		if(popups[i].style.display != "block"){
			popups[i].style.display = "block";
			buttons[i].blur();			
		}
		else {			
			popups[i].style.display = "none";
		}
		closes[i].onclick = function(){ popups[i].style.display = "none";}
	}
		
	this.init = function(){
		self.packages = document.getElementById("packages");
		self.packages_arr = getElementsByClassName(self.packages, "div", "package");//getImmediateChildren(self.packages, "div");
		
		
		for(var i=0;i<self.packages_arr.length;i++){
			if(isIE) {
				buttons[i] = self.packages_arr[i].childNodes[2].childNodes[3].childNodes[0];
				popups[i] = self.packages_arr[i].childNodes[2].childNodes[3].childNodes[2];
				closes[i] = self.packages_arr[i].childNodes[2].childNodes[3].childNodes[2].childNodes[0];				
			}
			else { 
				buttons[i] = self.packages_arr[i].childNodes[5].childNodes[7].childNodes[1];
				popups[i] = self.packages_arr[i].childNodes[5].childNodes[7].childNodes[3];
				closes[i] = self.packages_arr[i].childNodes[5].childNodes[7].childNodes[3].childNodes[1];
			}
		}		
		
		for(var i=0;i<buttons.length;i++){
			buttons[i].index = i;
			buttons[i].onclick = function(){ self.display_popup(this.index);}
		}
	}
	
}
var setPopupBubble = new SetPopupBubble();

onloadHandlers[onloadHandlers.length] = 'setPopupBubble.init()';