$(function(){
	$('body').click(function(){
		$('.suggestions').hide();
	});
});

function isMobile()
{
	return $(window).width() < 800;
}
function mobileHorizontal()
{
	return isMobile() && window.innerWidth > window.innerHeight;
}
function mobileVertical()
{
	return isMobile() && window.innerWidth < window.innerHeight;
}

function resized()
{
	$('[ratio]:visible, .map:visible').each(function(){
		
		var windowWidth = $( window ).width();
		if (mobileHorizontal() && $(this).hasClass('map'))
		{
			$(this).css('width', '90%');
		}
		else
		{
			$(this).css('width', '100%');
		}
		
		var width = $(this).width();
		
		$(this).height(width * (($(this).attr('ratio')-0))/100);
	});
	
	var searchWidth = $('.search').outerWidth();
	var navigationInner = $('.navigationInner').outerWidth();
	var buttons = 0;
	
	$('.navigation .link').each(function(){
		buttons += $(this).outerWidth();
	});
	
	console.log([searchWidth, navigationInner, buttons]);
	if (searchWidth+buttons>navigationInner)
	{
		$('.search').hide();
	}
	else
	{	
		$('.search').show();
	}
}

window.onresize = function(){
	resized();
};
setTimeout(function(){resized()}, 1);

function popupClose()
{
	$('.black').fadeOut(200);
	$('.popup').animate({top: '40%', opacity: 0},300, 'easeOutBack', function(){
		$(this).hide();
		$('.popupBodyInner').html("");
	});
}

function popup2Close()
{
	$('.black2').fadeOut(200);
	$('.popup2').fadeOut(function(){
		$('.popup2').html("");
	});
}

function popupOpen(html, locked)
{
	$('.popupError').html('').hide();
	$('.black').fadeIn(200);
	$('.black').off();
	$('.black').click(function(){
		popupClose();
	});
	
	$('.popupClose').show();
	
	$('.popup').show().css({opacity:0, top: '40%'}).animate({top: '50%', opacity: 1},300, 'easeOutBack');
	
	$('.popupBodyInner').html(html);
	
	$(".popupBody").scrollTop(0);
	
	
	if (locked)
	{
		$('.popupClose').hide();
		$('.black').off();
	}
	
	
	if ($('#popupTitleValue').length > 0)
		$('.popupTitle').html($('.popupBody #popupTitleValue').val());
		
	var href = document.location.href.split("#")[0]+"#p";
	window.history.pushState({},document.title,href);
}
function popup2Open(html)
{
	$('.black2').fadeIn(200);
	$('.popup2').show();
	$('.popup2').html(html);
}

function popupErrorClear()
{
	$('.popupError').html('').hide();
}
function popupError(message)
{
	$('.popupError').html(message).fadeOut(200).fadeIn(200);
}
function popupLoad(url, locked)
{
	$.get(url, function(resp){
		
		popupOpen(resp, locked);
		
	});
}
function popup2Load(url)
{
	$.get(url, function(resp){
		
		popup2Open(resp);
		
	});
}
function popupNavigate(url, direction)
{
	var d = direction=='right' ? 1 : -1;
	$.get(url, function(resp){
		
		var oldWidth = $('.popupBodyInner').width();
		var oldHeight = $('.popupBodyInner').height();
			
		$('.popupBodyInner').stop().animate({left:-50*d, opacity: 0}, 200, function(){
			$('.popupBodyInner').html(resp);
			
			if ($('#popupTitleValue').length > 0)
				$('.popupTitle').html($('#popupTitleValue').val());

			
			var newWidth = $('.popupBodyInner').width();
			var newHeight = $('.popupBodyInner').height();
			
			$('.popupBodyInner').css({width: oldWidth, height: oldHeight});
			
			$('.popupBodyInner').css({left:50*d});
			$('.popupBodyInner').stop().animate({left:0, opacity: 1,width: newWidth, height: newHeight}, 200, function(){
				$('.popupBodyInner').css({width: 'auto', height: 'auto'});
			});
		});
		
	});
}
function validateEmail(email) {
    const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(String(email).toLowerCase());
}
function authorizeEmail()
{
	var email = $("#authorizeEmail").val();
	if (!validateEmail(email))
	{
		popupError("Epasta formāts nav pareizs.");
		$('#authorizeEmail').select();
		return false;
	}
	popupErrorClear();
	
	popupNavigate("/account/authorize2?email="+email, 'right');
}
function register()
{
	var email = $('#registerEmail').html();
	var name = $('#registerName').val();
	
	if (!$('#registerAgree').prop('checked'))
	{
		popupError('Nepieciešams piekrist lietošanas noteikumiem');
		return false;
	}
	
	if (name == '')
	{
		popupError("Norādi vārdu un uzvārdu");
		return false;
	}
	
	popupErrorClear();
	
	poster.post('/account/register', {email: email, name:name}, function(resp){
		if (resp == 'OK')
		{
			popupNavigate("/account/registerComplete", 'right');
		}
		else if (resp == 'CODE')
		{
			popupNavigate("/account/authorize2?email="+email, 'right');
		}
		else
		{
			popupError(resp);
		}
		
	});
}
function authorizeCode()
{
	var code = $('#authorizeCode').val();
	var email = $('#authorizeEmail').html();
	
	poster.post('/account/authorizeCode', {email: email, code:code}, function(resp){
		if (resp == "OK")
		{
			if (poster.backlink)
				document.location = poster.backlink;
			else
				document.location.reload();
		}
		else
		{
			popupError(resp);
		}
	});
}
function resendCode()
{
	var email = $('#authorizeEmail').html();
	popupNavigate("/account/authorize2?email="+email, 'right');

}
function myProfileOver()
{
	var button = $('.myProfile');
	var offset = button.offset();
	var width = $(button).outerWidth();
	var height = $(button).height();
	var myPanelWidth = $('.myPanel').outerWidth();
	console.log(offset.left+" "+width);
	$('.myPanel').css({top: offset.top + height, left: offset.left+width-myPanelWidth});
	$('.myPanel').stop().slideDown(200);
	
	if (myPanelCloseTimeout)
		clearTimeout(myPanelCloseTimeout);
}
function myPanelOver()
{
	if (myPanelCloseTimeout)
		clearTimeout(myPanelCloseTimeout);
}
var myPanelCloseTimeout = false;
function myProfileOut()
{
	if (myPanelCloseTimeout)
		clearTimeout(myPanelCloseTimeout);
		
	myPanelCloseTimeout = setTimeout("myPanelClose()", 300);
}
function myPanelClose()
{
	$('.myPanel').stop().slideUp(200);
}


