// JavaScript Document
$(function(){
  // assign the slider to a variable
  var slider = $('#slider').bxSlider({
    controls: false,
	mode: 'vertical',
	auto: true,
	pause: 5000,
	onAfterSlide: function(currentSlide,totalSlides,currentSlideObject){ 
		$('.thumbs a').removeClass('pager-active');
		$('.thumbs a:eq('+currentSlide+')').addClass('pager-active');
	}
  });

  
  // assign a click event to the external thumbnails
  $('.thumbs a').click(function(){
   var thumbIndex = $('.thumbs a').index(this);
    // call the "goToSlide" public function
    slider.goToSlide(thumbIndex);
 
    // remove all active classes
    $('.thumbs a').removeClass('pager-active');
    // assisgn "pager-active" to clicked thumb
    $(this).addClass('pager-active');
    // very important! you must kill the links default behavior
    return false;
  });

  // assign "pager-active" class to the first thumb
  $('.thumbs a:first').addClass('pager-active');
});

$(function(){
   var slider = $('#slider_about').bxSlider({ 
	displaySlideQty: 3,
    moveSlideQty: 1	,
	controls:false
  });
  
  $('#left_arrow').click(function(){
    slider.goToPreviousSlide();
    return false;
  });

  $('#right_arrow').click(function(){
    slider.goToNextSlide();
    return false;
  });
});