<?include "../config.php";?>
var totalX = -1;
var totalY = -1;
var width  = ;
var height = ;
var iconsUrl = '';
var iconsSizeHalf = 0;
var iconsCount = 0;
var maxLevel = 3;

var mapLoadUrl = '/map/data.php';

var x = 0;
var y = 0;
var level = 0;
var zoom = 1;
var zoomMax = 1;


$(function()
{
	var i;
	for (i=0; i<maxLevel; i++)
	{
		zoomMax *= 2;
	}
	
	
	if (window.data !== undefined)
	{
		for (i=0; i<data.level; i++)
		{
			zoom *= 2;
		}
		var xx = (data.x * zoom / zoomMax - (totalX+1)*width/2) / width;
		var yy = (data.y * zoom / zoomMax - (totalY+1)*height/2) / height;
		
		x = Math.floor(xx);
		y = Math.floor(yy);
		
		level = data.level;
		$('#map').offset({
			left: Math.round(- width * (totalX - 2 + xx - x)),
			top:  Math.round(- height * (totalY - 2 + yy - y))
			});
	}
	
	
	mapRedraw();
	
	$('#map')
	.show()
	.mousewheel(function(event, delta) {
		var xx = Math.round(( x * width +  (event.pageX - $('#mapUp').offset().left) - $('#map').attr('offsetLeft') - (totalX+1) * width ) * zoomMax / zoom);
		var yy = Math.round(( y * height + (event.pageY - $('#mapUp').offset().top) - $('#map').attr('offsetTop') - (totalY+1) * height ) * zoomMax / zoom);
		
		//xx = Math.round(event.pageX - $('#mapUp').offset().left);
		//yy = Math.round(event.pageY - $('#mapUp').offset().top);
		
		if (delta > 0)
		{
			mapZoomIn(xx, yy);
		}
		else
		{
			mapZoomOut(xx, yy);
		}
		})
	.click(function(event) {
		var xx = Math.round(( x * width +  (event.pageX - $('#mapUp').offset().left) - $('#map').attr('offsetLeft') - (totalX+1) * width ) * zoomMax / zoom);
		var yy = Math.round(( y * height + (event.pageY - $('#mapUp').offset().top) - $('#map').attr('offsetTop') - (totalY+1) * height ) * zoomMax / zoom);
		
		///////////ADMIN
		if (mapAdminMode != '')
		{
			switch(mapAdminMode)
			{
				case 'add':
					mapAdminAddObject(xx, yy);
					break;
			}
			
			mapAdminMode = '';
			mapAdminModeRedraw();
		}
		/////////////ADMIN
		})
	.draggable({
		zIndex: -1,
		stop: function()
		{
			var moveX = 0, moveY = 0;
			
			if (Math.abs($('#map').attr('offsetLeft') + (width*(totalX+1))) >= width )
			{
				moveX = Math.round(($('#map').attr('offsetLeft') + (width*(totalX+1))) / width);
				x -= moveX;
			}
			if (Math.abs($('#map').attr('offsetTop') + (height*(totalY+1))) >= height )
			{
				moveY = Math.round(($('#map').attr('offsetTop') + (height*(totalY+1))) / height);
				y -= moveY;
			}
			
			if ((moveX!=0) || (moveY!=0))
			{
				mapRedraw();
				$('#map').offset({
					left: $('#map').offset().left - (moveX * width),
					top:  $('#map').offset().top  - (moveY * height)
					});
				
				if (iconsCount > 0)
				{
					var i;
					
					for (i=0; i<iconsCount; i++)
					{
						$('#object'+i).offset({
							left: $('#object'+i).attr('offsetLeft') - (moveX * width),
							top:  $('#object'+i).attr('offsetTop')  - (moveY * height)
							});
					}
				}
			}
		}
		});
});

function mapSearch()
{
	$.post(mapLoadUrl,
	{
		search: $('#search input:text[name="search"]').val()
	}, function(data, status, xhr)
	{
		if (status == "error")
		{
			alert('map search error: ' + xhr.status + ' ' + xhr.statusText);
		}
		else
		{
			$('#mapDetails').html(data);
		}
	});
	
	return false;
}

function mapObjectsLoad()
{
	$.post(mapLoadUrl,
		{
			left: (x-1) * width * zoomMax / zoom,
			top: (y-1) * height * zoomMax / zoom,
			width: ((x+totalX+2) * width) * zoomMax / zoom,
			height: ((y+totalY+2) * height) * zoomMax / zoom
		}, function(data, status, xhr)
		{
			if (status == "error")
			{
				alert('map load error: ' + xhr.status + ' ' + xhr.statusText);
			}
			else
			{
				var i;
				
				if (iconsCount > 0)
				{
					for (i=0; i<iconsCount; i++)
					{
						$('#object'+i).remove();
					}
				}
				
				for (i=0; i<data.length; i++)
				{
					$('<div onclick="$(\'#mapDetails\').load(mapLoadUrl, {id: '+data[i]['id']+'});" style="position:absolute; left:'+(Math.round(data[i]['x']/zoomMax*zoom) + (-x+totalX+1)*width - iconsSizeHalf )+'; top:'+(Math.round(data[i]['y']/zoomMax*zoom) + (-y+totalY+1)*height - iconsSizeHalf)+'" id="object'+i+'"><img src="'+iconsUrl+data[i]['category']+'.gif" title="'+data[i]['title']+'"></div>').insertAfter('#map_5_5');
				}
				iconsCount = data.length;
			}
		}, 'json'
	)
}


