jQuery(document).ready(function() {

    jQuery('ul.sf-menu').superfish();

    $('.view-cart').click(function(){
        $(this).css('cursor','pointer');
        showCart(0);
    });

    $("#product-nav-link").next().hide();

    $.fn.preload = function() {
        this.each(function(){
            $('<img/>')[0].src = this;
        });
    };

    // Usage:


    var images = ['/media/images/nav-home-on.png',
                  '/media/images/nav-products-on.png',
                  '/media/images/nav-resources-on.png',
                  '/media/images/nav-faq-on.png',
                  '/media/images/nav-about-on.png',
                  '/media/images/nav-contact-on.png'];

    $(images).preload();
});

function showCart(delay) {
    $('.cart-contents').slideToggle();
    var winVar = "nav-arrow";
    window.winVar = (window.winVar)?false:true;
    if(window.winVar){
        $('.nav-arrow').css('background-image','url(/media/images/nav-arrow-90.png)');
    }else{
        $('.nav-arrow').css('background-image','url(/media/images/nav-arrow.png)');
    }
    var url = $('.cart-contents').attr('ref');
    $.get(url, function(data) {
        $('.cart-contents').html(data);
    });

    if (delay > 0) {
        setTimeout('showCart(0);', delay);
    }
}

function displayProduct(product){
    var HTMLoutput = "";

    return HTMLoutput;
}
function displayProductFull(url, product_id){
    $.ajax({
        url: url+"/api/product/"+product_id,
        type: "POST",
        success: function(products){
            var HTMLoutput = "";
            for(product in products){
                displayProduct(product);
                if(i < products.length){
                    HTMLoutput += '<hr />';
                }
            }
            return HTMLoutput;
        },
        error: function(response){
            return "There was error trying to retrieve products.";
        }
     });
}
function displayProducts(url, category_id){
    $.ajax({
        url: url+"/api/category/"+category_id,
        type: "POST",
        success: function(products){
            var HTMLoutput = "";
            for(product in products){
                displayProduct(product);
                if(i < products.length){
                    HTMLoutput += '<hr />';
                }
            }
            return HTMLoutput;
        },
        error: function(response){
            return "There was error trying to retrieve products.";
        }
     });
}