<!DOCTYPE html> 
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>-->
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0"/>
	<meta name="format-detection" content="telephone=no"><!-- Запрещаем авто поиск телефонов на странице-->
<meta name="keywords" content="универсальный банк, кредитование бизнеса, банковские услуги" />
<meta name="description" content="Банк Тетраполис оказывает банковские услуги представителям бизнеса  и частным клиентам. Особые условия и внимательное отношение к каждому клиенту - принципы нашего Банка" />
<link href="/bitrix/themes/.default/imyie.littleadmin.css?13854488462309" type="text/css"  rel="stylesheet" />
<link href="/bitrix/cache/css/sa/tetramobile_copy/kernel_main/kernel_main.css?13932721979387" type="text/css"  rel="stylesheet" />
<link href="/bitrix/cache/css/sa/tetramobile_copy/template_f4b98e0eea64b49973aecff069addb5a/template_f4b98e0eea64b49973aecff069addb5a_cac5a29d13bcc71790813e7b5d25e72f.css?13932721976851" type="text/css"  data-template-style="true"  rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="универсальный банк, кредитование бизнеса, банковские услуги" />
<meta name="description" content="Банк Тетраполис оказывает банковские услуги представителям бизнеса  и частным клиентам. Особые условия и внимательное отношение к каждому клиенту - принципы нашего Банка" />
<link href="/bitrix/themes/.default/imyie.littleadmin.css?13854488462309" type="text/css"  rel="stylesheet" />
<link href="/bitrix/cache/css/sa/tetramobile_copy/kernel_main/kernel_main.css?13932721979387" type="text/css"  rel="stylesheet" />
<link href="/bitrix/cache/css/sa/tetramobile_copy/template_f4b98e0eea64b49973aecff069addb5a/template_f4b98e0eea64b49973aecff069addb5a_cac5a29d13bcc71790813e7b5d25e72f.css?13932721976851" type="text/css"  data-template-style="true"  rel="stylesheet" />

<script type="text/javascript">if(!window.BX)window.BX={message:function(mess){if(typeof mess=='object') for(var i in mess) BX.message[i]=mess[i]; return true;}};</script><script type="text/javascript">(window.BX||top.BX).message({'LANGUAGE_ID':'ru','FORMAT_DATE':'DD.MM.YYYY','FORMAT_DATETIME':'DD.MM.YYYY HH:MI:SS','COOKIE_PREFIX':'TETRAPOLIS_SM','USER_ID':'','SERVER_TIME':'1400124287','SERVER_TZ_OFFSET':'14400','USER_TZ_OFFSET':'0','USER_TZ_AUTO':'Y','bitrix_sessid':'f4794f0192b45b1965ff73f0b8cc54ec','SITE_ID':'sa'});(window.BX||top.BX).message({'JS_CORE_LOADING':'Загрузка...','JS_CORE_NO_DATA':'- Нет данных -','JS_CORE_WINDOW_CLOSE':'Закрыть','JS_CORE_WINDOW_EXPAND':'Развернуть','JS_CORE_WINDOW_NARROW':'Свернуть в окно','JS_CORE_WINDOW_SAVE':'Сохранить','JS_CORE_WINDOW_CANCEL':'Отменить','JS_CORE_H':'ч','JS_CORE_M':'м','JS_CORE_S':'с','JSADM_AI_HIDE_EXTRA':'Скрыть лишние','JSADM_AI_ALL_NOTIF':'Показать все','JSADM_AUTH_REQ':'Требуется авторизация!','JS_CORE_WINDOW_AUTH':'Войти','JS_CORE_IMAGE_FULL':'Полный размер'});</script>

<script type="text/javascript" src="/bitrix/cache/js/sa/tetramobile_copy/kernel_main/kernel_main.js?1393272197110906"></script>
<script type="text/javascript" src="/bitrix/cache/js/sa/tetramobile_copy/kernel_altasib/kernel_altasib.js?13869395404018"></script>
<script type="text/javascript">BX.setCSSList(['/bitrix/js/main/core/css/core.css','/bitrix/js/main/core/css/core.css']); </script>
<script type="text/javascript">BX.setJSList(['/bitrix/js/main/core/core.js','/bitrix/js/main/core/core_ajax.js','/bitrix/js/main/session.js','/bitrix/js/altasib/snow/snow.js']); </script>
<script type="text/javascript">
bxSession.Expand(1440, 'f4794f0192b45b1965ff73f0b8cc54ec', false, 'e58f082fee1d66af30d5136a2f8767ba');
</script>

<script type='text/javascript'>top.BX['alxSnow'] = true; var sinkspeed=0.6; var snowletter ='*'; var snowmax = 50; var snowcolor=new Array('#aaaacc', '#ddddff', '#ccccdd', '#f3f3f3', '#f0ffff')</script>


<title>Банкоматы</title>
</head>
<body> <style>
	h3.title{
		text-align:center;
	}
table.bankomat{
	width:100%;
	border-collapse:collapse;
}
table.bankomat td{
	padding:0;
	border: 1px solid black;
}
table.bankomat td p{
	margin:0;
	padding:0;
}

table.metro-point{
	width:100%;
	border-space:collapse;
}
table.metro-point>tbody>tr:nth-child(3n) td{
	padding-bottom:10px;
}
table.metro-point td:first-child{
	width:100px;
}
#mapcanvas{
	width:100%;
	position:absolute;
	top:30px;
	bottom: 0;
	left:0;
	z-index: 1;
}
#pointGroup{
	position: absolute;
	left:0px;
	top:0px;
	z-index: 2;
	width:100%;
	height:30px;
}
</style>
 
