var hideBalloonTimeout = new Object;

$(window).load(function(){
	$(selector).each(function(){
		var id = $(this).find('img').attr('id');
		var alt = $(this).find('img').attr('alt');
		$(this).wrap('<div id="'+id+'_contain" class="container"></div>');
		$(this).after('<p id="'+id+'_balloon" class="balloon"><span>'+alt+'</span></p>');
		var balloon = $('#'+id+'_balloon');
		var center = (0 - (balloon.width()/2)) + ($(this).width()/2);
		
		balloon.css('left', center);
		$(this).hover(
			function(){
				if(hideBalloonTimeout[id]){ clearTimeout(hideBalloonTimeout[id]); }
				else{
					balloon.css('top', '-50px');
					balloon.animate(balloon_animateIn, balloon_inSpeed);
				}
			},
			function(){
				hideBalloonTimeout[id] = setTimeout(function(){
					hideBalloonTimeout[id] = null;								 
					balloon.animate(balloon_animateOut, balloon_outSpeed);
															 
				}, 1000);
				
			}
		);
	});			   
});
