jQuery(document).ready(
   function() {
       var tTarget = jQuery('#js-image-link');
       var tImage = jQuery("<img id='js-rotator' style='display:none;'/>").load(function () { //alert(tNum)
                 var tLink = tImage.attr('src');
                 if(tTimeOut != null)
                    clearTimeout(tTimeOut);
                 tTimeOut = setTimeout(function(){ changeImage(); }, 5000);
                 tTarget.attr("href", tSiteHome + tImages[tImage.attr('index')].target);
                 tTarget.css({ "background-image":"url(" + tLink + ")"});
                 tTarget.children("img").fadeOut(1000, function(){
                    this.src = tLink;
                    jQuery(this).show();
                    tLinksContainer.children().removeClass('selected').eq(tImage.attr('index')).addClass('selected');
                 });
                 tNum++;
              });
       var tNum = 0;
       var tTimeOut = null;

       var tImages = [ {image:"sugarandgold_lg.jpg",target:"/product.php?productid=16188&cat=251&page=5"}
                      ,{image:"citylight_lg-01.jpg",target:"/product.php?productid=16252&cat=251&page=1"}
                      ,{image:"peakconditions_lg-01.jpg",target:"/product.php?productid=16227&cat=251&page=4"}
                      ,{image:"sundaybandstand_lg.jpg",target:"/product.php?productid=16231&cat=251&page=5"}
                     ];
       var tLinksContainer = jQuery(".npic");
       tLinksContainer.html("");
       jQuery.each(tImages, function(fIndex, fObject) {
          tLinksContainer.append(jQuery("<a href='#'>" + (fIndex + 1)+ "</a>").click(function(){
                 clearTimeout(tTimeOut);
                 var tLink = tImagesDir + tImages[fIndex].image;
                 tTarget.attr("href", tSiteHome + tImages[fIndex].target);
                 tTarget.css({ "background-image":"url(" + tLink + ")"});
                 tTarget.children("img").fadeOut(1000, function(){
                    this.src = tLink;
                    jQuery(this).show();
                    tLinksContainer.children().removeClass('selected').eq(fIndex).addClass('selected');
                 });
                 return false;
          }));
          if(fIndex < tImages.length-1) tLinksContainer.append(" | ");
       });

       function changeImage()
          {   clearTimeout(tTimeOut);//alert('' + tNum + ' % ' + tImages.length + ' = ' + (tNum%tImages.length));
              tImage.attr("src", tImagesDir + tImages[tNum%tImages.length].image).attr('index', tNum%tImages.length);
          }
       changeImage();
   }
);
