$(window).ready(function(){
          var url = document.location.toString();      
          $('#employees').isotope({
            itemSelector : '.employee',
            animationEngine : 'best-available'
          });
          if (url.match('#')) { 
            var EmployeeID= '#' + url.split('#')[1];
            showEmployee($(EmployeeID))
          }
          
          $('.locationFilter .FilterBtn').click(function(){
            $('#employeesOverlay').hide();
            var selector = $('.locationFilter #ddLocation').val();
            $('#employees').isotope({ 
              filter: selector,
              animationEngine : 'best-available'
            });
            return false;
          });
          $('.peopleFilter .FilterBtn').click(function(){
            $('#employeesOverlay').hide();
            var selector = $('.peopleFilter #txtPeopleSearch').val().toLowerCase();
            $('#employees').isotope({ 
              filter: '[.employees][name*="' + selector  + '"]',
              animationEngine : 'best-available'
            });
            return false;
          });
          $('.locationFilter #ddLocation').keydown(function(event){
            if (event.keyCode == 13)
            {
              $('.locationFilter .FilterBtn').click();
              return false;
            }
          });
          $('.peopleFilter #txtPeopleSearch').keydown(function(event){
            if (event.keyCode == 13)
            {
              $('.peopleFilter .FilterBtn').click();
              return false;
            }
          });
          $('#employees div').click(function()
          {
            if(! $(this).hasClass('isotope-hidden'))
            {              
              showEmployee($(this))
            }
          });
        });
        function showEmployee(emp)
        {
          if(emp.hasClass('open'))
            {
              $('#employeesOverlay').hide();
              emp.removeClass('open');
            }else{
                $('#employees div').removeClass('open');
                $('#employeesOverlay').show();
                $('#employeesOverlay').html(emp.html());
                $('#employeesOverlay .close').click(function(){
                  $('#employeesOverlay').hide();
                  emp.removeClass('open');
                });
                var $mozTransform = $(emp).css("-moz-transform");
                var mozY = !($mozTransform === null || $mozTransform === undefined) ? parseInt($mozTransform.substring($mozTransform.lastIndexOf(',') + 1, $mozTransform.length - 3)) : 0;
                var mozX = !($mozTransform === null || $mozTransform === undefined) ? parseInt($mozTransform.split(',')[4].substring(1,$mozTransform.split(',')[4].length - 2)) : 0;
                $('#employeesOverlay').css('top',(emp.offset().top + 70 + mozY) + 'px');
                if(emp.offset().left + mozX  > $(window).width()/2)
                {
                  $('#employeesOverlay').css('left',(emp.offset().left + mozX + emp.width() - $('#employeesOverlay').outerWidth(true) + 5) + 'px');
                  $('#employeesOverlay').addClass('revert');
                }else{
                  $('#employeesOverlay').css('left',(emp.offset().left + mozX + 5) + 'px');
                  $('#employeesOverlay').removeClass('revert');
                }
                emp.addClass('open');
                goToByScroll('#' + emp.attr('id'));
                $('#employees').isotope( 'reLayout');
            }
        }
        
        
        function goToByScroll(id){
          //$('html,body').animate({scrollTop: $(id).offset().top - ($(window).height() - 100)/2},'slow');
          var $mozTransform = $(id).css("-moz-transform");
          var mozY = !($mozTransform === null || $mozTransform === undefined) ? parseInt($mozTransform.substring($mozTransform.lastIndexOf(',') + 1, $mozTransform.length - 3)) : 0;
          $('html,body').animate({scrollTop: $(id).offset().top - 100 + mozY},'slow');
        }