$(document).ready(function(){~
  
  //set initial settings for dialog box
  $('#dialog').dialog({
    autoOpen: false,
    modal: true,
    resizable: false,
    draggable: false
  });

  $(".more_info").click(function(){
       var divname= this.id;
       var htmlStr = $("#profile"+divname).html();
       //alert(htmlStr);
       $("#dialog").html(htmlStr);
        $('#dialog').dialog('open');

       //$("#profile"+divname).show("slow");
       //$("#profile"+divname).addClass("whitebg");
  });

  $(".member_profile_close").click(function(){
    $(".member_profile").hide("slow");
  });


// hover functions should we choose to use them
/***************
$(".member").hover(
   function() {
       var divname= this.id;
       $("#profile"+divname).show("slow");
   },
   function() {
       var divname= this.id;
       $("#profile"+divname).hide("slow");
   }
);


$(".member_profile").hover(
   function() {
      //$(this).animate({"marginTop": "0px"}, "fast");
   },
   function() {
      $(".member_profile").hide();
   }
);
******************/



});