var BannerInterval;
ImgPos = 1;


$j(window).load(function(){
  
  $j('#HPBanners').append($j('<a id="PrevBtn" title="Previous">Previous</a><a id="NextBtn" title="Next">Next</a>'));
  
  $j('#PrevBtn').click(ClickPrevImg);
  
  $j('#NextBtn').click(ClickNextImg);
  
  if(Images.length > ImgPos){
    BannerInterval = window.setInterval(function(){
     NextImg();
    }, 5000);
  }


});

function ClickNextImg(){
  window.clearInterval(BannerInterval);
  NextImg();

  BannerInterval = window.setInterval(function(){
    NextImg();
  }, 5000);
}

function ClickPrevImg(){
  window.clearInterval(BannerInterval);
  PrevImg();
  
  BannerInterval = window.setInterval(function(){
    NextImg();
  }, 5000);
}



function NextImg() {
  $j('#HPBanners img').fadeOut();
  $j('#HPBanners img:eq(' + ImgPos + ')').fadeIn();

  ImgPos++;
  if(ImgPos >= Images.length) ImgPos = 0;
  

}


function PrevImg() {
  $j('#HPBanners img').fadeOut();
  $j('#HPBanners img:eq(' + ImgPos + ')').fadeIn();
  ImgPos--;
  if(ImgPos  < 0) ImgPos = Images.length  - 1;

 }