var flag = false;
var loading = false;

$(document).ready(function() 
{
	flag = false;
	setTimeout('hide_info(flag);',300);
});

function hide_info(local_flag)
{

	if(local_flag == true)
	{
	//	$(".dots[height='26']").animate({ width: "20px", height: "20px"}, 300);
//		$(".dots[height='26']").attr({ src: "/images/icons/logo_icon.gif"});
		$(".dots_big").hide();
		$(".dots_big").css({zIndex: '5'});
		$(".dots").css({zIndex: '5'});
//		$("#place_info").fadeOut(350, function() {$("#place_info").html('<div style="background-image: url(/images/ajax-loader.gif); background-position: center; width: 251px; height: 141px; background-repeat: no-repeat; position: absolute;" id="loading_div"></div>');});
		$("#place_info").fadeOut(350);
//		$("#place_info").html('<div style="background-image: url(/images/ajax-loader.gif); background-position: center; width: 251px; height: 141px; background-repeat: no-repeat; position: absolute;" id="loading_div"></div>');

		$("#place_info").html("");
	}
//	else $(".dots[height='26']").attr({ src: "/images/icons/diler.gif", width: "20px", height: "20px"});
	
	flag = false;
	setTimeout('hide_info(flag);',300);
}

function hide_once()
{
	
}

function img_lost_focus()
{
	$(".dots_big").hide();
}


var hide_flag = true;

function show_info(id)
{
	$("#loading_div").show();
	flag = false;
	var margin_top = $("#" + id).css("top");
	var margin_left = $("#" + id).css("left");
	margin_top = parseFloat(margin_top) + 22;
	margin_left = parseFloat(margin_left) + 22;
	var icon_src;
	var div_src;
	div_src = 'info1.gif';
	
	if((margin_left + 251 > 634) && (margin_top + 141 > 626))
	{
		margin_left = margin_left - 251 - 22;
		margin_top = margin_top - 141 - 22;
		div_src = 'info4.gif';
	}
	else if(margin_top + 141 > 626)
	{
		margin_top = margin_top - 141 - 22;
		div_src = 'info3.gif';
	}
	else if(margin_left + 251 > 634)
	{
		margin_left = margin_left - 251 - 22;
		div_src = 'info2.gif';
	}
	div_src = 'url(/images/icons/' + div_src + ')';
	$("#place_info").css({backgroundImage: div_src});
	$("#place_info").css({top: margin_top, left: margin_left});
	$("#place_info").fadeIn(350);

	var req = new JsHttpRequest();
	
		req.onreadystatechange = function()
		{
			if(req.readyState == 4 && req.responseJS)
			{
				if(hide_flag == true) 
				$(".dots_big").hide();
				hide_flag = false;

				$("#" + id + "_big").css({zIndex: '10'});
				$("#" + id + "_big").show();
				// $("#" + id).animate({ width: "26px", height: "26px"}, 300);
				var logo;
				var yandex_map;
				var br;
				var type;

				if(req.responseJS.map_id == 1) type = 'м'; else type = 'г';
				if(req.responseJS.metro == 'Не определено')
				{
					req.responseJS.metro = '';
					type = '';
					br = '';
				}
				else br = '<br>';
				if(req.responseJS.logo_src.length > 0) logo = '<img src="' + req.responseJS.logo_src + '">'; else logo = '&nbsp;';
				if(req.responseJS.yandex_map.length > 0) yandex_map = '<a target="_blank" style="font-size: 12px; color: #f6952a; font-weight: bold; text-decoration: underline;" href="' + req.responseJS.yandex_map + '">Посмотреть на Яндекс.Картах</a>'; else yandex_map = '';
				var content = '<table style="width: 100%;" onMouseOver="javascript: flag=false;" onMouseOut="javascript: flag=true;"><tr><td style="font-size: 0; padding: 10px 10px 0 10px;">' + logo + '</td><td style="font-size: 12px; color: #75a837; padding-right: 10px;" align="right">' + req.responseJS.type + '</td></tr><tr><td colspan="2" style="font-size: 12px; color: #75a837; padding: 0 10px 0 10px"><strong>' + type + '. '+ req.responseJS.metro + '</strong>' + br + ' ' + req.responseJS.header + '<br>' + req.responseJS.address + '<br>Телефон: ' + req.responseJS.phone + '</td></tr><tr><td colspan="2" align="right" style="font-size: 0; padding: 12px 10px 10px 0;">' + yandex_map + '</td></tr></table>';
				$("#place_info").html(content);
				$("#loading_div").hide();
			}
		}
		req.caching = false;
		req.open("POST", "/map/get_info_public.php", true);
		req.send({id: id});
}