function myLangOver()
{
	var button = $('.myLang');
	var offset = button.offset();
	var width = $(button).outerWidth();
	var height = $(button).height();
	var langPanelWidth = $('.langPanel').outerWidth();
	console.log(offset.left+" "+width);
	$('.langPanel').css({top: offset.top + height, left: offset.left});
	$('.langPanel').stop().slideDown(200);
	
	if (langPanelCloseTimeout)
		clearTimeout(langPanelCloseTimeout);
}
function langPanelOver()
{
	if (langPanelCloseTimeout)
		clearTimeout(langPanelCloseTimeout);
}
var langPanelCloseTimeout = false;
function myLangOut()
{
	if (langPanelCloseTimeout)
		clearTimeout(langPanelCloseTimeout);
		
	langPanelCloseTimeout = setTimeout("langPanelClose()", 300);
}
function langPanelClose()
{
	$('.langPanel').stop().slideUp(200);
}


var searchTimeout = false;
var searchVal = '';
function searchPlacesTrigger(inner)
{
	if (searchTimeout)
		clearTimeout(searchTimeout);
		
	searchTimeout = setTimeout(function(){searchPlaces(inner)}, 1000);
}

function searchPlaces(inner)
{
	var q = searchVal;
	
	var url = '/place/list?q='+encodeURIComponent(q);
	
	
	if (inner)
	{
		$.get(url, function(resp){
			
			$('.placeInfo').html($(resp).find(".placeInfo").html());
			var html = $(resp).find(".placeList");
			$('.placeList').html(html);
			
		})
	}
	else
	{
		dynamic.go(url);
	}
}
function sendContactMessage()
{
	var data = {};
	
	data.name = $("#name").val();
	data.email = $("#email").val();
	data.phone = $("#phone").val();
	data.text = $("#text").val();
	
	poster.post("/index/sendContactMessage", data, function(resp){
		if (resp != 'OK')
		{
			alert(resp);
		}
		else
		{
			$('.emailSent, .emailForm').slideToggle();
		}
	});
	
}
function switchLang(lang)
{
	$.get('index/setLang/?lang='+lang, function(resp){
		
		document.location = "/";
		
	})
}

function initLangBlock(el, lang)
{
	$(el).find('[lang]').hide();
	$(el).find("[lang='"+lang+"']").show();
	
	$(el).find('[sellang]').removeClass('active');
	$(el).find("[sellang='"+lang+"']").addClass('active');
	
	$(el).find('[sellang]').click(function(e){
		var lang = $(this).attr('sellang');
		
		$(el).find('[lang]').hide();
		$(el).find("[lang='"+lang+"']").show();
	
		$(el).find('[sellang]').removeClass('active');
		$(el).find("[sellang='"+lang+"']").addClass('active');
		
		e.preventDefault();
		return false;
	});
}

