Add click event to Wordpress website for touch devices with viewport wider than 480px

For this website [login to view URL] you can see that some of the primary navigation buttons are not links but rather are a span with a class. While this is fine for desktop devices, I need to add a solution so that any touch screen devices over 480px wide will utilize a click to show the corresponding sub-menu. (480px and lower change into a Facebook mobile style menu using media queries). I like how this menu disappears after some time if a sub-menu item is not clicked or the primary menu button or the sub-menu do not have a finger on them. [login to view URL] If you know jQuery and Wordpress well this shouldn't take long. Please be sure this works for ALL touch devices over 480px wide and not just iDevices. IDEALLY this code should be integrated into the Wordpress theme and menu functions so that any changes to the menu will automatically work on touch screens.