function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}

function move_arrow(button_id) {
	if (button_id == 1) { element = "navPregnancy"; arrow = "hero_arrow_pregnancy"; }	
	if (button_id == 2) { element = "navNewMum"; arrow = "hero_arrow_newmum";	}	
	if (button_id == 3) { element = "navMyBaby"; arrow = "hero_arrow_mybaby"; }	
	if (button_id == 4) { element = "navMyToddler";	arrow = "hero_arrow_mytoddler"; }	
	if (button_id == 5) { element = "navDads"; arrow = "hero_arrow_dads"; }	
	if (button_id == 6) { element = "navFeeding"; arrow = "hero_arrow_feeding_and_nutrition"; }	
	if (button_id == 7) { element = "navProducts"; arrow = "hero_arrow_products"; }	

	left_offset = 186;
	top_offset = -8;
	
	var h_a = document.getElementById(arrow);
	h_a.style.position = "absolute";
	h_a.style.zIndex = 100;
	
	var image = document.getElementById(element);
	var image_coords = findPos(image);
	var new_left_offset = image_coords[0] + left_offset;
	var new_top_offset = image_coords[1] + top_offset; 	
	h_a.style.left = new_left_offset + "px";
	h_a.style.top = new_top_offset + "px";
	h_a.style.display = "block";
}
	
function hide_arrow(button_id) {
	if (button_id == 1) { element = "navPregnancy"; arrow = "hero_arrow_pregnancy"; }	
	if (button_id == 2) { element = "navNewMum"; arrow = "hero_arrow_newmum";	}	
	if (button_id == 3) { element = "navMyBaby"; arrow = "hero_arrow_mybaby"; }	
	if (button_id == 4) { element = "navMyToddler";	arrow = "hero_arrow_mytoddler"; }	
	if (button_id == 5) { element = "navDads"; arrow = "hero_arrow_dads"; }	
	if (button_id == 6) { element = "navFeeding"; arrow = "hero_arrow_feeding_and_nutrition"; }	
	if (button_id == 7) { element = "navProducts"; arrow = "hero_arrow_products"; }	
	var h_a = document.getElementById(arrow);
	h_a.style.display = "none";	
}