var flashTimeout = false;
function flash(str)
{
	if (flashTimeout)
		clearTimeout(flashTimeout);
	
	$('.flash').html(str);
	$('.flash').stop().hide().fadeIn();
	
	flashTimeout = setTimeout(function(){
		$('.flash').fadeOut();
	},2000);
}
function selectCategory()
{
	popup2Load("/offer/selectCategory");
}
function requireAuthorization()
{
	popupLoad("/account/authorize", true);
}
	function Map()
{
	this.maps = {};
	this.markers = {};
	this.mx = 0;
	this.my = 0;
	this.locationIcon = false;

	$(function($) {
		$(document).mousemove(function(event) {
			map.mx = event.pageX;
			map.my = event.pageY;
		});
	});

	
	this.vectorStyle = new ol.style.Style({
		fill: new ol.style.Fill({
			color: 'rgba(255, 255, 255, 0.7)',
		}),
		stroke: new ol.style.Stroke({
			color: '#0099FF',
			width: 2,
		})
	});
	
	this.create = function(label, position)
	{
		$('#'+label).wrap("<div class='mapOuter'></div>");
		
		if (!position)
			position = [24.505078, 56.846285];
		
		var zoom = 7; 
		if (mobileVertical())
			zoom = 6;
		
		var m = {};
		this.maps[label] = m;
		
		m.source = new ol.source.Vector();
		m.layer = new ol.layer.Vector({source: m.source, style: this.vectorStyle});
		
		var interactions = ol.interaction.defaults({altShiftDragRotate:false, pinchRotate:false}); 
		
		m.map = new ol.Map({
			interactions: interactions,
			target: label,
			layers: [
				new ol.layer.Tile({
					source: new ol.source.OSM()
				}),
				m.layer
			],
			view: new ol.View({
				center: ol.proj.fromLonLat(position),
				zoom: zoom,
				minZoom: 5,
				maxZoom: 15,
			})
		});
		
		setTimeout(function(){
			resized();
		}, 100);
	}
	
	this.enableSetLocation = function(label, locationLabel)
	{
		var m = this.maps[label];
		
		if (!locationLabel)
			locationLabel = 'red';
		
		m.map.on('click', function(evt){
			var feature = new ol.Feature(new ol.geom.Point(evt.coordinate));
			feature.setStyle(map.markers[locationLabel]);
			m.source.clear();
			m.source.addFeature(feature);

			var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
			$('#placeLongitude').val(lonlat[0]).trigger('change');
			$('#placeLatitude').val(lonlat[1]).trigger('change');
			
			//map.translateLatLon(lonlat[1], lonlat[0]);
		});
	}
	
	this.addMarker = function(label, latitude, longitude, marker, placeId)
	{
		var m = this.maps[label];
		
		var coordinate = ol.proj.transform([latitude, longitude], 'EPSG:4326', 'EPSG:3857')
	
		var feature = new ol.Feature(new ol.geom.Point(coordinate));
		feature.placeId = placeId;
		feature.setStyle(this.markers[marker]);
		m.source.addFeature(feature);

	}
	
	this.enableSetDelivery = function(label)
	{
		var m = this.maps[label];
		
		m.modify = new ol.interaction.Modify({source: m.source});
		m.map.addInteraction(m.modify);

		m.addInteractions = function() {
			m.drawInteraction = new ol.interaction.Draw({
				source: m.source,
				type: $('.drawType.active').attr('value'),
			});
			m.map.addInteraction(m.drawInteraction);
		}

		m.addInteractions();

		$('.drawType').click(function(e){
			$('.drawType').removeClass('active');
			$(this).addClass('active'); 
			m.map.removeInteraction(m.drawInteraction);
			m.addInteractions();
			e.preventDefault();
			return false;
		});
		
		$('.drawClear').click(function(e){
			m.source.clear();
			e.preventDefault();
			return false;
		});
	}
	
	this.registerMarker = function(label, marker)
	{
		this.markers[label] = new ol.style.Style({
			image: new ol.style.Icon({
				anchor: [25, 43],
				anchorXUnits: 'pixels',
				anchorYUnits: 'pixels',
				opacity: .9,
				scale: .6,
				src: '/img/'+marker+'Marker.png'
			})
		});
		
		this.markers[label+"Trans"] = new ol.style.Style({
			image: new ol.style.Icon({
				anchor: [25, 43],
				anchorXUnits: 'pixels',
				anchorYUnits: 'pixels',
				opacity: .1,
				scale: .6,
				src: '/img/'+marker+'Marker.png'
			})
		});
	}
	this.setDelivery = function(label, data)
	{
		if (!Array.isArray(data)) return;
		
		for (i=0; i<data.length; i++)
		{
			var d = data[i];
			
			if (d.type == 'circle')
			{
				this.drawCircle(label, d.center[0],d.center[1],d.radius);
				
			}
			
			if (d.type == 'polygon')
			{
				this.drawPolygon(label, d.coordinates);
				
			}
		}
		
	}
	
	this.drawCircle = function(label, latitude, longitude, radius)
	{
		var m = this.maps[label];

		var f = new ol.Feature(new ol.geom.Circle([latitude, longitude], radius));
		m.source.addFeature(f);	
	}
	
	this.drawPolygon = function(label, points)
	{
		var m = this.maps[label];
	
		var f = new ol.Feature({geometry: new ol.geom.Polygon([points])});
		m.source.addFeature(f);	
		
	}
	
	this.extractDeliveryData = function(label)
	{
		var m = this.maps[label];
		
		if (!m) return;
		
		var data = [];
		var features = m.source.getFeatures();
		
		for (i=0; i<features.length; i++)
		{
			var feature = features[i];
			var geometry = feature.getGeometry();
			
			var params = false;
			
			if (geometry.getRadius)
			{
				var center = geometry.getCenter();
				var radius = geometry.getRadius();
				params = {type: 'circle', center: center, radius: radius};
			}
			else if (geometry.getCoordinates)
			{
				var coordinates = geometry.getCoordinates()[0];
				params = {type: 'polygon', coordinates: coordinates};
			}
			
			
			if (params)
			{
				data.push(params);
			}
			
		}
		
		$('#deliveryData').val(JSON.stringify(data));
		
	}
	
	this.translateLatLon = function(latitude,longitude)
	{
		$.get("/place/getByCoordinates?lat="+latitude+"&lon="+longitude, function(resp){
			alert(resp)
		});
	}
	
	this.registerMarker('red', 'red');
	
	this.markers['myLocation'] = new ol.style.Style({
	image: new ol.style.Icon({
		anchor: [94, 90],
		anchorXUnits: 'pixels',
		anchorYUnits: 'pixels',
		opacity: 1,
		scale: .2,
		src: '/img/myLocationMarker.png'
	})
	});
		
}
var map = new Map();var activeFilterCategory = 0;
var hoverFilterCategory = 0;
function activateFilterCategory(catId)
{
	activeFilterCategory = catId;
	//first deactivate all
	$('.filterCategories a').removeClass('active');
		
	$('.filterCategories a').each(function(){
		if ($(this).data('catid') == catId)
		{
			$(this).addClass('active');
		}
	});
	offerMapRefresh();
	
}

