var keyupTimeout = null;

    $(document).ready(function(){  
    
      $("#input_filter").keyup(function() {
        
        if(keyupTimeout)
        {
            window.clearTimeout(keyupTimeout);
        }

        keyupTimeout = window.setTimeout(function () {  filterList(); }, 300);
 
    });
    });

    function filterList()
    {
      var filterverdi =  $("#input_filter").val(); 
 
      $("#pageBody .filterList > div").removeClass("selectedItem");
      $("#pageBody .description").hide();      
 
      $("#pageBody .filterAttribute").parent().hide();     
      $("#pageBody .filterAttribute").parent().removeClass("visibleItem");
          
      $("#pageBody .filterAttribute").each(function (i) {
        if ($(this).text().toLowerCase().indexOf(filterverdi.toLowerCase()) >= 0) {
           $(this).parent().show();
           $(this).parent().addClass("visibleItem");
        } 
      });
      
      $("#pageBody div.visibleItem:even").addClass("odd").removeClass("even");
      $("#pageBody div.visibleItem:odd").addClass("even").removeClass("odd");
    }

    function showHide(id){   
        if (document.getElementById){
        obj = document.getElementById(id);
                             
        if (obj.style.display == "none" || obj.style.display == ""){ 

        obj.style.display = "block";
        
        obj.parentNode.className += ' selectedItem';
        } else {
                  
         obj.parentNode.className = obj.parentNode.className.replace(' selectedItem','');
         obj.style.display = "none";
        }
        }  
    }