$(document).ready(function() {
  var code='';    

  function printDetail(d, kde) {      
    var detail=d.split('::');
    code=detail[8];
    var kod='<div class="detail">'; 
    var wapi="http://api.thumbsniper.com/api_free.php?url="; 
    if ( detail[6] != '' ) kod+= '<img class="member-logo" src="pic/'+ detail[6] +'" alt="Logo člena">'; 
    kod+= '<div class="member-name">' + detail[0] + '</div>';
    kod+= '<div class="member-left">';
    if ( detail[1] != '' || detail[2] != '' || detail[3] != '' || detail[4] != '' ) kod+= '<u>Kontaktní informace:</u><br><br>'; 
    if ( detail[1] != '' ) kod+= detail[1] + '<br>';
    if ( detail[2] != '' ) kod+= detail[2] + '<br>';  
    kod+= '<br>';   
    if ( detail[3] != '' ) kod+= '<span class="desc">email:</span><a href="mailto:' + detail[3] + '" rel="nofollow" title="odeslat email">' + detail[3] + '</a>';  
    if ( detail[4] != '' ) kod+= '<span class="desc">tel:</span>' + detail[4];   
    //if ( detail[5] != '' ) kod+= '<div class="member-map"><img title="ThumbNails powered by ThumbSniper" alt="Načítání náhledu ...." src="' + wapi + detail[5] + '&size=12&effect=1"></div><a class="member-map" title="přejít na webové stránky člena" href="' + detail[5] + '" target="_new">'+ detail[5] + '</a>';
    if ( detail[5] != '' ) kod+= '<a class="member-map" title="přejít na webové stránky člena" href="' + detail[5] + '" target="_new">'+ detail[5] + '</a>';
    kod+= '</div>';  
    kod+= '<div class="member-right">';
    if ( detail[7] != '' ) kod+= detail[7];
    kod+= '</div><div class="clear"></div><div class="block">&nbsp;</div>';
    
    kod+= '</div>'; 
    $(kod).insertAfter(kde).slideToggle(900);
    }
    
    // show detail
    $('#members a').click(function(){
    var target= $(this).next(); 
    if ($(this).hasClass('noactive')) return false;
    if( target.hasClass('detail') ) {
      if ( $(this).hasClass('bold') ) {
        $(this).removeClass('bold'); 
      } else {
        $(this).addClass('bold');
      }
      target.slideToggle(1000);
      return false;
    }
     
     $(this).addClass('bold');
     var k= this;
     $.get('detail.php?id='+k.getAttribute('href').split(':')[0]+'&code='+code)
      .success(function(data){
        printDetail(data, k);  
      });
    
    return false;
  });
 
 
 // main filter
  var letter='vše';
  var agency='vše';
  function setFilter() {
    $('.detail').hide(); 
    $('#members a').hide().removeClass('bold').filter(function() {
          var aletter=this.text.charAt(0).toUpperCase();
          var bletter=this.text.charAt(1).toUpperCase();
          if(aletter=='C' && bletter=='H') aletter+= bletter;
          var aagency=this.getAttribute('href').split(':')[1];
          return (letter=='vše' || aletter==letter) && (agency=='vše' || aagency==agency);
      }).show();
   }  // main filter
  
  $('#agency a').click(function() {
    if ( $(this).hasClass('selected') ) return false;
    agency= this.getAttribute('href');
    setFilter();
    $('#agency a').removeClass('selected');
    $(this).addClass('selected');
    return false;
  }); // #agency a selected

  $('#alphabet a').click(function() {
    if ( $(this).hasClass('selected') ) return false;
    letter=this.text;
    setFilter();
    $('#alphabet a').removeClass('selected');
    $(this).addClass('selected');
    return false;
  }); // #alphabet a selected


  // showDetailByID
  function showDetailByID(id) {
  
    $('#members a').filter(function() {
      return (this.getAttribute('href').split(':')[0]==id);
    }).click().ScrollTo();
  
  }
  
  
if ( (ic != '') && (lvl != '') ) {

    showDetailByID(ic+'-'+lvl);
}

});  // ready