jQuery(function($) {

	var iconsDataHolder = $('#hero .icons');
	var icons = $('#hero .icons img:not(#hero-main-icon)');
	
	// store original positions
	icons.each(function() {$(this).data('originalTop', parseInt($(this).css('top'), 10))});
		
	var animateIcons = function()
	{
		var currentIcon = 0;
		iconsDataHolder.data('active', true);
		
		function animateNextIcon()
		{
			if(!iconsDataHolder.data('active'))
				return;
				
			if(currentIcon >= icons.length)
				currentIcon = 0;
				
			icons.eq(currentIcon).delay(5000).animate({top:"+=2px"}, 100).animate({top:"-=4px"}, 100).animate({top:"+=4px"}, 100).animate({top:"-=2px"}, 100, animateNextIcon);
			++currentIcon;
		}
		animateNextIcon();
	}
	animateIcons();
	
	$('#hero .icons img[title]:not(#hero-main-icon)').tooltip({ 
		effect: 'slide',
		predelay: 30,
		delay: 30,
		onBeforeShow: function() {
			// stop prompting animation
			icons.stop(true);
			iconsDataHolder.data('active', false);
			
			var newTop = this.getTrigger().data('originalTop') + 2;
			this.getTrigger().animate({top: newTop}, 100);
		},
		onBeforeHide: function() {
			var newTop = this.getTrigger().data('originalTop') - 2;
			this.getTrigger().animate({top: newTop}, 100);
		}
	});

});