var debug;
var tid = new Array(); //для запуска/сброса таймера
var showing = new Array(); //индикатор текущего отображения

$(document).ready(function() {

//	debug = $('div.icons');

	$('div.wrap').each(function() {
		//настройка всплывающей менюшки: растягиваем фон по высоте до высоты слоя с пунктами
		var bg = $(this).find('div.popup-bg');
		var content = $(this).find('div.popup-content');
		bg.height(content.height());

		//обработка событий
		$(this).mouseover(function(event) {
			mc_over(event, this.id);
		});
		$(this).mouseout(function(event) {
			//устанавливаем задержку на скрытие меню, что бы можно было сбрасывать ее по необходимости.
			//например когда в пределах нужного слоя двигаешь мышкой по ссылкам, постоянно срабатывает over/out
			//для этих случаев и необходимо сбрасывать таймер скрытия меню
			var id = this.id;
			tid[id] = setTimeout(function() { mc_out(event, id) }, 200);
		});
	});
});

function mc_over(event, id) {

//	debug.append('over ' + id + ' | ');

	clearTimeout(tid[id]); //сбрасываем счетчик, что бы не сработал mc_out за просто так
	if (!showing[id]) { //данная менюшка еще не показывается
		showing[id] = true;
		var popup = $('#'+id).find('div.popup');
		var content = popup.find('div.popup-content');

		if ($('#'+id).parent().hasClass('li')) {
			//смотрим подменю на внутренних страницах, надо распологать менюшку по середине пункта меню
			popup.css('left', ($('#'+id).parent().width() / 2 - popup.width() / 2 + 12) + 'px'); //12px padding
			//на внутренних страницах прозрачность фона мешает читать, увеличиваем непрозрачность
			$('#'+id).find('div.popup-bg').css('opacity', 0.9);
		}

		popup.css('visibility', 'visible');
		popup.animate(
			{height: content.height()},
			'fast'
		);
	}
}
function mc_out(event, id) {

//	debug.append('out ' + id + ' | ');

	if (showing[id]) { //данная менюшка уже просматривается
		showing[id] = false;
		var popup = $('#'+id).find('div.popup');
		popup.animate(
			{height: 0},
			'fast',
			function() {
//				debug.append('hidden '+id+' | ');
				popup.css('visibility', 'hidden');
			}
		);
	}
}