function drawFilterCategories(parentId, animation)
{
	var pos1 = 0;
	var pos2 = 0;
	var time = 0;
	
	var d = 30
	
	if (animation == 'left')
	{
		pos1 = d;
		pos2 = -d;
		time = 200;
	}
	if (animation == 'right')
	{
		pos1 = -d;
		pos2 = d;
		time = 200;
	}
		
	$('.filterCategories').animate({left: pos1, opacity: 0}, time, function(){
		
		$('.filterCategories').html('');
		if (parentId != 0)
		{
			
			//find the parent
			var cat = false;
			for (i=0; i<categories.length; i++)
			{
				if (categories[i].id == parentId)
				{
					cat = categories[i];
					break;
				}
			}
			
			var b = $("<a href='#' class='arrowLeft sub'>Atpakaļ</a>");
			b.data('parentId', cat.parentId);
			
			b.click(function(e){
				
				offerMapSearchClear();
				
				activeFilterCategory = $(this).data('parentId');
				
				drawFilterCategories($(this).data('parentId'), 'left');
				
				e.preventDefault();
				
			});
			
			
			$('.filterCategories').append(b);
			
			var b = $("<a href='#' class='active'>"+cat.title+" ("+offerCounts[cat.id]+")</a>");
			
			b.data('catid', cat.id);
			
			b.click(function(e){
				
				activateFilterCategory($(this).data('catid'));
				e.preventDefault();
			});
			$('.filterCategories').append(b);
			
		}
		
		for (i=0; i<categories.length; i++)
		{
			
			var cat = categories[i];
			
			if (offerCounts[cat.id] == 0 && cat.id != activeFilterCategory)
				continue;
				
			if (cat.parentId == parentId)
			{
				
				
				
				//check if has children
				var hasChildren = false;
				for (j=0; j<categories.length; j++)
				{
					if (categories[j].parentId == cat.id)
					{
						hasChildren = true;
						break;
					}
				}
				
				var b = $("<a href='#' class='"+(hasChildren ? "arrowRight" : "")+" "+(parentId > 0 ? "sub" : "")+"'>"+cat.title+" ("+offerCounts[cat.id]+")</a>");
				b.data('catid', cat.id);
				b.data('hasChildren', hasChildren);
				
				
				b.click(function(e){
					
					offerMapSearchClear();
					
					if ($(this).data('hasChildren'))
					{
						activeFilterCategory = $(this).data('catid');
						drawFilterCategories($(this).data('catid'), 'right');
					}
					else
					{
						activateFilterCategory($(this).data('catid'));						
					}
					e.preventDefault();
				});
				
				$('.filterCategories').append(b);
			}
		}
		//activate
		if (activeFilterCategory)
		{
			activateFilterCategory(activeFilterCategory);
		}
		else
		{
			offerMapRefresh();
		}
		
		$('.filterCategories').css({left:pos2});
		$('.filterCategories').animate({left: 0, opacity: 1}, time);
		
		
	
	});
}

