$(document).ready(function() {
   //BUILD NAV
   $('ul#promo-nav').append("<li><a href='Javascript:;'>&lt;</a></li>"); $('ul#promo-feed ul').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 ul:eq(' + tgt_nm + ') li:eq(0)').text(); var promo_title = $('#promo-feed ul:eq(' + tgt_nm + ') li:eq(1)').text(); var promo_description = $('#promo-feed ul:eq(' + tgt_nm + ') li:eq(2)').text(); var promo_target = $('#promo-feed ul:eq(' + tgt_nm + ') li:eq(3)').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 Textual Values
      $('#promo-description h3').text(promo_title); $('#promo-description span').text(promo_description); 
      // Update Nav
      $('#promo-nav li').removeClass("on"); $('#promo-nav li:eq(' + (tgt_nm + 1) + ')').addClass("on"); 
     // Update Destination Link
      if (promo_target != '')
   	{		
		$('#promo-description a').show();
		$('#promo-description a').attr("href",promo_target);
	}	
      else
	{
		$('#promo-description a').hide();
	}
    }
   });