$(document).ready(function(){

    $("div.pproduct img").click(function(){
       //current selection
       var pproduct = $(this).parents("div.pproduct");
       var pprice = $($(pproduct).find("span.pprice")).text();
       var pid = $($(pproduct).find("span.pvar")).text();

       //product for which the selection was performed
       var product = $(this).parents("div.product");
       var form = $(product).find("form");

       //populate form
       $($(form).find("input[name=vid]")).val(pid);

       //change current image
       var src= $(this).attr('src');
       src = src.replace('_patterns','');
       var current_image = $(product).find('img.current_image');
       $(current_image).attr('src',src);
    });

    $("select[name=size]").change(function(){
       var selection = $(this).val();
       var product = $(this).parents("div.product");
       var price = $(product).find("span.size_"+selection).text();
       $(product).find("span.price").text(price);
    });

    $("#province").change(function(){
       var tax = $("#province option:selected").attr('title');
       var total = $("#amount span").text();
       var tax_amount = parseFloat(total)*parseFloat(tax)/100.0
       $("#taxes span").text(tax_amount.toFixed(2));
    });

    $("#shipping_province").change(function(){
       var tax = $("#shipping_province option:selected").attr('title');
       var total = $("#amount span").text();
       var tax_amount = parseFloat(total)*parseFloat(tax)/100.0
       $("#taxes span").text(tax_amount.toFixed(2));
    });

    
});
