$(document).ready(function(){	
	$("#slider").easySlider({
		auto: 			true,
		continuous: 	true,
		controlsShow: 	false,
		pause: 			4000,
		onChange:		function(i){
							/*var logo_id 	= $( '#slider'+i +' a' ).attr( 'href' ); 

							// change all logo to bw
							$( '#logos li a' ).css( 'background-position', 'bottom left' );
							$( logo_id ).css( 'background-position', 'top left' );
							showNext();*/
						}
	});
	
	/*$('#logos').easySlider({
		
		auto: 			true,
		continuous: 	true,
		controlsShow: 	false,
		pause: 			10
		
	});*/
	
	
	//init_logo_jcarousel();
	
	$('#logos ul').bxCarousel({
		display_num: 5,       // number of elements to be visible
		move: 1,              // number of elements to the shift the slides
		speed: 2000,           // number in milliseconds it takes to finish slide animation
		margin:0,             // right margin to be applied to each <li> element (in pixels, although do not include "px")
		auto: true,          // automatically play slides without a user click
		auto_interval: 1,  // the amount of time in milliseconds between each auto animation
		auto_dir: 'next',     // direction of auto slideshow (options: 'next', 'prev')
		auto_hover: false,    // determines if the slideshow will stop when user hovers over slideshow
		next_text: 'next',    // text to be used for the 'next' control
		next_image: '',       // image to be used for the 'next' control
		prev_text: 'prev',    // text to be used for the 'prev' control
		prev_image: '',       // image to be used for the 'prev' control
		controls: false        // determines if controls will be displayed
	});

	
});

function showNext()
{
	$( '#btn_Next' ).click();
	
}
function init_logo_jcarousel()
{
	$( '#logos' ).infiniteCarousel({
		displayTime:				4000,
		displayProgressBar:			0,
		displayThumbnails:			0,
		displayThumbnailNumbers:	0,
		autoStart:					false,
		btnNext:					'#btn_Next'
	});
	
	/*$( '#logos' ).jCarouselLite({
		btnNext:	"#btn_Next"
	});*/
}