$(document).ready(function() {
    $.preLoadImages('/Images/Buttons/btnAddToCart_Small_On.gif');

    $(".btnAddToCart img").mouseenter(function() { $(this).attr('src', '/Images/Buttons/btnAddToCart_Small_On.gif'); })
        .mouseleave(function() { $(this).attr('src', '/Images/Buttons/btnAddToCart_Small.gif'); });
});

function ToggleToGrid() {
    $("[id$='pnlProductBrowser']").addClass('ProductGrid');
    $("[id$='pnlProductBrowser']").removeClass('ProductList');
}

function ToggleToList() {
    $("[id$='pnlProductBrowser']").addClass('ProductList');
    $("[id$='pnlProductBrowser']").removeClass('ProductGrid');
}

function SortByPrice() {

    var $context = $("[id$='pnlProductBrowser']");
    var rows = $('.ProductBox', $context).get();
    rows.sort(function(a, b) {
        var strA = $("span.Price", a).text();
        var keyA = parseFloat(strA.substring(0, strA.length - 2));

        var strB = $("span.Price", b).text();
        var keyB = parseFloat(strB.substring(0, strB.length - 2));

        if (keyA < keyB) return -1;

        if (keyA > keyB) return 1;

        return 0;

    });

    $.each(rows, function(index, row) {

        $context.append(row);

    });
}

function SortByName() {

    var $context = $("[id$='pnlProductBrowser']");
    var rows = $('.ProductBox', $context).get();
    rows.sort(function(a, b) {
    
        var keyA = $("div.Title a", a).text().toUpperCase();

        var keyB = $("div.Title a", b).text().toUpperCase();

        if (keyA < keyB) return -1;

        if (keyA > keyB) return 1;

        return 0;

    });

    $.each(rows, function(index, row) {

        $context.append(row);

    });
}