$(document).ready( function() {
  // open external link in new tab/window
  // use rel="external" instead of target="_blank"
  $('a[rel="external"]').click( function() {
      this.target = "_blank";
  });

  //email replacement
  $("span.safemail").each(function(){
    exp = $(this).text().search(/\((.*?)\)/) != -1 ? new RegExp(/(.*?) \((.*?)\)/) : new RegExp(/.*/);
    match = exp.exec($(this).text());
    addr = match[1] ? match[1].replace(/ at /,"@").replace(/ dot /g,".") : match[0].replace(/ at /,"@").replace(/ dot /g,".");
    emaillink = match[2] ? match[2] : addr;
    subject = $(this).attr('title') ? "?subject="+$(this).attr('title').replace(/ /g,"%20") : "";
     $(this).after('<a href="mailto:'+addr+subject+'">'+ emaillink + '</a>');
    $(this).remove();
  });

  // match active page with a nav link
  pattern = /^p-(.*)$/; // anything in a string after 'p-'
  activePage = $('body').attr('id').match(pattern)[1]; // grab the body's id attribute, strip 'p-' located at beginning of line (e.g p-products becomes products)
  activeLink = $('ul#nav').find('a#nav-' + activePage); // find a matching link item (p-products, find nav-products)
  $(activeLink).addClass('active'); // add '.active' class to nav link


  //TRAINING & SERVICES TOGGLES
  $('.hideshow .training').hide();

  $('.title').click(function(){
    $(this).next('div').children('ul').slideToggle(200);
		$(this).toggleClass('active');
  });

  // CYCLING BANNER
  $('#banner').cycle({   
    timeout: 10000
  });

  //COLORBOX
  $('.colorbox').colorbox();
  $('.colorbox_popup').colorbox({iframe: true, height: '680px', width: '500px'});

  //PRODUCT NAV ANIMATIONS
  $('.category-picture').show().css({
    'opacity': '0'
  });
  $('#product-nav ul li a').mouseover(function(){
    $(this).siblings('.category-picture').animate({left: "200px", opacity: "0.9"}, 100).addClass('hover');
  });
  $('#product-nav ul li a').mouseout(function(){
    $(this).siblings('.category-picture').animate({left: "180px", opacity: "0"}, 100).removeClass('hover');
  });

  $('#product-nav a').mouseover(function(){
    $(this).animate({paddingLeft: "10px"}, 100 );
  });

  $('#product-nav a').mouseout(function(){
    $(this).animate({paddingLeft: "5px"}, 100 );
  });

  $('#nav a').mouseover(function(){
    $(this).animate({paddingTop: "3px"}, 100 );
  });

  $('#nav a').mouseout(function(){
    $(this).animate({paddingTop: "0px"}, 100 );
  });

  $("tr:odd").addClass("odd");
});