$(function() {
	var ind = null;
	if(document.getElementById('menu-slide-map')) {
		$('#select_okrug ul li a').each(function(index, elem) {
			if($(elem).hasClass('activate')) {
				ind = index;
				var top = parseInt(index/2) * (-110);
				var left = (index%2 == 0) ? 0 : -188;
				$('#menu-slide-map').css({
					'background-position': left + 'px ' + top + 'px'
				});	
			}
			$(elem).mouseenter(function() {
				var top = parseInt(index/2) * (-110);
				var left = (index%2 == 0) ? 0 : -188;
				$('#menu-slide-map-hover').css({
					'background-position': left + 'px ' + top + 'px'
				});
				var top = parseInt(ind/2) * (-110);
				var left = (ind%2 == 0) ? 0 : -188;
				$('#menu-slide-map').css({
					'background-position': left + 'px ' + top + 'px'
				});	
				if(index == 0) {
					$('#menu-slide-map').css({
						'background-position': 0 + 'px ' + 0 + 'px'
					});
				}
				
				//$('#select_okrug ul li a').each(function(index, elem) {
				//	$(elem).removeClass('activate');
				//});
				//$('#select_okrug ul li a').eq(index).addClass('activate');
			});
		});
		$('#select_okrug').mouseleave(function() {
			$('#menu-slide-map-hover').css({
				'background-position': '0 -440px'
			});
			var top = parseInt(ind/2) * (-110);
			var left = (ind%2 == 0) ? 0 : -188;
			$('#menu-slide-map').css({
				'background-position': left + 'px ' + top + 'px'
			});	
		});
	}
});

$(function(){
	
	(function(){
		var $select = $('#select_okrug');
		var $link = $('.select_link', $select);
		var $cont = $('.cont', $select);
		var $list = $('.list', $select);
		var $items = $('ul > li', $list);
		var timer;
		
		var mapRus = document.getElementById('map_russia') || null;
		var mapRusMin = document.getElementById('map_russia2') || null;
		
		var orderArray = [];
		
			var $menuAreas = $('#MapMenu > area');

			$menuAreas.each(function(i) {
				var $this = $(this);

				var order = $this.attr('rel');
				orderArray[i] = order;

				$this.hover(function(e) {
					$items.eq(i).attr('class', 'hover');
					if (mapRus) {
						mapRus.className = 'okrug' + order;
					}
					if (mapRusMin) {
						mapRusMin.className = 'okrug' + order;
					}
				}, function(e){
					$items.eq(i).attr('class', '');
					if (mapRus) {
						mapRus.className = 'okrug0';
					}
					if (mapRusMin) {
						mapRusMin.className = 'okrug0';
					}
				});
				
			});
			
			
			(function(){
				
				var $select2 = $('#select_region');
				var $link2 = $('.select_link', $select2);
				var $cont2 = $('.cont', $select2);
				var $in2 = $('.in', $cont2);
				var $items2 = $('ul > li', $in2);
				var timer2;
				
				var orderArray2 = [];
				

				
				var inH = $in2.height() + 45;
				
				var onEnter2 = function(e) {
					clearTimeout(timer2);
					$cont2.stop().animate({ height:inH }, 300);
				};
		
				var onLeave2 = function(e){
					timer2 = setTimeout(function(){
						$cont2.stop().animate({ height:18 }, 300);
					}, 500);
				};
				
				$select2.hover(onEnter2, onLeave2);
		
				$items2.each(function(i){
					
					var $this = $(this);
					
					$this.hover(function(e){
						this.className = 'hover';
					}, function(e){
						this.className = '';
					});
				});
			
			})();

		var onEnter = function(e) {
			clearTimeout(timer);
			$cont.stop().animate({ height:190 }, 300);
			$('#select_okrug .select_link a').css({
				'background-image': 'url("/nc/templates/Roszeldor/images/menu-slide/menu-text-hover.png")' // Важно!!! правильно указать путь к папке с изображениями!!!!!
			});
		};

		var onLeave = function(e){
			timer = setTimeout(function(){
				$cont.stop().animate({ height:18 }, 300);
				$('#select_okrug .select_link a').css({
				'background-image': 'url("/nc/templates/Roszeldor/images/menu-slide/menu-text.png")' // Важно!!! правильно указать путь к папке с изображениями!!!!!
			});
			}, 500);
		};
		
		$select.hover(onEnter, onLeave);

		$items.each(function(i){
			
			var $this = $(this);

			$this.hover(function(e){
				this.className = 'hover';
				if (mapRus) {
					mapRus.className = 'okrug' + orderArray[i];
				}
				if (mapRusMin) {
					mapRusMin.className = 'okrug' + orderArray[i];
				}
			}, function(e) {
				this.className = '';
				if (mapRus) {
					mapRus.className = 'okrug0';
				}
				if (mapRusMin) {
					mapRusMin.className = 'okrug0';
				}
			});
		});
	})();


	
});
