$(document).ready(function() {

	if (Modernizr.touch) {
			/* ok we have a touch device so we will grab the touch events now */
			$("#mainNav ul li").click(function() {
				/* for the first ul which is our list of other items display it */
				$(this).find("ul:first").show();
			});
			
			/* if the user touches the content of the page then hide all the nav items */
			$("#content").click(function() {
				$("#mainNav ul li ul").hide();
			})
	}
	
	
});