function placeTypeClick(element)
{
	$('.placeType').removeClass('active');
	$(element).addClass('active');
	
}

function placeInsertMove(i)
{
	
	if (currentStep == 5 && i == 1)
	{
			map.extractDeliveryData('setDelivery');
	}
	
	//error checks
	
	if (i==1)
	{
		
		//check if type is selected
		if ( currentStep == 1 && $('.placeType.active').length==0)
		{
			alert("Norādi vietas veidu");
			return;
		}
		
		//check if name is filled
		if (currentStep == 2 && $('#placeName').val().trim() == '')
		{
			alert("Norādi vietas nosaukumu");
			return;
		}
		
		//check if email is filled
		if (currentStep == 3 && !validateEmail($('#placeEmail').val().trim()))
		{
			alert("Norādi derīgu e-pasta adresi");
			return;
		}
		
		//check if phone is filled
		if (currentStep == 3 && $('#placePhone').val() == '')
		{
			alert("Norādi telefona numuru");
			return;
		}
		
		//check if location is set
		if (currentStep == 4 && $('#placeLatitude').val() == '')
		{
			alert("Norādi atrašanās vietu uz kartes");
			return;
		}

	}
	
	currentStep+=i;
	if (i==1 && currentStep == 4 && $('#setLocation').html() == '')
	{
		setTimeout(function(){
			initMapSetLocation();
			resized();
		},400);
		setTimeout(function(){
			$(window).trigger('resize');
			resized();
		}, 300);
	}
	
	
	
	$('.step').hide();
	$('.step'+currentStep).show();
	
	if (currentStep == 1)
		$('.back').hide();
	else
		$('.back').show();
		
		
	if (currentStep == 6)
	{
		$('.forward').hide();
		$('.confirm').show();
	}
	else
	{
		$('.forward').show();
		$('.confirm').hide();
	}
	
	if (i == -1)
	{
		$(window).trigger('resize');
		resized();
	}
}
function placeConfirm()
{
	var place = {};

	place.type = $('.placeType.active').attr('typeId');
	place.name = $('#placeName').val();
	place.info_lv = $('#placeInfo_lv').val();
	place.info_en = $('#placeInfo_en').val();
	place.info_ru = $('#placeInfo_ru').val();

	place.email = $('#placeEmail').val();
	place.phone = $('#placePhone').val();
	place.webpage = $('#placeWebpage').val();
	place.facebookLink = $('#placeFacebookLink').val();
	place.address = $('#placeAddress').val();
	
	place.latitude = $('#placeLatitude').val();
	place.longitude = $('#placeLongitude').val();
	
	place.delivery = $('.deliveryAvailable').val();
	place.deliveryData = $('#deliveryData').val();
	
	place.images = [];
	
	$('.imageUploaded').each(function(){
		place.images.push($(this).attr('hash'));
	});
	place.images = place.images.join(",");
	
	place.image = $('.imageUploaded.active').length > 0 ? $('.imageUploaded.active').attr('hash') : '';

	poster.post("/place/insertConfirm", place, function(resp){
		
		if (resp.substr(0,2) == "OK")
		{
			var id = resp.split(":")[1];
			
			document.location = "/place/edit?id="+id+"&offers";
			
		}
		else
		{
			alert("Neizdevās saglabāt vietu. Mēģini vēlreiz");
		}
		//$('.finish').slideDown();
		//$('.step, .buttonArea').slideUp();
	});
}

function initMain()
{
	map.markers['myLocation'] = new ol.style.Style({
	image: new ol.style.Icon({
		anchor: [94, 90],
		anchorXUnits: 'pixels',
		anchorYUnits: 'pixels',
		opacity: 1,
		scale: .2,
		src: '/img/myPlaceMarker.png'
	})
	});

	
	map.create('map');
	
	drawMain();
	$('.placeFilter').click(function(){
		
		$(this).toggleClass('active');
		drawMain();
	});
	
	var m = map.maps['map'];
	
	m.map.on('pointermove', function (e) { 
		
		var placeId = false;
		
		m.map.forEachFeatureAtPixel(e.pixel, function (f) {
			placeId = f.placeId;
			return true;
		});
		
		if (placeId) {
			this.getTargetElement().style.cursor = 'pointer';
			placeMouseMove(placeId);
		} else {
			this.getTargetElement().style.cursor = '';
			placeMouseOut();
		}

	});
	
	$('#map').mouseout(function(){
		placeMouseOut();
	})

	m.map.on('click', function (e) { 
		
		var placeId = false;
		
		m.map.forEachFeatureAtPixel(e.pixel, function (f) {
			placeId = f.placeId;
			return true;
		});
		
		if (placeId)
		{
			popupLoad("/place/view/"+placeId+"?popup");
		}
	
	});

	
}