<div id="mapcanvas"></div>
 <select id="pointGroup"> 	<option selected="" value="tt">Платежные терминалы КБ &quot;ТЕТРАПОЛИС&quot;</option> 	<option value="bt">Банкоматы КБ &quot;ТЕТРАПОЛИС&quot;</option> 	<option value="bp">Банкоматы АКБ &quot;Промсвязьбанк&quot;</option> </select> 
<script src="/components/js/jquery.js" type="text/javascript"></script>
 
<script src="http://api-maps.yandex.ru/2.0/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
 
<script type="text/javascript">
var BankomatsOnMaps={
	// @memberOf BankomatsOnMaps - init start Object
	// @param {String} mapNode - ID of element for Yandex map
	showOnMap:function(mapNode,callback){
		ymaps.ready(function(){
			this.map = new ymaps.Map(mapNode,{
				center: [59.938531, 30.313497],
				zoom: 10
			});
			this.map.controls.add(new ymaps.control.ZoomControl());
			this.map.controls.add('typeSelector');
			this.map.controls.add('zoomControl');
			callback&&callback(this.map);
		});
		
	},
	// @memberOf BankomatsOnMaps - load data and create provider for this data
	// @param {String} url - for xml file
	// @param {Function} handler - callback
	// @return {Function} - provider
	loadData:function(url,handler){
		$.ajax({
			type: "GET",
			url: url,
			dataType: "xml",
			success: function(xml) {
				var cache={};
				$(xml).find('group').each(function(){
					var 	$group=$(this),
							items=[];
					$group.find("metka").each(function(){
						var $this=$(this);
						items.push({
							lat:$this.attr('lat'),
							lng:$this.attr('lng'),
							adres:$this.find('adres').text(),
							description:$this.find('description').text(),
							station:$this.find('station').text(),
							time:$this.find('time').text()
						});
						
					});
					cache[$group.attr("type")]=items;
				});
				handler && handler(cache);
				
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
				alert("XMLHttpRequest: " + XMLHttpRequest + "\nTextStatus : " + textStatus + "\nError Thrown: " + errorThrown);
			}
		});
	}
};
//------------------------------------------------------------------------------------------
var 	ttControll,
		btControll,
		bpControll;
// Не нашел в яндекс api возможности для необходимого управления объектами на карте...
// Простой объект управления
// @param {ymaps.GeoObjectArray} group - объект-коллекция Точек на карте
// @param {Ymap} map - Объект яндекс карт
var GroupController=function(group,map){
	this.group=group;
	this.map=map;
};
GroupController.prototype.show=function(){
	this.map.geoObjects.add(this.group);
};
GroupController.prototype.hide=function(){
	this.map.geoObjects.remove(this.group);
};


$(document).ready(function(){ 
	// Из объекта полученного из xml файла сделать объект-коллекцию меток для Яндекс карт
    // @param {Array<Object>} marks
    // @param {String} title - заголовок меток
    // @return {ymaps.GeoObjectArray} Group
    var createPointGroup=function(marks){
    	var Group = new ymaps.GeoObjectArray();
		for(var i=0,max=marks.length;i<max;i++){
			var pointObject=marks[i];
			var mes=pointObject.adres+ (pointObject.description&&(", "+pointObject.description))+(pointObject.time&&(", "+pointObject.time));
			var placemark = new ymaps.Placemark([parseFloat(pointObject.lat||0,10), parseFloat(pointObject.lng||0,10)], {
			    balloonContent: '<p>'+mes+'</p>'
			}, {
			    preset: "twirl#redDotIcon",
			    balloonCloseButton: true, // Отключаем кнопку закрытия балуна.
			    hideIconOnBalloonOpen: true// Балун будем открывать и закрывать кликом по иконке метки.
			});
			Group.add(placemark);
		}
		return Group;
    };
	
	BankomatsOnMaps.loadData("/plastikovye_karty/adresa_bankomatov_terminalov/tetrabankomats.xml",
		function(pointCollections){
			// Окучиваем Яндекс карты
			BankomatsOnMaps.showOnMap("mapcanvas",function(ymap){

				// Создаем объект с помощью которого будем управлять точками на карте 
				ttControll=new GroupController(createPointGroup(pointCollections["tt"]),ymap);
				ttControll.show();
				btControll=new GroupController(createPointGroup(pointCollections["bt"]),ymap);
				bpControll=new GroupController(createPointGroup(pointCollections["bp"]),ymap);
				
			});
		}
	);
	//mapVisual.load();
	$("#pointGroup").change(function(){
		this.value=="tt"?ttControll.show():ttControll.hide();
		this.value=="bt"?btControll.show():btControll.hide();
		this.value=="bp"?bpControll.show():bpControll.hide();
	})
});
</script>

<!-- Yandex.Metrika counter --><div style="display:none;"><script type="text/javascript">(function(w,c) {(w[c]=w[c]||[]).push(function(){try {w.yaCounter650924 = new Ya.Metrika({id:650924,clickmap:true,trackLinks:true,accurateTrackBounce:true});}catch(e) {}});})(window, 'yandex_metrika_callbacks');</script></div><script src="http://mc.yandex.ru/metrika/watch_visor.js" type="text/javascript" defer="defer"></script><noscript><div><img src="http://mc.yandex.ru/watch/650924" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter --><!--noindex--> <div  style="display:none">	<!--LiveInternet counter--><script type="text/javascript">document.write("<a href='http://www.liveinternet.ru/click' target=_blank rel='nofollow'><img src='//counter.yadro.ru/hit?t26.2;r" + escape(document.referrer) + ((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth)) + ";u" + escape(document.URL) +";h"+escape(document.title.substring(0,80)) +  ";" + Math.random() + "' border=0 width=88 height=15 alt='' title='LiveInternet: �������� ����� ����������� �� �������'><\/a>")</script><!--/LiveInternet--></div><!--/noindex--></body>
</html>