// This is to support the tabs on the main page
function DisplayTab(TabName){
      // Set all the tabs to the unselected state
      // (since nothing is keeping track of the current selection)
      // I would normally do these in a loop, or keep track of
      // what is selected, but for this
      // quick-n-dirty example I'm taking the easy way out
      document.getElementById("contact_cont").style.display = "none"
      document.getElementById("story_cont").style.display = "none"
      document.getElementById("product_cont").style.display = "none"
      document.getElementById("splash_cont").style.display = "none" 
      document.getElementById("eco_cont").style.display = "none" 
      document.getElementById("pref_cont").style.display = "none" 
      document.getElementById("bride_cont").style.display = "none" 
      document.getElementById("events_cont").style.display = "none" 
      document.getElementById("calendar_cont").style.display = "none" 
      document.getElementById("eth_cont").style.display = "none" 
      document.getElementById("gala_cont").style.display = "none" 
      document.getElementById("weddings_cont").style.display = "none" 
      document.getElementById("rrwed_cont").style.display = "none" 
      document.getElementById("culture_cont").style.display = "none" 
      document.getElementById("fall_cont").style.display = "none" 
      document.getElementById("feather_cont").style.display = "none" 
      document.getElementById("fuchsia_cont").style.display = "none" 
      document.getElementById("jewel_cont").style.display = "none" 
      document.getElementById("lecage_cont").style.display = "none" 
      document.getElementById("oo_cont").style.display = "none" 
      document.getElementById("pp_cont").style.display = "none" 
      document.getElementById("purple_cont").style.display = "none" 
      document.getElementById("rwb_cont").style.display = "none" 
      document.getElementById("romantic_cont").style.display = "none" 
      document.getElementById("soco_cont").style.display = "none" 
      document.getElementById("wine_cont").style.display = "none" 

      document.getElementById("contact_tab").className = ""
      document.getElementById("story_tab").className = ""
      document.getElementById("product_tab").className = ""
      document.getElementById("eco_tab").className = ""
      document.getElementById("pref_tab").className = ""
      document.getElementById("bride_tab").className = ""
      document.getElementById("events_tab").className = ""
      document.getElementById("weddings_tab").className = ""

      // highlight the selected tabe
      document.getElementById(TabName+"_tab").className = "select"
      // make the content of the selected tab visible
      document.getElementById(TabName+"_cont").style.display = "block"
}