var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		tnav_home_over = newImage("/images/tnav_home-over.gif");
		tnav_cheerios_family_over = newImage("/images/tnav_cheerios_family-over.gif");
		tnav_history_over = newImage("/images/tnav_history-over.gif");
		tnav_promotions_over = newImage("/images/tnav_promotions-over.gif");
		tnav_button_go_over = newImage("/images/tnav_button_go-over.gif");
		tnav_for_kids_over = newImage("/images/tnav_for_kids-over.gif");
		tnav_for_new_parents_over = newImage("/images/tnav_for_new_parents-over.gif");
		tnav_for_families_over = newImage("/images/tnav_for_families-over.gif");
		tnav_for_adults_over = newImage("/images/tnav_for_adults-over.gif");
		unav_print_page_over = newImage("/images/unav_print_page-over.gif");
		unav_tell_a_friend_over = newImage("/images/unav_tell_a_friend-over.gif");
		unav_type_size1_over = newImage("/images/unav_type_size1-over.gif");
		unav_type_size2_over = newImage("/images/unav_type_size2-over.gif");
		unav_type_size3_over = newImage("/images/unav_type_size3-over.gif");
		oc_lnav_cheerios_over = newImage("/images/oc_lnav_cheerios-over.gif");
		oc_lnav_honeynut_over = newImage("/images/oc_lnav_honeynut-over.gif");
		oc_lnav_berryburst_over = newImage("/images/oc_lnav_berryburst-over.gif");
		oc_lnav_yogurtburst_over = newImage("/images/oc_lnav_yogurtburst-over.gif");
		oc_lnav_frosted_over = newImage("/images/oc_lnav_frosted-over.gif");
		oc_lnav_applecinnamon_over = newImage("/images/oc_lnav_applecinnamon-over.gif");
		oc_lnav_team_over = newImage("/images/oc_lnav_team-over.gif");
		oc_lnav_multigrain_over = newImage("/images/oc_lnav_multigrain-over.gif");
		oc_lnav_recipes_over = newImage("/images/oc_lnav_recipes-over.gif");
		oc_lnav_ourcerealsaremadewithwholegrain_over = newImage("/images/oc_lnav_ourcerealsaremad-22.gif");
		preloadFlag = true;
	}
}

if(navigator.userAgent.indexOf("Firefox") != -1) var ffx = 7
else var ffx=0
function showbubble(whichbubble){
	resetleft = document.getElementById(whichbubble).offsetLeft;
	resettop = document.getElementById(whichbubble).offsetTop;
	resetbubble = document.getElementById(whichbubble).innerHTML;
	var ratetop = document.getElementById(whichbubble).offsetTop - 50;
	var rateleft  = document.getElementById(whichbubble).offsetLeft + 15 + ffx;
	document.getElementById(whichbubble).style.top = ratetop;
	document.getElementById(whichbubble).style.left = rateleft;
	document.getElementById(whichbubble).innerHTML = '<table cellpadding="3" cellspacing="0" border="0" width="150"><tr><td valign="top" align="left" class="bubble"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td class="bubble" >'+ document.getElementById(whichbubble).innerHTML + '<br></td><td valign="top" align="right" class="bubble"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td></tr></table>';
	document.getElementById(whichbubble).style.visibility="visible";	
}
function hidebubble(whichbubble){
	document.getElementById(whichbubble).style.left = resetleft;
	document.getElementById(whichbubble).style.top = resettop;
	document.getElementById(whichbubble).innerHTML = resetbubble;
	document.getElementById(whichbubble).style.visibility="hidden";
}