$(document).ready(function() {
	var delay = 4000;
	var count = 0;
	var newId = -1;
	var timer = setInterval(switchPanel, delay);
	
	$(".panel").eq(0).show();
	
	$("#panelMain").hover(
		function() {
			clearInterval(timer);
		},
		function() {
			timer = setInterval(switchPanel, delay);
		}
	);
	
	$(".panelNavItem").click(function() {
		newId = $(".panelNavItem").index(this);
		clearInterval(timer);
		timer = setInterval(switchPanel, delay);
		switchPanel();
	});
	
	function switchPanel() {
		$(".panelNavItem").eq(count).removeClass("activePanelNav");
		$(".panel").eq(count).fadeOut();
		
		if(newId == -1) {
			if(count == $(".panel").size()-1) count = 0;
			else count++;
		} else {
			count = newId;
			newId = -1;
		}
		
		$(".panelNavItem").eq(count).addClass("activePanelNav");
		$(".panel").eq(count).fadeIn();
	}
});