//<![CDATA[

  function bannerAnimate(bannerName, pagingHolder, increment, autoTime, autoJump){
    var jumpToBanner = autoJump;
    var numElements = $(pagingHolder).size();
    var BannerWidth = numElements * increment;
    var currentElement = 1;
    var previousElement = 1;
    var currentPosition = 0;
    var isAnimating = false;
    var isLocked = false;
    var autoTimer;

    auto();
    
    if (jumpToBanner != "na"){
        currentElement = parseInt(jumpToBanner);
        diff = 1 - currentElement;
      amount= currentPosition + diff*increment;
      currentPosition = amount; 
      $("#"+bannerName).css("left",currentPosition)
    }

    $(pagingHolder+':nth-child('+jumpToBanner+')').toggleClass('current');
  
    $("#"+bannerName).css("width",BannerWidth+"px");

      $("#"+bannerName).hover(
        function () {
          isLocked = true;
        }, 
        function () {
          isLocked = false;
        }
      );
      
      $(pagingHolder).hover(
        function () {
          isLocked = true;
        }, 
        function () {
          isLocked = false;
        }
      );  
      
     $("#goBack").click(function(){
        bannerBackDo(bannerName);
     });
     $("#goNext").click(function(){
        bannerNextDo(bannerName);
     });

     function bannerBackDo(bannerNameIn){
        if (isAnimating != true){                
            if (currentElement == 1){
              previousElement = currentElement;
              currentElement = numElements;
               diff = previousElement - currentElement;
               amount= currentPosition + diff*increment;
              currentPosition = amount;
              move(amount, bannerNameIn);
            }else{
             previousElement = currentElement;
             currentElement = currentElement - 1;
             diff = previousElement - currentElement;
             amount= currentPosition + diff*increment;
            currentPosition = amount; 
            move(amount, bannerName);    
          }
          updateClass(currentElement, previousElement);
        }          
      }

      
     function bannerNextDo(bannerNameIn){
  
        if (isAnimating != true){
            if (currentElement == numElements){
              previousElement = currentElement;
              currentElement = 1;
               diff = previousElement - currentElement;
               amount= currentPosition + diff*increment;
              currentPosition = amount;

              move(amount, bannerName);
              
            }else{
             previousElement = currentElement;
             currentElement = currentElement + 1;
             diff = previousElement - currentElement;
             amount= currentPosition + diff*increment;
            currentPosition = amount; 

            move(amount, bannerName);    
          }
          updateClass(currentElement, previousElement);
        }
      }
    
    
    
    $(pagingHolder+' a').click(function (e) {
       e.preventDefault();  // to stop the div jump
      if (isAnimating != true){
           window.clearTimeout(autoTimer);
         previousElement = currentElement; 
         var itemlist = $(this).parent();
         
         var indexIs = $(this).parent().index();
         
         currentElement = parseInt(indexIs + 1);
         diff = previousElement - currentElement;
        amount= currentPosition + diff*increment;
        currentPosition = amount;

        move(amount, bannerName);
        auto();
        updateClass(currentElement, previousElement);
        }
        });
     
     function updateClass(on, off){

         if (on != off){ // if button is clicked twoce we dont want to switch the class
          $(pagingHolder+':nth-child('+ off+')').toggleClass('current');
          $(pagingHolder+':nth-child('+on+')').toggleClass('current');
        }
      };

     
  function auto(){
  if (autoTime != "none"){
     autoTimer = window.setTimeout( function() {            
    if(!isLocked && !isAnimating){

    if (currentElement == numElements){
      previousElement = currentElement;
       currentElement = 1;
       diff = previousElement - currentElement;
       amount= currentPosition + diff*increment;
      currentPosition = amount;

      move(amount, bannerName);
      
    }else{
    
     previousElement = currentElement;
     currentElement = currentElement + 1;
     diff = previousElement - currentElement;

     var amount = currentPosition + diff*increment;

    currentPosition = amount; 
    
    move(amount, bannerName);
        
    }
    updateClass(currentElement, previousElement);
     auto();
     }else{
       window.clearTimeout(autoTimer);
      auto();
     }
    }, autoTime);
    }//end auto none if
  } 
  
  
/*  function move(amount, objectName){
    isAnimating = true;
      $("#"+objectName).parent().fadeOut('fast', function(){
        $("#"+objectName).css('left',amount);
        $("#"+objectName).parent().fadeIn(200);
        isAnimating= false;
      });
  };*/
  
  function move(amount, objectName){
      isAnimating = true;
    $("#"+objectName).animate({left: amount}, 500,  'easeInCubic', function(){isAnimating= false;});
    };
    
  };

  

  


 //]]>