$(document).ready(function() {
    $("img.imgBlocks").click(function() {
        $(".fietsBlok").removeClass("fietsLijstOverzicht");
        $(".fietsBlok").addClass("fietsBlokOverzicht");
        $(this).attr("src", "/images/icons/overzicht_blokken_on.gif");
        $("img.imgLijst").attr("src", "/images/icons/overzicht_lijst_off.gif");
        return false;
    });

    $("img.imgLijst").click(function() {
        $(".fietsBlok").removeClass("fietsBlokOverzicht");
        $(".fietsBlok").addClass("fietsLijstOverzicht");
        $("img.imgBlocks").attr("src", "/images/icons/overzicht_blokken_off.gif");
        $(this).attr("src", "/images/icons/overzicht_lijst_on.gif");
        return false;
    });

    $("div.divSortAndDisplay a#sortPrijs").click(function() {

        if ($("a#sortPrijs").hasClass("asc")) {
            $(".fietsBlok").css('float', 'none').tsort("span.prijsVanFiets", { order: "asc" }).css('float', 'left');
            $("a#sortPrijs").removeClass("asc");
            $("a#sortPrijs").addClass("desc");
        } else {
            $(".fietsBlok").css('float', 'none').tsort("span.prijsVanFiets", { order: "desc" }).css('float', 'left');
            $("a#sortPrijs").removeClass("desc");
            $("a#sortPrijs").addClass("asc");
            $(".fietsBlok").attr("style", "float:left");
        }

        return false;
    });

    $("div.divSortAndDisplay a#sortNaam").click(function() {

        if ($("a#sortNaam").hasClass("asc")) {
            $(".fietsBlok").css('float','none').tsort("div.segmentOverzichtDetail > div > h2", { order: "asc" }).css('float', 'left');
            $("a#sortNaam").removeClass("asc");
            $("a#sortNaam").addClass("desc");
        } else {
            $(".fietsBlok").css('float', 'none').tsort("div.segmentOverzichtDetail > div >  h2", { order: "desc" }).css('float', 'left');
            $("a#sortNaam").removeClass("desc");
            $("a#sortNaam").addClass("asc");
        }


        return false;
    });
});