var map;

function mapInit() {
	var canvas = document.getElementById('map-canvas');
	var coords = canvas.getAttribute('data-coords');
	var commaPos = coords.indexOf(',');
	var lat = parseFloat(coords.substring(0, commaPos));
	var lng = parseFloat(coords.substring(commaPos + 1, coords.length));
	var myLatlng = new google.maps.LatLng(lat, lng);
	var mapOptions = {
		zoom: 15,
		center: myLatlng
	};
	map = new google.maps.Map(canvas, mapOptions);

	var marker = new google.maps.Marker({
		position: myLatlng,
		map: map
	});
}
/*  */
function addError(inputId, msg){
    var $input = $('#reg_form '+ inputId);
    var $error = $("<div>").attr("class", "pwf-msg").append(
                     $("<div>").attr("class", "msg-error").append(msg)
                  );

    $input.parent().parent().append($error)

}

!function ($) {

	var $win = $(window);
	var $html = $('html');
	var $body = $('body');
	var $doc = $(document);

	$.widget( "custom.catcomplete", $.ui.autocomplete, {
		_renderMenu: function( ul, items ) {
			var that = this,
				currentCategory = "";
			$.each( items, function( index, item ) {
				if ( item.category != currentCategory ) {
					ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
					currentCategory = item.category;
				}
				that._renderItemData( ul, item );
			});
		}
	});
	
    /* submiting registration form */
	$(function () {
		$('#send_message_form').on('submit', function(event){
			event.preventDefault();
			$this = $(this);
			var formData = $this.serialize();
			var url = $this.attr('action')
			$.post(url, formData, function(data){
				if (data.success){					
					$.fancybox.close();					
					$this.find('#id_body').val('')
				}				
			});			
		});
		$('#reply_form').on('submit', function(event){
			event.preventDefault();
			$this = $(this);
			var formData = $this.serialize();			
			var reply_message = $('#reply_message').val()
			var url = '/profile/messages/reply/'+reply_message+'/'						
			
			$.post(url, formData, function(data){
				if (data.success){					
					$.fancybox.close();
					$this.find('#id_recipient').val('')
					$this.find('#id_body').val('')
				}				
			});			
			
		});

	    $('.visit').on('click', function(event){
	        event.preventDefault();
	        var url = $(this).attr('href');
	        $.get(url, function(data){
	            if (data.not_authorized){
	                $.fancybox.open('#pw-login');
	            }
	        });

	    });

	    $('.addcalendar').on('click', function(event){
	        event.preventDefault();
	        var url = $(this).attr('href');
	        $.get(url, function(data){
	            if (data.not_authorized){
	                $.fancybox.open('#pw-login');
	            }
	        });

	    });

        $('#reg_form').on('submit', function(event){
            event.preventDefault();
            var formData = $(this).serialize();
            var url = '/register/';

            $.post(url, formData, function(data){
                if(data.success){
                    //register success

                    // remove input values
                    $('#reg_form input').each(function(i){
                        $(this).val("");
                    });
                    // close popup
                    $.fancybox.close();

                }
                else{
                    // hide help messages
                    $("#reg_form .msg-help:visible").hide();
                    // delete previous errors
                    $("#reg_form .msg-error").parent().remove();

                    // generate new errors
                    var form_inputs = ['first_name', 'last_name', 'email', 'password1', 'password2']
                    for(var i= 0; i < form_inputs.length; i++){
                        if(form_inputs[i] in data){
                            var input_id = '#id_'+form_inputs[i];
                            addError(input_id, data[form_inputs[i]])
                        }
                    }
                }
            });
        });
        /* submiting change password form */
        $('#paswd_change').on('submit', function(event){
                event.preventDefault();
                var formData = $(this).serialize();
                var url = '/profile/change-password/';
                var $form = $(this);
                $.post(url, formData, function(data){
                    if (data.success){                        
                        $('#paswd_change .mf-success').fadeIn(300);
                        setTimeout(function(){
                            $('#paswd_change .mf-success').fadeOut(300);
                        }, 3000);
                        $form.find('#id_old password').val('')

                    }
                    else{
                        // remove previous error
                        $('#paswd_change .mf-error').parent().remove();
                        // add new error
                        var $element = $("<div>").attr("class", "mf-line").append(
                            $("<div>").attr("class", "mf-error").append(data.errors[0]))
                        $form.find('.mf-buttons-line').before($element);
                    }
                });
            });
        $('.reg').on('click', function(event){
            event.preventDefault();
            $('.register').click();
        });


		/* Нестандартное оформление для поля select */
		$.fn.customSelect = function () {
			return $(this).each(function() {				
				var $this = $(this);
				var $options = $this.children('option');
				var numberOfOptions = $this.children('option').length;
				var $selected = $(":selected", $this);
				console.log($selected);
				// Hides the select element
				$this.addClass('s-hidden');

				// Wrap the select element in a div
				$this.wrap('<div class="custom-select"></div>');

				// Insert a styled div to sit over the top of the hidden select element
				$this.after('<div class="custom-select-wrap"><div class="custom-select-text"></div></div>');

				// Cache the styled div
				var $styledSelect = $this.next('div.custom-select-wrap');
				var $styledSelectText = $styledSelect.children('.custom-select-text');

				// Show the first select option in the styled div
				$styledSelectText.text($this.children('option').eq(0).text());

				if ( $options.index($selected) == 0 && (!$this.children('option').eq(0).val() || !$this.children('option').eq(0).attr('value')) ) {
					$styledSelectText.addClass('placeholder');
				}

				var $menu = $('<div class="cs-menu-wrap options"><div class="scroll-container"><div class="scroll-content clearfix"></div></div></div>').insertAfter($styledSelect);
				var $optionsWrap = $menu.find('.scroll-content');

				// Insert an unordered list after the styled div and also cache the list
				var $list = $('<ul />').appendTo($optionsWrap);

				// Insert a list item into the unordered list for each select option
				for (var i = 0; i < numberOfOptions; i++) {
					var oText = ($this.children('option').eq(i).text() != '') ? $this.children('option').eq(i).html() : '&nbsp;';
					$('<li />', {
						html: oText,						
						'data-value': $this.children('option').eq(i).val()
					}).appendTo($list);
				}

				// Cache the list items
				var $listItems = $list.children('li');

				// Show the unordered list when the styled div is clicked (also hides it if the div is clicked again)
				$styledSelect.on('click', function(e) {
					e.stopPropagation();
					//$('div.styledSelect.active').each(function() {
					$('div.custom-select-wrap.active').not(this).each(function() {
						$(this).removeClass('active').next('.options').hide();
					});
					if (!$this.prop('disabled')) {
						$(this).toggleClass('active').next('.options').toggle();
					}
				});

				// Hides the unordered list when a list item is clicked and updates the styled div to show the selected list item
				// Updates the select element to have the value of the equivalent option
				$listItems.on('click', function(e) {
					var $el = $(this);
					e.stopPropagation();
					$styledSelectText.text($el.text());
					$styledSelect.removeClass('active');
					$this.val($el.data('value'));
					if ( $el.index() == 0 && (!$this.children('option').eq(0).val() || !$this.children('option').eq(0).attr('value')) ) {
						$styledSelectText.addClass('placeholder');
					} else {
						$styledSelectText.removeClass('placeholder');
					}
					$menu.hide();
				});

				// Hides the unordered list when clicking outside of it
				$(document).on('click', function() {
					$styledSelect.removeClass('active');
					$menu.hide();
				});

			});
		};
		$("select:not([multiple])").customSelect();

		/* Нестандартное оформление для поля checkbox */
		$.fn.customRadioCheck = function () {
			return $(this).each(function () {
				var $el = $(this);
				var type = $el.attr("type");
				var $label = $el.closest("label");
				var $customCheckbox = $el.wrap("<span class='custom-"+ type +"' />").parent();
				$label.addClass("custom-radio-check");
				function setState () {
					if (type == 'radio') {
						var name = $el.attr('name');
						var $radios = $('input[type="radio"]').filter('[name="' + name + '"]');
						$radios.each(function () {
							var $container = $(this).closest('.custom-radio');
							$container.removeClass('checked');
							if ($(this).is(':checked')) {
								$container.addClass('checked');
							}
						});
					} else {
						if ($el.prop("checked")) {
							$customCheckbox.addClass("checked");
						} else {
							$customCheckbox.removeClass("checked");
						}
					}
					$el.trigger('blur');
				}
				setState();
				$el.on("change", setState);
			});
		};

		$("input[type='checkbox'], input[type='radio']").customRadioCheck();

		/* Обработка autocomplete в полях поиска
		*  используется jQuery UI Autocomplete
		* */
		var data = [
			{ label: 'Машпром 2013', type: '', category: 'События' },
			{ label: 'Маркетинг, реклама, PR', type: '', category: 'Тематики:' },
			{ label: 'Машиностроение, автоматизация, робототехника', type: '', category: 'Тематики:' },
			{ label: 'Маркетинг, реклама, PR', type: '', category: 'Тематики:' },
			{ label: 'Маркеты', type: '', category: 'Теги:' },
			{ label: 'Маркетинг', type: 'выставки', category: 'Теги:' },
			{ label: 'Маркетинг', type: 'конференции', category: 'Теги:' },
			{ label: 'Магазины', type: '', category: 'Теги:' },
			{ label: 'Маркетинг', type: '', category: 'Теги:' }
		];

		$('input[type="text"].autocomplete').each(function () {
			var $input = $(this);
			var $iWrap = $input.closest('.sf-field-wrap');
			var $acWrap = $('<div class="sf-autocomplete"><div class="sfa-wrap"></div></div>');
			var $acSect = $acWrap.find('.sfa-wrap');

			$acWrap.appendTo($iWrap);

			$input.catcomplete({
				appendTo: $acSect,
				delay: 0,
				source: data,
				open: function () {
					$acSect.addClass('show');
				},
				close: function () {
					$acSect.removeClass('show');
				},
				select: function( event, ui ) {
					var type = ui.item.type != '' ? ' (' + ui.item.type + ')' : '';
					ui.item.value = ui.item.label + type;
				}
			}).data( 'customCatcomplete' )._renderItem = function( ul, item ) {
				var descr = item.type != '' ? ' <i>(' + item.type + ')</i>' : '';
				return $( '<li>' )
					.append( '<a>' + item.label + descr + '</a>' )
					.appendTo( ul );
			};
		});

		/* Галереи-слайдеры на главной
		*  использован плагин Swiper
		*  http://www.idangero.us/sliders/swiper/api.php
		* */
		$('#mp-recent-expo').each(function () {
			var $reContainer = $(this);
			var $reSwipeWrap = $reContainer.children('ul');
			var $reSwipeItems = $reSwipeWrap.children('li');
			var $reControls = $reContainer.children('div.re-controls');
			var $recPrev = $reControls.children('a.prev');
			var $recNext = $reControls.children('a.next');

			if ($reSwipeItems.length > 1) {
				$reControls.addClass('enabled');
				$reSwipeItems.css({
					display: 'block'
				});
				$reContainer.height($reSwipeItems.eq(0).height());
				var $reSwiper = $reContainer.swiper({
					speed: 500,
					mode:'horizontal',
					loop: false,
					simulateTouch: false,
					onInit: function () {
						$recPrev.addClass('disabled');
					},
					onSlideChangeStart: function (swiper) {
						$reContainer.animate({
							height: $reSwipeItems.eq(swiper.activeIndex).children('div.re-body').height()
						}, 300);
						if (swiper.activeIndex == 0) {
							if (!$recPrev.hasClass('disabled')) {
								$recPrev.addClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						} else if (swiper.activeIndex == swiper.slides.length-1) {
							if (!$recNext.hasClass('disabled')) {
								$recNext.addClass('disabled');
							}
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
						} else {
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						}
					}
				});

				$recPrev.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipePrev();
					}
					return false;
				});
				$recNext.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipeNext();
					}
					return false;
				});
			}

		});

		$('#mp-photo-gallery').each(function () {
			var $reContainer = $(this);
			var $reSwipeWrap = $reContainer.children('ul');
			var $reSwipeItems = $reSwipeWrap.children('li');
			var $reControls = $reContainer.children('div.re-controls');
			var $recPrev = $reControls.children('a.prev');
			var $recNext = $reControls.children('a.next');

			if ($reSwipeItems.length > 1) {
				$reControls.addClass('enabled');
				var $reSwiper = $reContainer.swiper({
					speed: 500,
					mode:'horizontal',
					loop: false,
					simulateTouch: false,
					onInit: function (swiper) {
						$recPrev.addClass('disabled');
					},
					onSlideChangeStart: function (swiper) {
						var $descrs = $reSwipeItems.find('div.pgi-descr');
						$descrs.animate({
							height: 'hide',
							opacity: 'hide'
						}, 500);
						if (swiper.activeIndex == 0) {
							if (!$recPrev.hasClass('disabled')) {
								$recPrev.addClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						} else if (swiper.activeIndex == swiper.slides.length-1) {
							if (!$recNext.hasClass('disabled')) {
								$recNext.addClass('disabled');
							}
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
						} else {
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						}
					},
					onSlideChangeEnd: function (swiper) {
						var $descrs = $reSwipeItems.find('div.pgi-descr');
						$descrs.eq(swiper.activeIndex).slideDown(250);
					}
				});

				$recPrev.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipePrev();
					}
					return false;
				});
				$recNext.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipeNext();
					}
					return false;
				});
			}
		});

		$('#ps-photo-gallery').each(function () {
			var $reContainer = $(this);
			var $reSwipeWrap = $reContainer.children('ul');
			var $reSwipeItems = $reSwipeWrap.children('li');
			var $reControls = $reContainer.children('div.re-controls');
			var $recPrev = $reControls.children('a.prev');
			var $recNext = $reControls.children('a.next');

			if ($reSwipeItems.length > 1) {
				$reControls.addClass('enabled');
				$reSwipeItems.css({
					display: 'block'
				});
				var $reSwiper = $reContainer.swiper({
					speed: 500,
					mode:'horizontal',
					calculateHeight: true,
					loop: false,
					simulateTouch: false,
					onInit: function (swiper) {
						$recPrev.addClass('disabled');
					},
					onSlideChangeStart: function (swiper) {
						if (swiper.activeIndex == 0) {
							if (!$recPrev.hasClass('disabled')) {
								$recPrev.addClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						} else if (swiper.activeIndex == swiper.slides.length-1) {
							if (!$recNext.hasClass('disabled')) {
								$recNext.addClass('disabled');
							}
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
						} else {
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						}
					}
				});

				$recPrev.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipePrev();
					}
					return false;
				});
				$recNext.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipeNext();
					}
					return false;
				});
			}

		});

		$('#s-slide-gallery').each(function () {
			var $reContainer = $(this);
			var $reSwipeWrap = $reContainer.children('ul');
			var $reSwipeItems = $reSwipeWrap.children('li');
			var $reControls = $reContainer.children('div.re-controls');
			var $recPrev = $reControls.children('a.prev');
			var $recNext = $reControls.children('a.next');

			if ($reSwipeItems.length > 4) {
				$reControls.addClass('enabled');
				$reSwipeItems.css({
					display: 'block'
				});

				$win.on('resize', function () {
					$reContainer.height($reSwipeItems.eq(0).height());
				}).trigger('resize');

				var $reSwiper = $reContainer.swiper({
					slidesPerView: 4,
					slidesPerGroup: 4,
					speed: 500,
					mode:'horizontal',
					calculateHeight: true,
					loop: false,
					simulateTouch: false,
					onInit: function (swiper) {
						$recPrev.addClass('disabled');
					},
					onSlideChangeStart: function (swiper) {
						if (swiper.activeIndex == 0) {
							if (!$recPrev.hasClass('disabled')) {
								$recPrev.addClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						} else if (swiper.activeIndex == swiper.slides.length-4) {
							if (!$recNext.hasClass('disabled')) {
								$recNext.addClass('disabled');
							}
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
						} else {
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						}
					}
				});

				$recPrev.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipePrev();
					}
					return false;
				});
				$recNext.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipeNext();
					}
					return false;
				});

			}

		});

		$('.sli-slides').each(function () {
			var $reContainer = $(this);
			var $reSwipeWrap = $reContainer.children('ul');
			var $reSwipeItems = $reSwipeWrap.children('li');
			var $reControls = $reContainer.children('div.re-controls');
			var $recPrev = $reControls.children('a.prev');
			var $recNext = $reControls.children('a.next');

			if ($reSwipeItems.length > 4) {
				$reControls.addClass('enabled');
				$reSwipeItems.css({
					display: 'block'
				});

				$win.on('resize', function () {
					$reContainer.css({
						height: $reSwipeItems.eq(0).height()
					});
				}).trigger('resize');

				var $reSwiper = $reContainer.swiper({
					slidesPerView: 4,
					slidesPerGroup: 4,
					calculateHeight: true,
					speed: 500,
					mode:'horizontal',
					loop: false,
					simulateTouch: false,
					onInit: function (swiper) {
						$recPrev.addClass('disabled');
					},
					onSlideChangeStart: function (swiper) {
						if (swiper.activeIndex == 0) {
							if (!$recPrev.hasClass('disabled')) {
								$recPrev.addClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						} else if (swiper.activeIndex == swiper.slides.length-4) {
							if (!$recNext.hasClass('disabled')) {
								$recNext.addClass('disabled');
							}
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
						} else {
							if ($recPrev.hasClass('disabled')) {
								$recPrev.removeClass('disabled');
							}
							if ($recNext.hasClass('disabled')) {
								$recNext.removeClass('disabled');
							}
						}
					}
				});

				$recPrev.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipePrev();
					}
					return false;
				});
				$recNext.on('click', function () {
					if (!$(this).hasClass('disabled')) {
						$reSwiper.swipeNext();
					}
					return false;
				});

			}

		});

		/* Открытие popup диалогов */
		var fbPopupOptions = {
			padding: 0,
			fitToView: false
		};

		$('a.pw-open').fancybox(fbPopupOptions);

		/* Обработка placeholder для старых браузеров */
		$('input[placeholder], textarea[placeholder]').placeholder();

		/* показ сообщений помощи в полях диалогов*/
		$doc.on('focus', 'form.pw-form input[type="text"], form.pw-form input[type="password"]', function (event) {
			var $input = $(this);
			var $fLine = $input.closest(".pwf-line");
			var $help = $fLine.find('div.msg-help');
            var $error = $fLine.find('div.msg-error');
            var $error2 = $(this).parent().parent().parent().find('.mf-error');
            $error.parent().remove();
            $error2.parent().remove();

			if ($help.is(':hidden')) {
				$help.fadeIn(300);
			}
		});

		$doc.on('blur', 'form.pw-form input[type="text"], form.pw-form input[type="password"]', function (event) {
			var $input = $(this);
			var $fLine = $input.closest(".pwf-line");
			var $help = $fLine.find('div.msg-help');
			if ($help.is(':visible')) {
				$help.fadeOut(300);
			}
		});

		/* jQueri UI Datepicker */
		$.datepicker.setDefaults($.datepicker.regional["ru"]);

		$( "#dateFrom" ).datepicker({
			dateFormat: 'dd.mm.yy',
			showOn: 'button',
			showOtherMonths: true,
			constrainInput: true,
			onClose: function( selectedDate ) {
				$( "#dateTo" ).datepicker( "option", "minDate", selectedDate );
			}
		});
		$( "#dateTo" ).datepicker({
			dateFormat: 'dd.mm.yy',
			showOn: 'button',
			showOtherMonths: true,
			constrainInput: true,
			onClose: function( selectedDate ) {
				$( "#dateFrom" ).datepicker( "option", "maxDate", selectedDate );
			}
		});

		/* Custom scroll
		*  использован плагин malihu-custom-scrollbar-plugin
		*  http://manos.malihu.gr/jquery-custom-content-scroller/
		 * */
		$('div.scroll-container').each(function () {
			var $scrollContainer = $(this);
			$scrollContainer.mCustomScrollbar({
				scrollInertia: 200,
				contentTouchScroll: true,
				scrollButtons: {
					enable: false
				},
				advanced:{
					updateOnContentResize: true
				}
			});
		});

		/* Открыть диалог подписки на нужной вкладке */
		$('#subscribe-sm').each(function () {
			var $container = $(this);
			var $links = $container.find('a');

			$links.on('click', function () {
				var $link = $(this);
				var index = $links.index(this);
				var popupSubscribe = $('#pw-subscribe');

				$.fancybox(popupSubscribe, fbPopupOptions);
				var $tabs = popupSubscribe.find('ul.tabs > li');
				$tabs.eq(index).trigger('click');
				return false;
			});
		});

		/* Обработка поведения вкладок */
		$("ul.tabs > li").on('click', function () {
			var $curTab = $(this);
			var $parentUl = $curTab.closest('ul');
			var index = $parentUl.children('li').index(this);
			var $contentUl = $parentUl.siblings('.tabs-content');
			var $link = $curTab.find("a");
			var $popupSubscr = $curTab.closest('#pw-subscribe');

			if (!$curTab.hasClass('active')) {
				if ($popupSubscr.length) {
					$contentUl = $popupSubscr.find('.tabs-content');
				}
				var $activeTab = $parentUl.children('li.active');
				var $activeTContent = $contentUl.find('li.active');
				var $currentTContent = $contentUl.children('li').eq(index);

				$activeTab.removeClass("active");
				$activeTContent.removeClass("active");
				$curTab.addClass("active");
				$currentTContent.addClass("active");
			}

			$link.blur();
			closeSelectBox();
			return false;
		});

		/* Показ подписей картинок в деталях фото галерей */
		$('#cli-pg').each(function () {
			var $wrap = $(this);
			var $link = $wrap.find('a');
			$link.on({
				mouseenter: function () {
					var $el = $(this);
					var $title = $el.find('.pg-title');

					$title
						.stop(true, true)
						.slideDown(300, function () {
							$title.css({
								display: 'block'
							});
						});
				},
				mouseleave: function () {
					var $el = $(this);
					var $title = $el.find('.pg-title');

					$title
						.stop(true, true)
						.slideUp(300);
				}
			});
		});

		$('#map-canvas').each(function () {
			var $mapCanvas = $(this);
			if(!$mapCanvas.is(':hidden')) {
				google.maps.event.addDomListener(window, 'load', mapInit);
				$mapCanvas.data('init', true);
			}
		});

		$('a.toggle-map').on({
			click: function () {
				var $tLink = $(this);
				var $tContainer = $tLink.closest('.i-address');
				var $mapWrap = $tContainer.children('.i-map');
				var $mapCanvas = $('#map-canvas');
				var $hlink = $tContainer.find('header a.toggle-map');

				if ($mapWrap.is(':hidden')) {
					$mapWrap
						.stop(true, true)
						.animate({
							opacity: 'show',
							height: 'show'
						}, 300, function () {
							if(!$mapCanvas.data('init')) {
								mapInit();
								$mapCanvas.data('init', true);
							}
							$tContainer.addClass('map-opened');
						});
				} else {
					$mapWrap
						.stop(true, true)
						.animate({
							opacity: 'hide',
							height: 'hide'
						}, 300, function () {
							$tContainer.removeClass('map-opened');
						});
				}
				return false;
			}
		});

		$('ul.messages-list').each(function () {
			var $mList = $(this);
			var $mItems = $mList.children('li');

			$mItems.on({
				mouseenter: function () {
					var $item = $(this);
					var $mButtons = $item.find('div.mi-buttons');

					$mButtons
						.stop(true, true)
						.animate({
							opacity: 'show',
							height: 'show'
						}, 250);
				},
				mouseleave: function () {
					var $item = $(this);
					var $mButtons = $item.find('div.mi-buttons');

					$mButtons
						.stop(true, true)
						.animate({
							opacity: 'hide',
							height: 'hide'
						}, 250);
				}
			});
		});

		$('.set-sect > header').on('click', function () {
			var $trigger = $(this);
			var $container = $trigger.closest('.set-sect');
			var $fBody = $container.children('div.set-sect-body');

			if ($fBody.is(':visible')) {
				$fBody
					.stop(true, true)
					.animate({
						height: 'hide',
						opacity: 'hide'
					}, 300, function () {
						$container.addClass('closed')
					});
			} else {
				$fBody
					.stop(true, true)
					.animate({
						height: 'show',
						opacity: 'show'
					}, 300, function () {
						$container.removeClass('closed')
					});
			}
		});

		$('div.c-select-box').each(function () {
			var $sb = $(this);
			var $showContainer = $sb.children('div.csb-selected-items');
			var $selected = $('<div class="csb-selected"><div class="csbs-text"></div><a class="csbs-del" href="#">x</a></div>');
			var $checks = $sb.find('input[type="checkbox"]');
			var $qSelClear = $sb.find('div.q-sel > a.clear');
			var $smSwitchers = $sb.find('.places-list li > a');

			if (!$sb.hasClass('disabled')) {
				$checks
					.each(function () {
						var $el = $(this);
						var index = $checks.index(this);
						var $label = $el.closest('label');
						var labelText = $label.text();
						var $elShow = $selected.clone();
						var $elText = $elShow.find('div.csbs-text');
						var $clear = $elShow.find('a.csbs-del');

						$elText.text(labelText);
						$clear.on('click', function () {
							$checks.eq(index).prop('checked', false);
							$label.removeClass('active');
							$elShow.removeClass('show');
							if ($showContainer.children('.show').length < 1 ) {
								$showContainer.removeClass('show');
							}
							return false;
						});
						$showContainer.append($elShow);
						if ($el.is(':checked')) {
							$label.addClass('active');
							$elShow.addClass('show');
						}
						if (!$showContainer.hasClass('show') && $showContainer.children('.show').length > 0) {
							$showContainer.addClass('show');
						}
					})
					.on('change', function () {
						var $el = $(this);
						var $label = $el.closest('label');
						var $showEls = $showContainer.children();
						var index = $checks.index(this);

						$el.trigger('blur');
						if ($el.is(':checked')) {
							$label.addClass('active');
							$showEls.eq(index).addClass('show');
						} else {
							$label.removeClass('active');
							$showEls.eq(index).removeClass('show');
						}
						if ($showContainer.children('.show').length > 0) {
							$showContainer.addClass('show');
						} else {
							$showContainer.removeClass('show');
						}

					});
			}

			$qSelClear.on('click', function () {
				$checks.prop('checked', false).trigger('change');
				return false;
			});

			$smSwitchers.on('click', function () {
				var $switcher = $(this);
				var $pContainer = $switcher.closest('li');
				var $submenu = $pContainer.children('ul');

				if ($pContainer.hasClass('active')) {
					$submenu
						.stop(true, true)
						.animate({
							opacity: 'hide',
							height: 'hide'
						}, 300, function () {
							$pContainer.removeClass('active');
						});
				} else {
					$submenu
						.stop(true, true)
						.animate({
							opacity: 'show',
							height: 'show'
						}, 300, function () {
							$pContainer.addClass('active');
						});
				}

				return false;
			})
		});

		$('div.c-select-box.select div.csb-selected-items').on('click', function () {
			var $el = $(this);
			var $cont = $el.closest('.c-select-box');
			var $menuWrap = $cont.children('.csb-menu-wrap');
			var $sbMenus = $('div.c-select-box').children('.csb-menu-wrap');


			$sbMenus.each(function () {
				var $sbMenu = $(this);
				if ($sbMenu.is(':visible')) {
					$sbMenu
						.stop(true, true)
						.animate({
							height: 'hide',
							opacity: 'hide'
						}, 300);
				}
			});

			if ($menuWrap.is(':hidden') && !$cont.hasClass('disabled')) {
				$menuWrap
					.stop(true, true)
					.animate({
						height: 'show',
						opacity: 'show'
					}, 300);
			}
		});

		function closeSelectBox() {
			var selBoxMenu = $('div.c-select-box.select div.csb-menu-wrap');
			selBoxMenu.stop(true, true)
				.animate({
					height: 'hide',
					opacity: 'hide'
				}, 300);
		}

		$doc.on('click', function (event) {
			var targetObj = $(event.target);
			if (targetObj.parents().filter('.c-select-box.select').length < 1) {
				closeSelectBox();
			}
		});

		$('input[type="checkbox"].annoncesFlag').each(function () {
			var $check = $(this);

			$check.on('change', function () {
				var	$aInputsWrap = $check.closest('div.mf-announces').children('div.mf-announces-body');
				var $inputs = $aInputsWrap.find('input, select, textarea');
				var $selectBox = $aInputsWrap.find('div.c-select-box');

				if ($check.prop('checked')) {
					$aInputsWrap.removeClass('disabled');
					$selectBox.removeClass('disabled');
					$inputs.prop('disabled', false);
				} else {
					$aInputsWrap.addClass('disabled');
					$selectBox.addClass('disabled');
					$inputs.prop('disabled', true);
				}
			}).trigger('change');
		});
		
		/* Открыть увеличенную фотографию
		*  загружать текущую и картинки по нажатию стрелок наверное при помощи ajax
		* */
		$('a.open-photo').on('click', function () {
			var $popupGallery = $('#pw-gallery');
            // configure image
			var $img = $(this).find('img').clone();
            $img.addClass('photoTag');
            //$img.attr('width', '730');
            //$img.attr('height', '533');

			$img_block = $popupGallery.find('.pg-photos');
			$img_block.html($img);

			// add id for image description
			var id = 'imgid'+$img.attr('data-image-id')
			$popupGallery.find('.pg-photo-descr').attr('id', id);
			$popupGallery.find('.pg-photo-descr ul').remove();

			$popupGallery.find('.pg-photo-title').html($img.attr('data-image-name'))
			$popupGallery.find('.pg-photo-text').html($img.attr('data-image-description'))

			// Список людей для автокомплита:

            $.getJSON('/accounts/get-tag-users/',function(json){
                window.photoTagData = json;
            });



			// отметки
			$('.photoTag').photoTag({
                externalAddTagLinks: {
                        bind: true,
                        selector: ".addTag"
                    },
                    requestTagsUrl: '/photo/existing-tags/',
                    deleteTagsUrl: '/photo/delete-tag/',
                    addTagUrl: '/photo/add-tag/',
                    parametersForNewTag: {
                    name: {
                        parameterKey: 'name',
                        isAutocomplete: true,
                        label: 'Введите имя:'
                    }
                }
            });
            // ---------------------------------------

			var $popupOuter = $('div.popup-gallery-outer', $popupGallery);
			var $closePopup  = $('a.pg-close', $popupGallery);
			var $prevSlide = $('a.pgpc-prev', $popupGallery);
			var $nextSlide = $('a.pgpc-next', $popupGallery);


			function closeGallery() {
				$popupGallery.fadeOut(300, function () {
					$body.removeClass('no-scroll');
				});
				return false;
			}

			$closePopup.on('click', closeGallery);
			$popupOuter.on('click', function (event) {
				var targetObj = $(event.target);
				if (targetObj.parents().filter('.popup-gallery').length < 1) {
					closeGallery()
				}
			});

			$prevSlide.on('click', function () {
				return false;
			});

			$nextSlide.on('click', function () {
				return false;
			});

			$body.addClass('no-scroll');
			$popupGallery.fadeIn(300);

			return false;
		});

		$('a.icb-edit-profile').on('click', function () {
			var $editBtn = $(this);
			var $exitBtn = $editBtn.next('a.icb-exit-edit');
			var $editable = $('div.p-editable');

			$editBtn.css({
				display: 'none'
			});
			$exitBtn.css({
				display: 'inline-block'
			});
			$editable.addClass('pe-active');

			return false;
		});

		$('a.icb-exit-edit').on('click', function () {
			var $exitBtn = $(this);
			var $editBtn = $exitBtn.prev('a.icb-edit-profile');
			var $editable = $('div.p-editable');

			$editBtn.css({
				display: 'inline-block'
			});
			$exitBtn.css({
				display: 'none'
			});
			$editable.removeClass('pe-active');

			return false;
		});

		$('a.e-btn').on('click', function () {
			var $switch = $(this);
			var $wrapper = $switch.closest('.edit-wrap');
			var $container = $switch.closest('.p-editable');
			var $pForm = $wrapper.children('.e-form');
			var $closeBtn = $pForm.find('a.ef-close');
			var $eContainers = $('.p-editable.pe-current').not($container);

			$eContainers.each(function() {
				$(this).removeClass('pe-current');
			});
			$container.toggleClass('pe-current');

			$closeBtn.one('click', function() {
				$container.removeClass('pe-current');
				return false;
			});

			$(document).one('click', function(event) {
				var targetObj = $(event.target);
				if (targetObj.parents().filter('.e-form').length < 1) {
					$container.removeClass('pe-current');
				}
			});

			return false;
		});

		$('a.eps-open').on('click', function () {
			var $switch = $(this);
			var $sect = $switch.closest('.ep-sect');
			var $sectBody = $sect.children('div.ep-sect-body');

			if ($sect.hasClass('eps-opened')) {
				$sectBody
					.stop()
					.animate({
							height: 'hide',
							opacity: 'hide'
						}, 300, function () {
							$sect.removeClass('eps-opened');
						});
			} else {
				$sectBody
					.stop()
					.animate({
							height: 'show',
							opacity: 'show'
						}, 300, function () {
							$sect.addClass('eps-opened');
						});
			}

			return false;
		});

		$('div.calendar-container').each(function () {
			var $scrollContainer = $(this);
			$scrollContainer.mCustomScrollbar({
				scrollInertia: 200,
				contentTouchScroll: true,
				horizontalScroll: true,
				scrollButtons: {
					enable: false
				},
				advanced:{
					updateOnContentResize: true
				}
			});
		});

		$('div.e-form input[type="file"]').each(function () {
			var $iFile = $(this);
			var $ifContainer = $iFile.closest('.input-file');
			var $inpText = $ifContainer.children('.file-text');

			if ($iFile.val() != "") {
				$inpText.text($iFile.val());
			}

			$iFile.on({
				change: function () {
					$inpText.text($iFile.val());
				}
			});

			var parent = $(this).parents(".field.file");
			if (parent.length > 0) {
				var inpText = $(".input-text", parent);
				if ($(this).val() != "") {
					inpText.text($(this).val());
				}
			}
		});

		//--------------------------------------------
		$('a.reply-msg').on('click', function () {
			var sender = $(this).attr('data-sender');
			var reply_message = $(this).attr('data-reply-message');
			var $reply = $('#pw-reply');
			$reply.find('#id_recipient').val(sender)
			$reply.find('#reply_message').val(reply_message)
		});
		//--------------------------------------------

	});

}(jQuery);