function load_detail_info(id)
{
	$("#selected_place").show();
	var correct_id = id.lastIndexOf('_');
	correct_id = id.substring(5, correct_id)
	id = correct_id;

	var req2 = new JsHttpRequest();
		req2.onreadystatechange = function()
		{
			if (req2.readyState == 4)
			{
				var logo_detail;
				var yandex_map_detail;
				var br;
				var type;
				
				if(req2.responseJS.map_id == 1) var type = 'м'; else var type = 'г';
				if(req2.responseJS.metro == 'Не определено')
				{
					req2.responseJS.metro = '';
					type = '';
					br = '';
				}
				else br = '<br>';
				var kitchen = new String();
				var dinner_groups = new String();
				var assortiment = new String();
				
				if(req2.responseJS.kitchens == 1) kitchen = 'кухни';
				if(req2.responseJS.dinner_groups == 1) dinner_groups = 'обеденные группы';
				if(kitchen.length > 0 && dinner_groups.length > 0) assortiment = '<strong>Ассортимент:</strong> ' + kitchen + ', ' + dinner_groups + '<br>';
				if(kitchen.length > 0 && dinner_groups.length == 0) assortiment = '<strong>Ассортимент:</strong> ' + kitchen + '<br>';
				if(kitchen.length == 0 && dinner_groups.length > 0) assortiment = '<strong>Ассортимент:</strong> ' + dinner_groups + '<br>';
				if(assortiment.length == 0) assortiment = '';
				
				
				if(req2.responseJS.photo.length > 0) photo_detail = '<a href="#" style="text-decoration: underline; color: #75a837;" onClick="window.open(\''+ req2.responseJS.photo +'\', \'Image\', \'width=500,height=300,scrollbars=no,toolbar=no,location=no,status=no,resizable=yes,screenX=120,screenY=100\'); return false;">Посмотреть фотографию</a>'; else photo_detail = '&nbsp;';
				if(req2.responseJS.logo_src.length > 0) logo_detail = '<img src="' + req2.responseJS.logo_src + '">'; else logo_detail = '&nbsp;';
				
				if(req2.responseJS.yandex_map.length > 0) yandex_map_detail = '<a target="_blank" style="font-size: 12px; color: #f6952a; font-weight: bold; text-decoration: underline;" href="' + req2.responseJS.yandex_map + '">Посмотреть на Яндекс.Картах</a>'; else yandex_map_detail = '';
				
				var content = '<table style="width: 100%; background-color: #ffffff" onMouseOver="javascript: flag=false;" onMouseOut="javascript: flag=true;"><tr><td style="font-size: 0; padding: 10px 10px 0 10px;">' + logo_detail + '</td><td style="font-size: 14px; color: #75a837; padding-right: 10px;" align="right">' + req2.responseJS.type + '</td></tr><tr><td colspan="2" style="font-size: 14px; color: #75a837; padding: 0 10px 0 10px"><strong>'+ type +'. '+ req2.responseJS.metro + '</strong>' + br +'<strong>Торговая точка:</strong> ' + req2.responseJS.header + '<br><strong>Адрес:</strong> ' + req2.responseJS.address + '<br><strong>Телефон:</strong> ' + req2.responseJS.phone + '<br>' + assortiment + ' ' + photo_detail + '</td></tr><tr><td colspan="2" align="right" style="font-size: 0; padding: 0 10px 10px 0;">' + yandex_map_detail + '</td></tr></table>';
				$("#detail_place_info").html(content);
				$("#detail_place_info").css({border: 'solid 1px #74A936'});
			}
		}
		req2.caching = false;
		req2.open("POST", "/map/get_info_public_detail.php", true);
		req2.send({id: id});
}

/*
function set_first_event()
{
	show_place_info = true;
}

function set_new_event()
{
//	alert(show_place_info);
	document.getElementById('place_border').setAttribute("onmouseover", new Function ("hide_info("+ show_place_info + ")"));
	$("#place_border").attr({MouseOver: 'hide_info(' + show_place_info + ')'});
//	alert($("#place_border").attr('onmouseover'));
}


function hide_info(show_place_info)
{
//	alert('fsd');
	$(".dots").animate({ width: "22px", height: "22px"}, 300);
	if(show_place_info == false)
	{
		$("#place_info").fadeOut(500);
		$("#place_info").html("");
	}
	document.getElementById('place_info').setAttribute("onmouseout", new Function ("hide_all()"));
	$("#place_info").attr({MouseOut: 'hide_all()'});
	show_place_info = false;
//	alert($("#place_info").attr('onmouseout'));
		

}

function hide_all()
{
	$(".dots").animate({ width: "22px", height: "22px"}, 300);
	$("#place_info").fadeOut(500);
	$("#place_info").html("");
}
*/