function showBubble (thumb_id, title, artist, price) {
//	alert ('title: '+title+"\n"+'artist: '+artist+"\n"+'price: '+price);
	
	bubble = document.getElementById('info_bubble');
	thumb = document.getElementById(thumb_id);

	/*** first, get the new position of the bubble ***/
	// find position of the thumb
	thumb_y_position = getYOffset(thumb);
	thumb_x_position = getXOffset(thumb);
	
	// set the position of the info_bubble
	bubble.style.top = thumb_y_position - 15;
	bubble.style.left = thumb_x_position - 154;

	// swap out the info in the bubble
	document.getElementById('info_bubble_text').innerHTML = '<strong>'+title+'</strong><br>'+artist+'<br>$'+price;
	
	// show the bubble
	bubble.style.visibility = 'visible';
}

function hideBubble () {
		document.getElementById('info_bubble').style.visibility = 'hidden';
}

function getYOffset (oElement) {
	var iReturnValue = 0;
	while( oElement != null ) {
		iReturnValue += oElement.offsetTop;
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function getXOffset (oElement) {
	var iReturnValue = 0;
	while( oElement != null ) {
		iReturnValue += oElement.offsetLeft;
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}