function drawMain(){
	
	var m = map.maps['map'];
	
	m.source.clear();

	var activeTypes = [];
	
	$('.placeFilterType.active').each(function(){
		activeTypes.push($(this).attr('typeId'));
	});
	
	var activeCategories = [];
	
	$('.placeFilterCategory.active').each(function(){
		activeCategories.push($(this).attr('categoryId'));
	});
	
	if (activeDelivery && activeDelivery.length > 0)
	{
		map.setDelivery("map", activeDelivery);
	}
	
	console.log(activeCategories);
	
	for (i=0; i<mapData.length; i++)
	{
		var d = mapData[i];
		if (!d[4] || !Array.isArray(d[4]))
			d[4] = ["0"];
		
		var visible = true;
		
		if (activeTypes.indexOf(d[2]) == -1) visible = false;

		var noOfferMatch = d[4].length == 0 && activeCategories.indexOf("0") != -1


		var filteredArray = d[4].filter(value => activeCategories.includes(value));
		if (d[2] == 1 && filteredArray.length == 0 && !noOfferMatch)
			visible = false;
			
		if (d[3] == 1942)
		{
			console.log([activeCategories, d[4], noOfferMatch]);
			
		}
		
		var label = 'type'+d[2];
		
		if (d[2] == 1 && d[5] == 1)
			label = 'redDelivery';		
		
		
		
		if (visible)
		{

			map.addMarker('map', d[1],d[0], label, d[3]);
		}
	}
	if (m.myLocation && !isMobile())
	{
		var feature = new ol.Feature(new ol.geom.Point(m.myLocation));
		feature.setStyle(map.markers['myLocation']);
		m.source.addFeature(feature);
	}

}

function checkAllPlaceType(element)
{
	if ($(element).data('status'))
	{
		$('.placeFilterType').addClass('active');
		$(element).data('status', false);
	}
	else
	{
		$('.placeFilterType').removeClass('active');
		$(element).data('status', true);
	}
	drawMain();
}
function checkAllPlaceCategory(element)
{
	if ($(element).data('status'))
	{
		$('.placeFilterCategory').addClass('active');
		$(element).data('status', false);
	}
	else
	{
		$('.placeFilterCategory').removeClass('active');
		$(element).data('status', true);
	}
	drawMain();
}
var activeDelivery = false;



var mainMapPlaceId = false;
function placeMouseMove(placeId)
{
	if (!isMobile())
	if (!mainMapPlaceId || mainMapPlaceId != placeId)
	{
		$('.hoverPopup').html("Ielādē...");
		$('.hoverPopup').stop().fadeIn(200);
		
		var myLocation = "";//lonlat(map.maps['map'].myLocation);
		
		if (map.maps['map'].myLocation)
		{
			var lonlat = ol.proj.transform(map.maps['map'].myLocation, 'EPSG:3857', 'EPSG:4326');

			myLocation = lonlat[1]+","+lonlat[0];
		}
		
		if (placeId == 'myLocation')
		{
			$.get("/place/myLocationInfo", function(resp){
				$('.hoverPopup').html(resp);
			})
		}
		else
		{
			var url = mapType == 'offer' ? "/place/hoverInfo?placeId="+placeId : '/demand/view?userId='+placeId;
			$.get(url, function(resp){
				$('.hoverPopup').html(resp);
			})
		}
	}
	mainMapPlaceId = placeId;
	
	$('.hoverPopup').css({
		left: map.mx+20,
		top: map.my-30,
	});
}

