$(document).ready(function(){
  
  // Fade in the pictograms and sub nav links
  //$('#pictoMain a, #pictoMainB a').fadeIn(1000);
  //$("#pictoSubNav img").fadeIn(4000);
  
  // Rollover effects for the pictograms
  $('#pictoMain a img').each(function(){
    var full_src = $(this).attr('src');
    if(full_src.indexOf("_o.") == -1) {
      var sliced_src = full_src.slice(full_src.lastIndexOf("/"));
      var img = sliced_src.split(".");
      $(this).hover(function(){
        $(this).attr('src', "../_images/hats/pictograms/"+img[0]+"_o."+img[1]);
      }, function(){
        $(this).attr('src', full_src);
      });
    }

  });
  
});