var first = $('.home_dynamic_banners #banner .component_image:first');
var current = first;

current.fadeIn(1000, 'linear');
var timeOut = setTimeout(showNext, 10000)
// current.fadeIn(1000, 'linear');

function showNext() {
	current.fadeOut(1000);
	current = current.next();
	
	// IF THERE IS NO NEXT SET FIRST AS CURRENT
	if(current.length == 0) {
		current = first;
	}
	
	current.fadeIn(1000, 'linear', setTimeout(showNext, 10000));
}

function showView(id) {
	clearTimeout(timeOut);
	current.fadeOut(1000);
	current = $('#'+id);
	
	current.fadeIn(1000, 'linear', setTimeout(showNext, 10000));
}