$(document).ready( function() {

  // refresh pantry 
    
  $('a.product').remove();
  var url = document.URL;
  var page =(url.substring(url.lastIndexOf("\/")+1,url.lastIndexOf("\."))); 
  $.getJSON('incl/productlist.js', page, function(PRODUCT) {
    var $first = 1;
    for (var i=0; i < PRODUCT.length; i++) {
      if ( (PRODUCT[i].Menu).toLowerCase().replace(' ','') == page ) {  
         // $("#submenu li a:contains('"+PRODUCT[i].Menu+"')").parent().addClass('active');

         if ( PRODUCT[i].ImageWidth != '' && typeof(PRODUCT[i].ImageWidth) != "undefined" ) {
             var code = PRODUCT[i].ETCode;
             $("#content + img.select").attr("src","images/" +code+ ".png");
             // $("#content img#showproduct").attr("src","images/products/" +code+ ".jpg");
             $("#content p.clearleft").append(
             '<a class="product" href="#" onclick="product('+code+');"><img class="select" title="'+PRODUCT[i].Product+'" alt="'+PRODUCT[i].Menu+'" src="images/products/'+code+'small.jpg"></a>'
             );
             if ( $first == 1 ) {
                product( code );
                $first = 0;
             }
             if ( PRODUCT[i].Description != "" ) {
                $("div#description").html( PRODUCT[i].Description );
             }
             $("#content h2#title").text( PRODUCT[i].Product );
         }
      }
    }
  });
});


function product(code) {
  if (document.images) {

    // pantry mode select onclick
    
    var bkgrd = "images/banners/" + code + ".jpg";
    $('body').css({'background-image':'url(' + bkgrd + ')'});

    $('img#showproduct').attr("src","images/products/" + code + ".jpg");
    $('table.product td#code').html( code );
    $.getJSON('incl/productlist.js', code, function(PRODUCT) {
      for (var i=0; i < PRODUCT.length; i++) {
        if ( PRODUCT[i].ETCode == code ) {
           $('table.product td#units').html( PRODUCT[i].UnitsPerCase );
           $('table.product td#size').html( PRODUCT[i].UnitSize );

           if ( PRODUCT[i].Description != "" ) {
              $("div#description").html( PRODUCT[i].Description );
           }
           $("#content h2#title").text( PRODUCT[i].Product );
           break;
        }
      }
    });

  }
}