Does anyone can teach me how to intergrate this into a wordpress website?

PHP Code:
jQuery.extend({
    
urlGetVars : function() {
        var 
GET = {};
        var 
tempGET location.search;
        
tempGET tempGET.replace('?''').split('&');
        for(var 
i in tempGET) {
            var 
someVar tempGET[i].split('=');
            if (
someVar.length == 2) {
                
GET[someVar[0]] = someVar[1];
            }
        }
        return 
GET;
    },
    
urlGetVar : function(name) {
        return $.
urlGetVars()[name];
    },
    
serializeUrlVars : function(obj) {
        var 
str = [];
        for(var 
p in obj)
         
str.push(encodeURIComponent(p) + "=" encodeURIComponent(obj[p]));
        return 
str.join("&");
    },
    
currentUrl : function() {
        return 
window.location.href.slice(0,window.location.href.indexOf('?'));
    }
});

// Adds functionality to filter content using a dropdown
var ContentFilter = function ($) {
    $(
document).ready(function() {
        
// Return to a scroll position if exists
        
var scroll = $.urlGetVar('scroll');
        if (
typeof scroll != 'undefined') {
            $(
window).scrollTop(scroll);
        }
        
// Prepare the filter dropdowns
        
$('.content-filter').each(function(){
            var 
me = $(this);
            
// e.g. content-filter-product
            
var id me.attr('id');
            
// Refresh with selected filter on change
            
var refresh = function() {
                var 
GET = $.urlGetVars();
                
GET[id] = me.val();
                
// Save scroll position, return to this position on load
                
GET['scroll'] = $(window).scrollTop();
                var 
newVar = $.currentUrl() + '?' + $.serializeUrlVars(GET);
                
window.location newVar;
            };
            
me.change(refresh);
        });
    });
}(
jQuery); 
or
PHP Code:
function ak_content_filter($post_type_id 'post', &$filter_get_value$echo TRUE) {
    
$dropdown '<div class="content-filter-wrapper">';
    
// The dropdown filter id for this post type
    
$filter_id $post_type_id.'_filter';
    
// The actual dropdown
    
$dropdown .= '<label for="'$filter_id .'">Filter</label><select id="'$filter_id .'" class="content-filter" name="'$filter_id .'">';
    
// The available ways of filtering, to sort you'd need to set that in the WP_Query later
    
$fields = array('date' => 'Newest''comment_count' => 'Most Popular''rand' => 'Random');
    
$filter_get_value = isset($_GET[$filter_id]) ? $_GET[$filter_id] : 'newest'// default is 'newest'
    
foreach ($fields as $field_value=>$field_name) {
        
$dropdown .= '<option value="'$field_value .'" 'selected($field_value$filter_get_valueFALSE) .'>'$field_name .'</option>';
    }
    
$dropdown .= '</select></div>';
    
// Print or return
    
if ($echo) {
        echo 
$dropdown;
    } else {
        return 
$dropdown;
    }

final
PHP Code:
// This will fill $product_filter with $_GET['product_filter'] or 'newest' if it doesn't exist
ak_content_filter('product'$product_filter);
$args = array('post_type' => 'product''orderby' => $product_filter);
// This is just an example, you can use get_pages or whatever supports orderby
$loop = new WP_Query$args );

// OR, to avoid printing:
$dropdown ak_content_filter('product'$product_filterFALSE);
// ... some code ...
echo $dropdown