$(document).ready(function()
{
   $("#more_cities").click(function(){
      $('#citylist').slideToggle();
      $("#hide_cities").show();
      $(this).hide();

      return false;
   });
   
    $("#hide_cities").click(function(){
      $('#citylist').slideToggle();
      $("#more_cities").show();
      $(this).hide();
      return false;
   });
   

   //initialize city key selection
   HODOCITY.selectKey();
});

//deals with city behavior
var HODOCITY;

if (!HODOCITY){
   HODOCITY = {};
}
  HODOCITY.changeColor = "#7CAD3D";
  HODOCITY.color="#3862AD";
  
  HODOCITY.selectKey = function(){
    //find all keys

    $('a.key').click( function(){
       //get key value
       var key = $(this).attr('rel');

       //match city
       $('a.cityname').each(function(){
          var citykey = $(this).attr('rel');
          if (citykey == key){
             $(this).css('color', HODOCITY.changeColor);
          }
          else{
             $(this).css('color', HODOCITY.color);
          }
       });
       
       return false;
    });
  };