function placeMouseOut()
{
	if (mainMapPlaceId)
	{
		$('.hoverPopup').stop().fadeOut(200);
		//activeDelivery = false;
		//drawMain();
	}
	mainMapPlaceId = false;
}
function initMapSetLocation()
{
	console.log(1);
	if ($('#setLocation').html() != "") return; 
	console.log(2);
	
	map.create("setLocation");
	map.enableSetLocation("setLocation");
}
function initMapSetDelivery()
{
	if ($('#setDelivery').html() != "") return; 
	
	map.create("setDelivery");
	map.enableSetDelivery('setDelivery');
}function initDropzone(multiple, id)
{
	if (!id)
		id = 'imageArea';
	
	var dropzoneMultiple = false;
	var myDropZone = false;
		
	dropzoneMultiple = multiple;
	var strInsert = "Ielādēt attēlu(s)";
	strInsert = strInsert.split("{"+"{").join("").split("+"+"}").join("");
	$('#'+id).append("<a href='#' class='imageBase' id='imageInsert' onclick='return false'>"+strInsert+"</a>");
	myDropZone = new Dropzone("#"+id+" #imageInsert", {
		url: "/image/receive", 
		clickable: "#"+id+" #imageInsert",
		sending: function(){
			$("#"+id+" #imageInsert").html("Ielādējas...");
		},
		queuecomplete: function(){
			$("#"+id+" #imageInsert").html(strInsert);
		},
		success: function (file, response) {
			if (response[0] == '{')
			{
				var d = JSON.parse(response);
				var hash = d.hash;
				imageAdd(hash, false, true, id);
			}
			else
			{
				alert("Neizdevās ielādēt attēlu. Pamēģini citu failu vai formātu.");
			}
		},
	
	});
	
	//$('#imageArea').sortable();

}
function imageRemove(element)
{
	var newActive = $(element).parent().hasClass('active');
	
	
	$(element).parent().fadeOut(function(){
		$(this).remove();
		if (newActive)
		{
			$('.imageUploaded').first().addClass('active');
		}
	})
}
function imageAdd(hash, active, isNew, id)
{
	if (!id) id = 'imageArea';
	
	var uploaded = $("<div hash='"+hash+"' class='imageBase imageUploaded' style='background-image: url(/uploads/images/s_"+hash+".jpg)'><a href='#' class='close' onclick='imageRemove(this);return false'>X</a></div>");
	uploaded.insertBefore('#'+id+' #imageInsert');
	
	uploaded.click(function(){
		$('#'+id+' .imageUploaded.active').removeClass('active');
		$(this).addClass('active');
	});
	
	if (isNew)
	{
		uploaded.css('opacity', 0);
		uploaded.animate({opacity: 1}, 500);

		if($('#'+id+' .imageUploaded.active').length == 0)
		{
			$('#'+id+' .imageUploaded').first().addClass('active');
		}
	}
	
	if (active)
	{
		uploaded.addClass('active');
	}
	
}var offerSearchTimeout = false;
var offerFilterPlaceIds = false;

function offerMapSearchClear()
{
	$(".mapSearch").val('');
	offerFilterPlaceIds = false;
}
function offerMapSearch()
{
	if (offerSearchTimeout) clearTimeout(offerSearchTimeout);
	
	offerSearchTimeout = setTimeout(function(){
	
		var str = $(".mapSearch").val();
		
		if (str.trim() == '')
		{
			activeFilterCategory = 0;
			offerFilterPlaceIds = false;
			drawFilterCategories(0);
			activateFilterCategory(0);
			offerMapRefresh();
			$('.suggestions').hide();
			return;
		}
		
		poster.post("/offer/filter", {str: str}, function(resp){
			var obj = JSON.parse(resp);
			
			offerFilterPlaceIds = obj.placeIds;
			drawFilterCategories(0);
			offerMapRefresh();
			
			$('.suggestions .options').html("");
			for (i=0; i<obj.suggestions.length; i++)
			{
				var s = obj.suggestions[i];
				
				var opt = $("<a href='#'>"+s.title+"</a>");
				
				opt.data('parentId', s.parentId);
				opt.data('catid', s.id);
				
				opt.click(function(e){
					
					var cid = 0;
					
					for (i=0; i<categories.length; i++)
					{
						if (categories[i].id == $(this).data('catid'))
						{
							//check if has children
							var hasChildren = false;
							for (j=0; j<categories.length; j++)
							{
								if (categories[j].parentId == categories[i].id)
								{
									hasChildren = true;
									break;
								}
							}
							
							if (hasChildren)
							{
								cid = categories[i].id;
							}
							else
							{
								cid = categories[i].parentId;
							}
							
							
						}
					}
					
					drawFilterCategories(cid, 'right');
					$('.suggestions').hide();
					offerMapSearchClear()
					activeFilterCategory = $(this).data('catid');
					e.preventDefault();
				});
				$('.suggestions .options').append(opt);
			}
			$('.suggestions').show();

		});
		
	}, 200);
}

function initOfferMap()
{
	map.create('map');
	
	
	var m = map.maps['map'];
	
	m.map.on('pointermove', function (e) { 
		
		var placeId = false;
		
		m.map.forEachFeatureAtPixel(e.pixel, function (f) {
			placeId = f.placeId;
			return true;
		});
		
		if (placeId) {
			this.getTargetElement().style.cursor = 'pointer';
			placeMouseMove(placeId);
		} else {
			this.getTargetElement().style.cursor = '';
			placeMouseOut();
		}

	});
	
	$('#map').mouseout(function(){
		placeMouseOut();
	})
	
	m.map.on('click', function (e) { 
		
		var placeId = false;
		
		$('.hoverPopup').fadeOut();
		
		m.map.forEachFeatureAtPixel(e.pixel, function (f) {
			placeId = f.placeId;
			return true;
		});
		
		if (placeId)
		{
			if (placeId == 'myLocation')
				document.location = ("/account/setLocation");
			else
				popupLoad("/place/view/"+placeId+"?popup");
		}
	
	});
	offerMapRefresh();
}

