$(document).ready( function () {
  $('.sortering_naam').addClass('current');
  
  $('.hide').hide();
  $('.show').show();

  var NaamInfo = $(".sort_naam");
  var CompanyInfo  = $(".sort_bedr");

  $('a.sortering_naam').click(function() {
    NaamInfo.show();
    CompanyInfo.hide();
    $('a.sortering_bedrijf').removeClass('current');
    $(this).addClass('current');
  });

  $('a.sortering_bedrijf').click(function() {
    NaamInfo.hide();
    CompanyInfo.show();
    $('a.sortering_naam').removeClass('current');
    $(this).addClass('current');
  });
  
  $('.abc a.company-all').click(function(){
    return loadMembersContentCompany($(this), 'all');
  });
  $('.abc a.name-all').click(function(){  
    return loadMembersContent(this, 'all');
  });
  
  DisplayNavigation();
  
    $("#logoslider").cycle({
      fx: 'fade',
      random:true
    });
  
  
  
  if($.browser.msie && $.browser.version < 7){
    $("#header .logo").pngFix();
  }

});

$(window).load(function(){
  if($(".members").length > 0) {
    SetTopMargin();
  }
});

function SetTopMargin() {
  var TotalItems     = $(".members .logo img").length;
  var Counter     = 0;
  
  $(".members .logo img").each( function() {
    var _this = $(this).parent();
    Counter++;
    var top = ( $('.members .logo').height() - $(this).height() ) / 2; 
    $(this).css('margin-top', top); 
    
    $(this).css('visibility', 'visible');
    if(Counter == TotalItems){
      if($('.sort_bedr').length > 0){
        $('.sort_bedr').css({ position: 'static', left : '0px', display: 'none'});
      }  
    }  
  });  
}

function DisplayNavigation() {
      var NavigationElement      = $("a.slide");
      var SubNavigationContainer = $("ul.sub");
        
      NavigationElement.each(function(){
        NavigationElement.hover(function() {
          $(this).next("ul.sub").animate({
            height: $(this).next("ul")[0].scrollHeight + "px"
          }, {queue: false });  
        }, function() {
          $(this).next("ul.sub").animate({
            height: "0px"
          }, {queue: false });  
        });
    
        SubNavigationContainer.hover(function() {
          $(this).stop();
          $(this).animate({
            height: $(this)[0].scrollHeight + "px"
          }, {queue: false });  
        }, function() {
          $(this).animate({
            height: "0px"
          }, {queue: false });  
        });
      });      
    }

function loadMembersContent(A_Element, FirstLetter) {

  var objTargetDiv = $(".sort_naam #allmembers");
  
  $(".abc a.current").removeClass("current");
  $(A_Element).addClass("current")
    
  objTargetDiv.html("<img src='/pics/loader.gif' alt='loader' />");
  
  $.ajax({
    url: '/IManager/Content/20961/b4ia/mt8930/mp0',
    data: 'letter=' + FirstLetter,
    success: function(data) {
      $('.sort_naam #allmembers').html(data);
    SetTopMargin();
    }
  });  

}

function loadMembersContentCompany(A_Element, FirstLetter) {
  var objTargetDiv = $(".sort_bedr #allmemberscomp");
  
  $(".abc a.current").removeClass("current");
  $(A_Element).addClass("current")
    
  objTargetDiv.html("<img src='/pics/loader.gif' alt='loader' />");
  
  $.ajax({
    url: '/IManager/Content/20961/b4ia/mt8940/mp0',
    data: 'letter=' + FirstLetter,
    success: function(data) {
      $('.sort_bedr #allmemberscomp').html(data);
    SetTopMargin();
    }
  });
}