var CurTopDiv = 0;
var MaxTopDiv = 2;
var CurDevDiv = 0;
var MaxDevDiv = 8;
var CurCliDiv = 0;
var MaxCliDiv = 3;

$(document).ready( function() {

	// Top Scroller

	$('#topScroller').cycle({
		fx: 'scrollLeft',
		timeout: 0,
		speed: 700,
		startingSlide: CurTopDiv
	});

	$('#topScroller').cycle(CurTopDiv);

	$('#topPrev').click( function() {
	
		clearInterval(topScrollInterval);
	
		$('#topScroller').cycle({
			fx: 'scrollRight',
			timeout: 0,
			speed: 700,
			startingSlide: CurTopDiv
		});
		
		CurTopDiv = CurTopDiv - 1;
	
		if ( CurTopDiv < 0 ) { CurTopDiv = MaxTopDiv; }
		
		$('#topScroller').cycle(CurTopDiv);
		
		return false;
		
	});
	
	$('#topNext').click( function() {
		
		clearInterval(topScrollInterval);
		
		$('#topScroller').cycle({
			fx: 'scrollLeft',
			timeout: 0,
			speed: 700,
			startingSlide: CurTopDiv
		});
		
		CurTopDiv = CurTopDiv + 1;
	
		if ( CurTopDiv > MaxTopDiv ) { CurTopDiv = 0; }
		
		$('#topScroller').cycle(CurTopDiv);
		
		return false;
		
	});
	
	// Dev Scroller

	$('#devScroller').cycle({
		fx: 'scrollLeft',
		timeout: 0,
		speed: 400,
		startingSlide: CurDevDiv
	});

	$('#devScroller').cycle(CurDevDiv);

	$('#devPrev').click( function() {
	
		$('#devScroller').cycle({
			fx: 'scrollRight',
			timeout: 0,
			speed: 400,
			startingSlide: CurDevDiv
		});
		
		CurDevDiv = CurDevDiv - 1;
	
		if ( CurDevDiv < 0 ) { CurDevDiv = MaxDevDiv; }
		
		$('#devScroller').cycle(CurDevDiv);
		
		return false;
		
	});
	
	$('#devNext').click( function() {
		
		$('#devScroller').cycle({
			fx: 'scrollLeft',
			timeout: 0,
			speed: 400,
			startingSlide: CurDevDiv
		});
		
		CurDevDiv = CurDevDiv + 1;
	
		if ( CurDevDiv > MaxDevDiv ) { CurDevDiv = 0; }
		
		$('#devScroller').cycle(CurDevDiv);
		
		return false;
		
	});
	
	// Cli Scroller

	$('#cliScroller').cycle({
		fx: 'scrollLeft',
		timeout: 0,
		speed: 700,
		startingSlide: CurCliDiv
	});

	$('#cliScroller').cycle(CurCliDiv);

	$('#cliPrev').click( function() {
	
		$('#cliScroller').cycle({
			fx: 'scrollRight',
			timeout: 0,
			speed: 700,
			startingSlide: CurCliDiv
		});
		
		CurCliDiv = CurCliDiv - 1;
	
		if ( CurCliDiv < 0 ) { CurCliDiv = MaxCliDiv; }
		
		$('#cliScroller').cycle(CurCliDiv);
		
		clearInterval(scrollInterval);
		
		return false;
		
	});
	
	$('#cliNext').click( function() {
		
		$('#cliScroller').cycle({
			fx: 'scrollLeft',
			timeout: 0,
			speed: 700,
			startingSlide: CurCliDiv
		});
		
		CurCliDiv = CurCliDiv + 1;
	
		if ( CurCliDiv > MaxCliDiv ) { CurCliDiv = 0; }
		
		$('#cliScroller').cycle(CurCliDiv);
		
		clearInterval(scrollInterval);
		
		return false;
		
	});
	
	var scrollInterval = setInterval ( "scrollClients()", 4000 );
	
	var topScrollInterval = setInterval ( "scrollTop()", 8000 );
	
	$('#cliPause').click( function() {
	
		clearInterval(scrollInterval);
		
		return false;
	
	});

});

function scrollClients () {

	$('#cliScroller').cycle({
		fx: 'scrollLeft',
		timeout: 0,
		speed: 700,
		startingSlide: CurCliDiv
	});
	
	CurCliDiv = CurCliDiv + 1;

	if ( CurCliDiv > MaxCliDiv ) { CurCliDiv = 0; }
	
	$('#cliScroller').cycle(CurCliDiv);

}

function scrollTop () {

	$('#topScroller').cycle({
		fx: 'scrollLeft',
		timeout: 0,
		speed: 700,
		startingSlide: CurTopDiv
	});
	
	CurTopDiv = CurTopDiv + 1;

	if ( CurTopDiv > MaxTopDiv ) { CurTopDiv = 0; }
	
	$('#topScroller').cycle(CurTopDiv);

}
