checkbox filters

by Akram kamal

HTML

<div class="tags">
    <label><input type="checkbox" rel="arts" /> Arts </label>
    <label><input type="checkbox" rel="computers" /> Computers </label>
    <label><input type="checkbox" rel="health" /> Health </label>
    <label><input type="checkbox" rel="video-games" /> Video Games </label>
</div>

<ul class="results">
    <li class="arts computers">
        Result 1
    </li>
    <li class="video-games">
        Result 2
    </li>
    <li class="computers health video-games">
        Result 3
    </li>
    <li class="arts video-games">
        Result 4
    </li>
</ul>

JavaScript

$(function() {
    var src=$('#productsBtn').attr("src").match(/[^\.]+/) + "_over.png";
						$('#productsBtn').attr("src", src);
						
						
						$(".sf-menu #homeNav a")
						.mouseover(function() { 
							var src = $('#homeBtn').attr("src").match(/[^\.]+/) + "_over.png";
							$('#homeBtn').attr("src", src);
						})
						.mouseout(function() {
							var src = $('#homeBtn').attr("src").replace("_over.png", ".png");
							$('#homeBtn').attr("src", src);
						});
						
						
					        $(".sf-menu #aboutNav a")
						.mouseover(function() { 
							var src = $('#aboutBtn').attr("src").match(/[^\.]+/) + "_over.png";
							$('#aboutBtn').attr("src", src);
						})
						.mouseout(function() {
							var src = $('#aboutBtn').attr("src").replace("_over.png", ".png");
							$('#aboutBtn').attr("src", src);
						});
						
						$(".sf-menu #warrantyNav a")
						.mouseover(function() { 
							var src = $('#warrantyBtn').attr("src").match(/[^\.]+/) + "_over.png";
							$('#warrantyBtn').attr("src", src);
						})
						.mouseout(function() {
							var src = $('#warrantyBtn').attr("src").replace("_over.png", ".png");
							$('#warrantyBtn').attr("src", src);
						});
						
						
						$(".sf-menu #solutionsNav a")
						.mouseover(function() { 
							var src = $('#solutionsBtn').attr("src").match(/[^\.]+/) + "_over.png";
							$('#solutionsBtn').attr("src", src);
						})
						.mouseout(function() {
							var src = $('#solutionsBtn').attr("src").replace("_over.png", ".png");
							$('#solutionsBtn').attr("src", src);
						});
						
						
						$(".sf-menu #technicalNav a")
						.mouseover(function() { 
							var src = $('#technicalBtn').attr("src").match(/[^\.]+/) + "_over.png";
							$('#technicalBtn').attr("src", src);
						})
						.mouseout(function() {
							var src = $('#technicalBtn').attr("src").replace("_over.png", ".png");
							$('#technicalBtn').attr("src", src);
						});
						
						
						$(".sf-menu #contactNav...