var right = 'right';
var fyear = 1890;
var eyear = 2009;

var nsy = 1890;
var nfy = 2009;

var moved = false;
var tooclose = false;


function reget(){
	/*
	if(map){
		if(!moved){
			var sy = 1;
			var fy = 3000;
		}else{
			var sy = nsy;
			var fy = nfy;
		}
		var notime = $("#withnotime input:checked").length;
		$.get("/ajax/get_pics/"+sy+"/"+fy+"/"+notime,function(data){
			map.clearOverlays();
			itms = data.split('|||end|||');
			for(var q=0;q<itms.length;q++){
				if(itms[q] != ''){
					itm=itms[q].split('||');
					command='icons'+q+' = new GIcon();icons'+q+'.image = "';
					zoom = map.getZoom();
					if(zoom < 15)command+=url+'public/images/dots/'+itm[2]+'.png";icons'+q+'.iconSize = new GSize(11,11);';
					else command+=url+'public/images/arrows/'+itm[5]+'.png";icons'+q+'.iconSize = new GSize(16,16);';
					command+='icons'+q+'.shadowSize = new GSize(0,0);icons'+q+'.iconAnchor = new GPoint(0,0);icons'+q+'.infoWindowAnchor = new GPoint(0,0);mrks'+q+' = new GMarker(new GLatLng('+itm[0]+','+itm[1]+'), {icon:icons'+q+'});GEvent.addListener(mrks'+q+', "mouseover", function(){mrks'+q+'.openExtInfoWindow(map,"opacity_window","<img src=\\"'+url+'upload/photos/th_'+itm[4]+'\\" width=\\"120\\" /><br/>'+itm[3]+'",{beakOffset: 2});});GEvent.addListener(mrks'+q+', "mouseout", function(){mrks'+q+'.closeExtInfoWindow(map);});GEvent.addListener(mrks'+q+', "click", function(){window.location.href=\''+url+'photo/view/'+itm[6]+'\';});map.addOverlay(mrks'+q+');';
					eval(command);
				}
			}
		});
	}
	*/
	
	// not ajax code till full refactoring

	if (map && markers_arr && marker_clusterer) {
		if (!moved) {
			var sy = 1;
			var fy = 3000;
		} else {
			var sy = nsy;
			var fy = nfy;
		}
		marker_clusterer.clearMarkers();
		new_markers_arr = [];
		$.each(markers_arr, function(index, marker){
			if (marker.year >= sy && marker.year <= fy) {
				new_markers_arr.push(marker);
			}
		});
		//marker_clusterer.addMarkers(new_markers_arr);
		marker_clusterer = new MarkerClusterer(
			map,
			new_markers_arr,
			{
				maxZoom: 17,
				styles: [
					{width: 32, height: 32, url: "/public/images/dots/cluster_32.png"},
					{width: 48, height: 48, url: "/public/images/dots/cluster_48.png"},
					{width: 64, height: 64, url: "/public/images/dots/cluster_64.png"}
				]
			}
		);
	}
}

$(document).ready(function(){
	var ayear = $('#line').width()/(eyear-fyear);
	$('#right_pin').css('left',($('#line').width()-7)+'px');
	$('#left_pin').draggable({
		axis: 'x',
		containment: 'parent',
		drag: function(event, ui) {
			if(parseInt($('#left_pin').css('left'))>parseInt($('#right_pin').css('left')))right='left';
			else right='right';
			redrag();
			year=fyear+Math.round(parseInt($('#left_pin').css('left'))/ayear);
			if(right=='right')nsy = year;
			else nfy = year;
			var diff = Math.abs(parseInt($('#right_pin').css('left'))-parseInt($('#left_pin').css('left')));
			if(diff > 60){
				if(parseInt($('#left_pin').css('left'))>50 && Math.ceil($('#line').width()-parseInt($('#left_pin').css('left')))>80){
					$('#left-year').html(year);
					$('#left-year').css('color',cols[year]);
					$('#left-year').css('left',(parseInt($('#left_pin').css('left'))-15)+'px');
				}else $('#left-year').html('');
			}
		},
		stop: function(event, ui) {
			moved = true;
			reget();
		}
	});
	$('#right_pin').draggable({
		axis: 'x',
		containment: 'parent',
		drag: function(event, ui) {
			if(parseInt($('#right_pin').css('left'))<parseInt($('#left_pin').css('left')))right='left';
			else right='right';
			redrag();
			year=fyear+Math.round(parseInt($('#right_pin').css('left'))/ayear);
			if(right=='right')nfy = year;
			else nsy = year;
			var diff = Math.abs(parseInt($('#right_pin').css('left'))-parseInt($('#left_pin').css('left')));
			if(diff > 60){
				if(parseInt($('#right_pin').css('left'))>50 && Math.ceil($('#line').width()-parseInt($('#right_pin').css('left')))>80){
					$('#right-year').html(year);
					$('#right-year').css('color',cols[year]);
					$('#right-year').css('left',(parseInt($('#right_pin').css('left'))-15)+'px');
				}else $('#right-year').html('');
			}
		},
		stop: function(event, ui) {
			moved = true;
			reget();
		}
	});

	function redrag(){
		if(right=='right'){
			offsr=$('#line').width()-parseInt($('#right_pin').css('left'));
			offsl=parseInt($('#left_pin').css('left'));
		}
		else{
			offsl=parseInt($('#right_pin').css('left'));
			offsr=$('#line').width()-parseInt($('#left_pin').css('left'));
		}
		offsr=offsr-5;
		$('#right_grey').width(offsr);
		$('#left_grey').width(offsl);
	}
	
	$(window).resize(function(){
		ayear = $('#line').width()/(eyear-fyear);
		$('#left_pin').css('left',parseInt((nsy-fyear)*ayear)+'px');
		$('#right_pin').css('left',parseInt((nfy-fyear)*ayear)+'px');
		redrag();
		var diff = Math.abs(parseInt($('#right_pin').css('left'))-parseInt($('#left_pin').css('left')));
		if(diff > 60){
			if(parseInt($('#right_pin').css('left'))>50 && Math.ceil($('#line').width()-parseInt($('#right_pin').css('left')))>80){
				$('#right-year').html(nfy);
				$('#right-year').css('color',cols[nfy]);
				$('#right-year').css('left',(parseInt($('#right_pin').css('left'))-15)+'px');
			}else $('#right-year').html('');
			if(parseInt($('#left_pin').css('left'))>50 && Math.ceil($('#line').width()-parseInt($('#left_pin').css('left')))>80){
				$('#left-year').html(nsy);
				$('#left-year').css('color',cols[nsy]);
				$('#left-year').css('left',(parseInt($('#left_pin').css('left'))-15)+'px');
			}else $('#left-year').html('');
		}
	});
	
	 //setTimeout('putevent()',1000);
});

 function putevent(){
	// removing this dumb event until we'll fix all ajax markers
	 /*
	GEvent.addListener(map,"zoomend", function(old , nz) {  
		if((old < 15 && nz >= 15) || (old >= 15 && nz < 15))reget();
	});
	*/
}