$(document).ready(function() {
   $('div#navigation').bldnav();
})
$.fn.bldnav = function() {
   var links = { len: 11,
                 history: "History",
                 bios: "Bios",
                 model: "The Model",
                 why: "Why Hoop Beef",
                 photos: "Photos",
                 videos: "Videos",
                 commitment: "Commitment",
                 producers: "Producers",
                 open: "Weekly Tours",
                 gmf: "Grand Meadow Feeders",
                 contact: "Contact" };
                 
   var nav = '<table width="822" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#E7E58F">';
       nav += '<tr>';
       nav += '<td><img src="images/clear.gif" width="240" height="25" alt="" border="0"></td>';
       nav += '<td>';
   
   var spacer = ' &nbsp;|&nbsp; ';
   var idx = 0;
  $.each(links, function(key, val) {                  
      if(idx == links.len) { spacer = ""; }
      if(idx > 0) {            
         nav += '<a href="' + key + '.html">'+ val + '</a>' + spacer;
      }      
      idx = idx + 1;       
  });
  
       nav += '</td>'; 
       nav += '<td><img src="images/clear.gif" width="16" height="15" alt="" border="0"></td></tr></table>';
   this.html(nav);		 		
}