//Lets create a popup for menu items.
function bubble_popup(id) {
//lets fix ie z-index bug!
	document.getElementById('bubble').style.top = "5px";
	rootxt = "/";
	switch(id){
		case "1":	document.getElementById('bubble').style.left = "740px";
					document.getElementById('bubble').innerHTML="<div id='bubtop'><img style='width: 154px; height:22px' src='"+ rootxt +"img/bubbles/top.png' /></div><div id='content-bubble'><div id='bubble-text'><ul><li><span>Telecoms</span></li></ul></div></div><div id='bubbot'><img src='"+ rootxt +"img/bubbles/bottom.png' style='width: 154px; height:22px' /></div>";
					break;
		case "2":	document.getElementById('bubble').style.left = "740px";
					document.getElementById('bubble').innerHTML="<div id='bubtop'><img style='width: 154px; height:22px' src='"+ rootxt +"img/bubbles/top.png' /></div><div id='content-bubble'><div id='bubble-text'><ul><li><span>We always listen to our customers</span></li></ul></div></div><div id='bubbot'><img src='"+ rootxt +"img/bubbles/bottom.png' style='width: 154px; height:22px' /></div>";	
					break;
		case "3":	document.getElementById('bubble').style.left = "740px";
					document.getElementById('bubble').innerHTML="<div id='bubtop'><img style='width: 154px; height:22px' src='"+ rootxt +"img/bubbles/top.png' /></div><div id='content-bubble'><div id='bubble-text'><ul><li><span>Turnkey solutions</span></li></ul></div></div><div id='bubbot'><img src='"+ rootxt +"img/bubbles/bottom.png' style='width: 154px; height:22px' /></div>";	
					break;
		case "4":	document.getElementById('bubble').style.left = "740px";
					document.getElementById('bubble').innerHTML="<div id='bubtop'><img style='width: 154px; height:22px' src='"+ rootxt +"img/bubbles/top.png' /></div><div id='content-bubble'><div id='bubble-text'><ul><li><span>24 hour service</span></li></ul></div></div><div id='bubbot'><img src='"+ rootxt +"img/bubbles/bottom.png' style='width: 154px; height:22px' /></div>";	
					break;
		case "5":	document.getElementById('bubble').style.left = "740px";
					document.getElementById('bubble').innerHTML="<div id='bubtop'><img style='width: 154px; height:22px' src='"+ rootxt +"img/bubbles/top.png' /></div><div id='content-bubble'><div id='bubble-text'><ul><li><span>24 hour service</span></li></ul></div></div><div id='bubbot'><img src='"+ rootxt +"img/bubbles/bottom.png' style='width: 154px; height:22px' /></div>";	
					break;			
		default:	document.getElementById('bubble').innerHTML="";
	}
	
	$('#bubtop').pngFix();
	$('#bubbot').pngFix();
	$('bubble',this).fadeIn("fast");
}

function bubble_burst() {
	$('bubble',this).fadeOut("fast");
	document.getElementById('bubble').innerHTML="";
}