function scrollToId(id) {
	$("#boxContainer").scrollTo( $("#"+id), 900 );
}

function showSubNav(ID,parentID) {
	var parentOffset = $("#"+parentID).offset();
	var parentWidth = $("#"+parentID).width();
	var parentHeight = $("#"+parentID).height();
	$("#"+ID).css("top", (parentOffset.top + parentHeight));
	$("#"+ID).css("left", parentOffset.left);
	$("#"+ID).css("width", parentWidth);
	$("#"+ID).slideDown(400);
}
function hideSubNav(ID,parentID) {
	setTimeout("subOut('"+ID+"','"+parentID+"')",500);
}
function subOut(ID,parentID) {
	if (isOver(ID) == false && isOver(parentID) == false) {
		$("#"+ID).slideUp();
	}
}
function isOver(id) {
	
	var objOffset = $("#"+id).offset();
	var objX1 = objOffset.left - 5;
	var objX2 = objOffset.left + $("#"+id).width() + 5;
	var objY1 = objOffset.top - 5;
	var objY2 = objOffset.top + $("#"+id).height() + 5;
	
	if (xMousePos > objX2 || xMousePos < objX1 || yMousePos > objY2 || yMousePos < objY1) {
		return false;
	}
	return true;
}

var xMousePos = 0;
var yMousePos = 0;
$(document).bind('mousemove',function(e){ 
	xMousePos = e.pageX;
	yMousePos = e.pageY;
});