function offerMapRefresh()
{
	var m = map.maps['map'];
	
	m.source.clear();
	
	for (i=0; i<places.length; i++)
	{
		var p = places[i];
		
		var visible = false;
		
		if (activeFilterCategory == 0)
			visible = true;
		
		if (p.categories.indexOf(activeFilterCategory) != -1)
			visible = true;
		
		
		if (offerFilterPlaceIds !== false && offerFilterPlaceIds.indexOf(p.id) == -1)
			visible = false;
		
		var userPlace = p.categories.filter(value => userCategories.includes(value));
		
		//var label = visible ? 'red' : 'redTrans';
		
		if (visible)
		{
			var label = 'red';
			
			if (userPlace.length > 0)
			{
				label = 'blue';
			}
			
			if (p.delivery == 'yes')
			{
				label = label + "Delivery";
			}
			
			if (p.typeId != 1)
			{
				label = 'type5';
			}
			
			//if (noCategories)
			//	label = 'type3';
			
			map.addMarker('map', p.longitude,p.latitude, label, p.id);
		}
	}
	
	if (userLocation)
	{
		map.addMarker('map', userLocation[1], userLocation[0], 'myLocation', 'myLocation');
		console.log(userLocation);
	}
	
}function initDemandMap()
{
	map.create('map');
	
	var m = map.maps['map'];
	
	for (i=0; i<users.length; i++)
	{
		var u = users[i];
		
		map.addMarker('map', u.longitude,u.latitude, 'blue', u.id);
	}
	
	m.map.on('pointermove', function (e) { 
		
		var placeId = false;
		
		m.map.forEachFeatureAtPixel(e.pixel, function (f) {
			placeId = f.placeId;
			return true;
		});
				
		if (placeId) {
			this.getTargetElement().style.cursor = 'pointer';
			placeMouseMove(placeId);
		} else {
			this.getTargetElement().style.cursor = '';
			placeMouseOut();
		}

	});
	
	m.map.on('click', function (e) { 
		
		$('.hoverPopup').fadeOut();
		
		var placeId = false;
		
		m.map.forEachFeatureAtPixel(e.pixel, function (f) {
			placeId = f.placeId;
			return true;
		});
		
		if (placeId)
		{
	
			
			popupLoad("/demand/view/?userId="+placeId);
		}
	
	});
}var chooseCatPath = [];
function drawCatChooser(parentId)
{
	var n = 0;
	
	var tr = $("<tr></tr>");
	
	if (parentId)
	{
		var td = $("<td style='font-size: 60px;font-weight: bold' width='20%' elementid='"+id+"'>←</td>");
		td.click(function(){
			var el = chooseCatPath.pop();
			el = chooseCatPath.pop();
			
			if (el)
				switchCatChooser(el[0],el[1]);
			else
				switchCatChooser(0);
			
		});
		tr.append(td);
		n++;
	}
	
	$('.chooseCat table').html("");
	
	for (i=0; i<categories.length; i++)
	{
		var title = categories[i].title;
		var id = categories[i].id;
		var pid = categories[i].parentId;
		
		if (pid != parentId) continue;
		
		if (n == ((isMobile && isMobile()) ? 4 : 5))
		{
			$('.chooseCat table').append(tr);
			tr = $("<tr></tr>");
			n=0;
		}
		
		n++;
		
		var subCatCount = 0;
		for (j=0; j<categories.length; j++)
		{
			if (categories[j].parentId == id)
				subCatCount++;
		}
		var target = ""
		if (subCatCount==0)
			target = "target";
			
		console.log(subCatCount+" "+title+" "+target);
		var td = $("<td width='20%' elementid='"+id+"' class='enu "+target+"'>"+title+"</td>");
		
		td.click(function(){
			
			var elementId = $(this).attr('elementid');
			var target = $(this).hasClass("target");
			
			if (!target)
			{
				switchCatChooser(elementId, $(this).html());
			}
			else
			{
				chooseCat(elementId);
			}
		});
		
		tr.append(td);
	}
	
	for (i=n; i<((isMobile && isMobile()) ? 4 : 5); i++)
	{
		tr.append("<td class='empty'>&nbsp;</td>");
	}
	
	$('.chooseCat table').append(tr);
}
function switchCatChooser(pid, title)
{	
	if (title)
	{
		chooseCatPath.push([pid, title]);
	}

	var path = [];
	
	for (i=0; i<chooseCatPath.length; i++)
	{
		path.push(" / <a href='#' onclick=\"\">"+chooseCatPath[i][1]+"</a>");
	}
	
	$('#chooseCatPath').html(path.join(""));
	
	drawCatChooser(pid);
}