/////////////ADMIN
var mapAdminMode = '';
var mapAdminEngine = '/map/engine.php';
var mapAdminModeText =
	{
		'add': 'Add mode on'
	};

function mapAdminAdd()
{
	mapAdminMode = 'add';
	mapAdminModeRedraw();
}

function mapAdminModeRedraw()
{
	$('#mapAdminMode').html(
		(mapAdminModeText[mapAdminMode])
		?mapAdminModeText[mapAdminMode]
		:''
		);
}

function mapAdminAddObject(xx, yy)
{
	$('#mapAdminEdit input:hidden[name="x"]').val(xx);
	$('#mapAdminEdit input:hidden[name="y"]').val(yy);
	$('#mapAdminAddForm').show();
}

function mapAdminEditClose()
{
	$('#mapAdminAddForm').hide();
	mapAdminMode = '';
	mapAdminModeRedraw();
	
}

function mapAdminSave()
{
	$.post(mapAdminEngine,
		{
			act:      'save',
			id:       $('#mapAdminEdit input:hidden[name="id"]').val(),
			x:        $('#mapAdminEdit input:hidden[name="x"]').val(),
			y:        $('#mapAdminEdit input:hidden[name="y"]').val(),
			title:    $('#mapAdminEdit input:text[name="title"]').val(),
			body:     $('#mapAdminEdit textarea[name="body"]').val(),
			category: $('#mapAdminEdit select[name="category"]').val()
		}, function(data)
		{
			$('#mapAdminAddForm').hide();
			$('#mapAdminMode').html(data);
		})
	$('#mapAdminEdit')
}
/////////////ADMIN

function mapZoomIn(xx, yy)
{
	if (level == maxLevel)
		return;
	
	level ++;
	zoom *= 2;

document.title = yy;
	
	xx = (xx * zoom / zoomMax - (totalX+1)*width/2) / width;
	yy = (yy * zoom / zoomMax - (totalY+1)*height/2) / height;
	
	x = Math.floor(xx);
	y = Math.floor(yy);
	
//	$('#map').offset({
//		left: Math.round(- width * (totalX - 2 + xx - x)),
//		top:  Math.round(- height * (totalY - 2 + yy - y))
//		});
	
	mapRanges();
	mapRedraw();
}

function mapZoomOut(xx, yy)
{
	if (level == 0)
		return;
		
	level --;
	zoom /= 2;
	
	xx = (xx * zoom / zoomMax - (totalX+1)*width/2) / width;
	yy = (yy * zoom / zoomMax - (totalY+1)*height/2) / height;
	
	x = Math.floor(xx);
	y = Math.floor(yy);
	
//	$('#map').offset({
//		left: Math.round(- width * (totalX - 2 + xx - x)),
//		top:  Math.round(- height * (totalY - 2 + yy - y))
//		});
	
	mapRanges();
	mapRedraw();
}

function mapRanges()
{
	if (x < 0)
	{
		x = 0;
	}
	if (y < 0)
	{
		y = 0;
	}
	if (x > (Math.floor(zoom - 1) * (totalX+1)))
	{
		x = Math.floor(zoom - 1) * (totalX+1);
	}
	if (y > (Math.floor(zoom - 1) * (totalY+1)))
	{
		y = Math.floor(zoom - 1) * (totalY+1);
	}
}

function mapRedraw()
{
	var i, j;
	
	for (i=-1; i<=(totalX+1); i++)
	{
		for (j=-1; j<=(totalY+1); j++)
		{
			$('#map_' + i + '_' + j).attr('src', (( (Math.round(x+i) >= 0) && (Math.round(y+j) >= 0) && (Math.round(x+i) < (totalX+1)*zoom) && (Math.round(y+j) < (totalY+1)*zoom) )
				?'<?if ($config['cache']):?>' + level + '/' + Math.round(x + i) + '/' + Math.round(y + j) + '.'<?else:?>map.php?x=' + Math.round(x + i) + '&y=' + Math.round(y + j) + '&level=' + level<?endif;?>
				:'img/null.gif'));
		}
//3 train, 5 vagon, aleksandr, 21:10 kazanskij
	}
	mapObjectsLoad();
}

function mapUp()
{
	if (y != 0)
	{
		y--;
		mapRedraw();
	}
}

function mapRight()
{
	if (x != (Math.floor(zoom - 1) * (totalX+1)) )
	{
		x++;
		mapRedraw();
	}
}

function mapLeft()
{
	if (x != 0)
	{
		x--;
		mapRedraw();
	}
}

function mapDown()
{
	if (y != (Math.floor(zoom - 1) * (totalY+1)) )
	{
		y++;
		mapRedraw();
	}
}