Google maps project for smartphones and other devices

Google maps. I have 3 different things placed on the map. I want to change the combination of ways that these can be selected. The 3 things. Several trails. (up to 20) Balloon icons (One per trail) with information about the trials. ' Information icons placed along the trails (2-20) . I am having trouble getting the controls not to use too much of the space on the screen on a cell phone. I would like to to see get the controls which will show or hide the trails plus the balloon icon for individual trails. Also to allow the information icons for a given trail to shown of hidden independently of the trails/balloon icons. If I try to get the trails plus the balloon icons plus the information icons it can be overwhelmingly too crowded. A general idea about what I have can to found at the link given below, but this draft does not have the information icons. Incidentally the initial state would be to show the trails plus balloon icons, and hide the information icons. The user can then turn the information icons on, and decide whether to leave the trails/balloons on. [login to view URL] You will be given the code to modify to achieve this. Do not want the entire thing rewritten. It there is a really good screen space efficient way to control all three (trails. balloons, info icons) independently for each trail that would be great and worth a modest bonus. Some explanation of the added code a must. This link shows the existing site so that you can better see what is meant by the icons and the trails. [login to view URL]