var timerid;

function doSwitch() {
  var $active = $('#banner a.active');
  var parentElTemp = $active.parent();
  var parentEl = parentElTemp.parent();
  
  parentid = parentEl.attr('id');
  
  if(parentid == 'item1')
  {
		$("#bannerItem1").hide();
		$("#bannerItem3").hide();
		$("#bannerItem2").show();
		
  	elemid = 'item2';
		timerid = setTimeout( "doSwitch()", 8000 );
  }
  
  if(parentid == 'item2')
  {
		$("#bannerItem1").hide();
		$("#bannerItem2").hide();
		$("#bannerItem3").show();
		
  	elemid = 'item3';
		timerid = setTimeout( "doSwitch()", 8000 );
  }
  
  if(parentid == 'item3')
  {
		$("#bannerItem2").hide();
		$("#bannerItem3").hide();
		$("#bannerItem1").show();
		
  	elemid = 'item1';
		timerid = setTimeout( "doSwitch()", 8000 );
  }

  $active.removeClass('active').stop();
  activeel = $('#banner li#'+elemid);
  activeel.find('a').addClass('active').stop();
  
}
jQuery(document).ready(function () {

	//Hover functie
	$(".button").hover(function() {
		clearTimeout(timerid);
		
		$("#bannerItem1").hide();
		$("#bannerItem2").hide();
		$("#bannerItem3").hide();
		
		var btnid = $(this).attr('id');
		 //alert($(this).attr('id'));
		
		if(btnid == "item1")
		{
			$("#bannerItem1").show();
		}
		else if(btnid == "item2")
		{
			$("#bannerItem2").show();
		}
		else if(btnid == "item3")
		{
			$("#bannerItem3").show();
		}
	
		
		$('#banner a').removeClass('active').stop()
		$(this).find('a').addClass('active').stop()
	
		
	}, function() {
		//continue timer
  	timerid = setTimeout( "doSwitch()", 8000 );
	});
 
	$(function() {
	  timerid = setTimeout( "doSwitch()", 8000 );
	});
	
		$("#bannerItem1").show();


});