jQuery( function() {

var _currentNavigation = '';
_currentNavigation += '<a class="prev"></a>';
_currentNavigation += '<div id="article-indicies">';

var _currentFirst = '<div class="solutions-article-list">';
var _currentMiddle = '<div class="solutions-article-list">';

jQuery( ".view-home-article-view .views-row" ).each( function( i ) {
	if( i == 0 ) _currentNavigation += '<a class="article-index active" rel="' + i + '">' + 0 + '' + ( i + 1 ) + '</a>';
	else _currentNavigation += '<a class="article-index" rel="' + i + '">' + 0 + '' + ( i + 1 ) + '</a>';
});
var _totalArticles = jQuery( ".view-solutions-article-view .views-row" ).length;
var _halfArticles = Math.ceil( _totalArticles / 2 );
jQuery( ".view-solutions-article-view .views-row" ).each( function( i ) {
	if( i == 0 ) _currentNavigation += '<a class="article-index active" rel="' + i + '">' + 0 + '' + ( i + 1 ) + '</a>';
	else _currentNavigation += '<a class="article-index" rel="' + i + '">' + 0 + '' + ( i + 1 ) + '</a>';

	var _currentTitle = jQuery( this ).find( "h3" ).text();
//	if( i % 2 == 0 ) {
	if( i < _halfArticles ) {
		_currentFirst += '<div class="solutions-article-title" rel="' + i + '">' + _currentTitle + '</div>'
	}
	else {
		_currentMiddle += '<div class="solutions-article-title" rel="' + i + '">' + _currentTitle + '</div>'
	}
});

_currentNavigation += '</div>';
_currentNavigation += '<a class="next"></a>';

_currentFirst += '</div>';
_currentMiddle += '</div>';

jQuery( "#article-navigation" ).html( _currentNavigation );
jQuery( "#block-block-21" ).find( ".content" ).html( _currentFirst );
jQuery( "#block-block-22" ).find( ".content" ).html( _currentMiddle );

jQuery( ".view-home-article-view a" ).bind( "click", function() {
	jQuery( this ).hide();
	jQuery( this ).parent().parent().find( ".home-article-how" ).toggle();
});

var _currentScrollable = jQuery( ".view-solutions-article-view, .view-home-article-view" ).scrollable({
	items: ".view-content",
	circular: true,
	speed: 800
}).autoscroll({ interval: 12000, api:true });//.navigator({ navi: "#article-indicies", api:true });

jQuery( ".article-index" ).bind( "click", function() {
	var _newIndex = jQuery( this ).attr( "rel" );
	var _currentIndex = _currentScrollable.getIndex();
	
//	jQuery( ".article-index" ).removeClass( "active" );
//	jQuery( ".article-index:eq(" + _newIndex + ")" ).addClass( "active" );
	
	if( _currentIndex == 0 && _newIndex == _totalArticles - 1 ) {
		_currentScrollable.prev();
	}
	else if( _currentIndex == _totalArticles - 1 && _newIndex == 0 ) {
		_currentScrollable.next();
	}
	else {
		var _currentDistance = Math.abs( _newIndex - _currentIndex );
		var _currentSpeed = _currentDistance * 700;
		_currentScrollable.seekTo( _newIndex, _currentSpeed );
	}
	stopScroll();
});

_currentScrollable.onSeek( function() {
	var _currentIndex = _currentScrollable.getIndex();
	
	jQuery( ".article-index" ).removeClass( "active" );
	jQuery( ".article-index:eq(" + _currentIndex + ")" ).addClass( "active" );
});


jQuery( ".solutions-article-title" ).bind( "click", function() {
	var _newIndex = jQuery( this ).attr( "rel" );
	var _currentIndex = _currentScrollable.getIndex();
	
//	jQuery( ".article-index" ).removeClass( "active" );
//	jQuery( ".article-index:eq(" + _newIndex + ")" ).addClass( "active" );

	if( _currentIndex == 0 && _newIndex == _totalArticles - 1 ) {
		_currentScrollable.prev();
	}
	else if( _currentIndex == _totalArticles - 1 && _newIndex == 0 ) {
		_currentScrollable.next();
	}
	else {
		var _currentDistance = Math.abs( _newIndex - _currentIndex );
		var _currentSpeed = _currentDistance * 700;
		_currentScrollable.seekTo( _newIndex, _currentSpeed );
	}
});

var _currentTimer;

function stopScroll() {
	_currentScrollable.stop();
	_currentTimer.clearTimeout();
	_currentTimer = setTimeout( "playScroll()", 15000 );
}
function playScroll() {
	_currentTimer.clearTimeout();
	_currentScrollable.play();
}
	

}); // ready