var currentPopup = '';
var popupSpeed = 0; //150;

function togglePopup(element) {
  if ($(element + ' .areabutton').hasClass('buttondropdown'))
    hidePopup(element);
  else
    showPopup(element);
}
function popupLinkClick(e) {
  hidePopup(currentPopup);
}
function hidePopup(element) {
  $(document).unbind('click.CheckClickOutsidePopup');
  $(element + ' .areapopup a, ' +
	      element + ' .areapopup .button, ' +
	      element + ' .areapopup .button40, ' +
	      element + ' .areapopup .imagebutton').unbind('click.HidePopup');
  $(element + ' .areabutton').removeClass('buttondropdown').addClass('button40');
  $(element + ' .areapopup').hide();
  currentPopup = '';
}
function showPopup(element) {
  currentPopup = element;
  $(document).bind('click.CheckClickOutsidePopup', checkClickOutsidePopup);
  $(element + ' .areapopup a, ' +
	      element + ' .areapopup .button, ' +
	      element + ' .areapopup .button40, ' +
	      element + ' .areapopup .imagebutton').bind('click.HidePopup', popupLinkClick);
  $(element + ' .areabutton').removeClass('button40').addClass('buttondropdown');
  $(element + ' .areapopup').show();
}
function checkClickOutsidePopup(e) {
  if (currentPopup == '')
    return;
  var parents = $(e.target).parents().andSelf();
  if (!parents.is(currentPopup))
    hidePopup(currentPopup);
};