var TimerSued = null;
var TimerNord = null;

jQuery(document).ready(function() {

  //Sued
  SetLink("Sued");
  SetPanel("Sued");


  //Nord
  SetLink("Nord");
  SetPanel("Nord");


});

function ClearTimer(Region) {
  if (Region == "Sued") {
    if (TimerSued != null) {
      window.clearTimeout(TimerSued);
      TimerSued = null;

    }
  } else {

    if (TimerNord != null) {
      window.clearTimeout(TimerNord);
      TimerNord = null;

    }
  }
}

function ClosePanel(Region) {
  var PanelID = "#Kliniken" + Region;
  $(PanelID).animate({
    width: 'hide',
    opacity: 'hide'
  }, 'slow');

}

function CloseAll() {
  $("#KlinikenSued").animate({
    width: 'hide',
    opacity: 'hide'
  }, 'slow');

  $("#KlinikenNord").animate({
    width: 'hide',
    opacity: 'hide'
  }, 'slow');
}

function SetLinkToggle(Region, RegionToClose) {
  var LinkID = "a#LinkKliniken" + Region;
  var PanelID = "#Kliniken" + Region;
  $(LinkID).click().toggle(function() {
   
    $(PanelID).animate({
      width: 'hide',
      opacity: 'hide'
    }, 'slow');

    

  }, function() {
    $(PanelID).animate({
      width: 'show',
      opacity: 'show'
    }, 'slow');
  });

}

function ClosePanel(Region) {
  var PanelID = "#Kliniken" + Region;
  $(PanelID).animate({
    width: 'hide',
    opacity: 'hide'
  }, 'slow');
}


function SetLink(Region) {
  var LinkID = "a#LinkKliniken" + Region;
  var PanelID = "#Kliniken" + Region;
  $(LinkID).mouseover(function() {

    CloseAll();

    $(PanelID).animate({
      width: 'show',
      opacity: 'show'
    }, 'slow');
    ClearTimer(Region);



    $(LinkID).mouseout(function() {

      ClearTimer(Region);

      if (Region == "Sued") {
        TimerSued = window.setTimeout(function() {
          $(PanelID).animate({
            width: 'hide',
            opacity: 'hide'
          }, 'slow');
        }, 4000);
      } else {
        TimerNord = window.setTimeout(function() {
          $(PanelID).animate({
            width: 'hide',
            opacity: 'hide'
          }, 'slow');
        }, 400);
      }
    });
  });
}


function SetPanel(Region) {
  var PanelID = "#Kliniken" + Region;
  $(PanelID).mouseover(function() {
    $(PanelID).css({
      'display': 'block'
    })
    ClearTimer(Region);
    $(PanelID).mouseout(function() {
//      $(PanelID).animate({
//        width: 'hide',
//        opacity: 'hide'
//      }, 'slow');

      //ClearTimer();
    });
  });
}