var tiptimer;


tiptimer = setInterval(function(){ 
	$('.tip').each(
			function(index){
				$(this).delay(index * 3000).fadeTo(1500, 1).fadeTo(3500,.4);
			});
}, 60000);


	
$(document).ready(function(){
	
	
	$('.tip')
	.fadeTo(1,.4)
	.hoverIntent(
		function(){
			$(this).fadeTo(100,.8);
		}, 
		function(){
			$('.tip:not(.active)').fadeTo(100,.4);

		}) 
	.click(
		function(event){
			event.stopPropagation();
			clearInterval(tiptimer);
			$('.tip').stop();
			$('.tip').removeClass('active').fadeTo(1,.4);
			$(this).addClass('active').fadeTo(1,1);
			$('.subpanel').hide();
			$(this).next(".subpanel").stop(true, true).show();
		}
	);
	
	$(document).click(function(){
		$('.tip').removeClass('active').fadeTo(100,.4);
		$('.subpanel').hide();
	});
	

	
	
});