/* - ++resource++folder_clients.js - */
var folderClients = {
  selectorCat : '#clients-activities a, #clients-industries a',
  selectorClient : '.listing-clients td a, .listing-clients td span',
  init : function() {
    
    //click of a categorie and select matched clients
    jq(folderClients.selectorCat).each(function(){
      
      jq(this).bind('click',function(){
        jq(folderClients.selectorCat).each(function(){
          jq(this).removeClass('selected');
        });
        jq(this).addClass('selected');
        id = jq(this).attr('id')
        jq(folderClients.selectorClient).each(function(){
          if (jq(this).hasClass(id))
            jq(this).addClass('selected');
          else
            jq(this).removeClass('selected');
        })
      })
    });
    
    //mouseover of a client and select matched categories
    selectedTemp = false;
    jq(folderClients.selectorClient).each(function(){
      jq(this).bind('mouseenter',function(){
        elementOver = jq(this);
        jq(folderClients.selectorCat).each(function(){
          cat = jq(this);
          if (cat.hasClass('selected'))
            selectedTemp = cat;
          if (elementOver.hasClass(cat.attr('id')))
            cat.addClass('selected');
          else
            cat.removeClass('selected');
        })
      })
      jq(this).bind('mouseleave',function(){
        jq(folderClients.selectorCat).each(function(){
          jq(this).removeClass('selected');
        })
          if (selectedTemp)
            selectedTemp.addClass('selected');
      })
    })
  }
}

jq(document).ready(folderClients.init);