//<![CDATA[

	function bannerAnimate(bannerName, pagingHolder, increment, autoTime, autoJump){
		var jumpToBanner = autoJump;
		var numElements = $("div#main-slide-holder ul li").length;
		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;
			  }
			);	

			this.bannerBack = function(bannerNameIn){
				bannerNameIn.preventDefault();  // to stop the div jump
				if (isAnimating != true){	
						if (currentElement == 1){
							previousElement = currentElement;
							currentElement = numElements;
							 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);
				}					
			}

			
			this.bannerNext = function(bannerNameIn){
				bannerNameIn.preventDefault();  // to stop the div jump
				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;});
		};
		
	};

	

	


 //]]>