var ac = true;
var init = false;

var filterTick;
var filterInact = 6000;
var filterCount;
var filterCurrent = 0;
var $filterItems;
var $filterLinks;
var $filterItemList = [];
var $filterLinkList = [];

$(document).ready(function(){
	if( $("#filter div.filter-item").length == $("#filters a").length ) {
		
		$filterItems = $("#filter div.filter-item");
		$filterLinks = $("#filters a");
		filterCount = $filterItems.length;
		
		$filterLinks
			.mouseover(function(){
				clearInterval( filterTick );
				if( ac && !$(this).hasClass('active') ) {
					ac = false;
					var id = parseInt($(this).attr('id').replace('filter-link-',''));
					nextFilter( id-1 );
				}
			})
			.mouseout(function(){
				filterTick = setInterval( "nextFilter( filterCurrent+1 )", filterInact );
			})
			.each(function(k,v){
				$filterLinkList[k] = $(v);
				$filterItemList[k] = $("#filter-item-"+(k+1));
			});
		
    	if( filterCount > 1 )
    		filterTick = setInterval( "nextFilter( filterCurrent+1 )", filterInact );
		
	} else {
		alert( 'Error animating filters: Images - '+$("#filter div").length+', links - '+$("#filters a").length );
	}
});

/**
 * nextSlide
 * Show next slide
 * @return void
 */
function nextFilter( id ) {
    var filterNext = id;
    if( filterNext == filterCount ) filterNext = 0;
    $filterLinks.removeClass('active');
    $filterItemList[filterCurrent].animate({left:'-100%'}, 750 );
    $filterItemList[filterNext].animate({left:'0%'}, 750,function(){
    	filterCurrent = filterNext;
    	$filterLinkList[filterCurrent].addClass('active');
    	ac = true;
    });
}