$(document).ready(function() {
   //BUILD NAV
   $('ul#promo-nav').append("<li><a href='Javascript:;'>&lt;</a></li>"); $('ul#promo-feed li').each(function(i) {
      i ++; $('ul#promo-nav').append("<li><a href='Javascript:;'>" + i + "</a></li>"); }
   ); $('ul#promo-nav').append("<li><a href='Javascript:;'>&gt;</a></li>");
   // Set Global Values
   var nav_count = Number($("#promo-nav li").size()) - 2; 
   // Goto first promo
   transition(1); 
   // NAV TIMER
   $(document).everyTime(7500, "PromoTimer" , function() {
      nav_next(); }
   ) 
   // NAV CLICK FUNCTION
   $('#promo-nav li').click(function() {
      // Stop Auto Carousel
      jQuery().stopTime("PromoTimer"); 
      // Check if nav unlocked
      if (!$(this).data('locked')) {
         var click_txt = jQuery.trim($(this).text()); if (click_txt == ">") {
            nav_next(); }
         else if (click_txt == "<") {
            nav_prev(); }
         else {
            // Get Temp Values
            var nav_nxt_nm = $(this).text(); transition(nav_nxt_nm); }
         }
      }
   ); 
   // NAV NEXT
   function nav_next() {
      var tgt_nm = Number($('#promo-nav li.on').text()) + 1; if (tgt_nm > nav_count) {
         tgt_nm = 1}
      transition(tgt_nm); }
   // NAV PREVIOUS
   function nav_prev() {
      var tgt_nm = Number($('#promo-nav li.on').text()) - 1; if (tgt_nm < 1) {
         tgt_nm = nav_count}
      transition(tgt_nm); }
   function transition(tgt_nm) {
      var tgt_nm = Number(tgt_nm) - 1; var promo_image = $('#promo-feed li:eq(' + tgt_nm + ')').text(); 
      // Lock nav to keep animation sync
      $('#promo-nav li').data('locked', true); 
      // Pre-Load Image
      var img = new Image(); img.src = promo_image; img.id = "promo-image"; $(img).attr("class", "promo-image"); $(img).attr("id", "promo-image"); 
      // Image Transition
      $('div#promo').prepend(img); $('div#promo img:eq(1)').fadeOut(1500, function() {
         // Remove from DOM
         $('div#promo img:eq(1)').remove(); 
         // Un-Lock Nav
         $('#promo-nav li').data('locked', false); }
      ); 
      // Update Nav
      $('#promo-nav li').removeClass("on"); $('#promo-nav li:eq(' + (tgt_nm + 1) + ')').addClass("on"); }
   }
);