$(document).ready(function()
{
	
	// Set step values
	var imager_step          =   4;
	var imager_zoom          =   5;
	var imager_canvas_width  = 100;
	var imager_canvas_height = 100;
	var imager_init          = false;
	var imager_center        = true;
	
	// Set max/min values
	var imager_max_x  =   200;
	var imager_min_x  = -1200;
	var imager_max_y  =   200;
	var imager_min_y  = -1200;
	var imager_max_z  =   400;
	var imager_min_z  =    10;

	// Set initial width and height
	if(imager_init == true)
	{
		var imager_width  = $('#imager_image').width();
		var imager_height = $('#imager_image').height();
		$('#imager_image').width(Math.floor(imager_width / 100 * $('#imager_z').val()));
		$('#imager_image').height(Math.floor(imager_height / 100 * $('#imager_z').val()));
		$('#imager_image').css('left', $('#imager_x').val() + 'px');
		$('#imager_image').css('top', $('#imager_y').val() + 'px');
		$('#imager_container').css('width', imager_canvas_width + 'px');
		$('#imager_container').css('height', imager_canvas_height + 'px');
	}
	
	// Move left
	$('#imager_move_left').mousehold(function()
	{
		var x = 1 * $('#imager_image').css('left').replace('px', '');
		x -= imager_step;
		x = Math.max(x, imager_min_x);
		$('#imager_x').val(x);
		$('#imager_image').css('left', x + 'px');
		return true;
	});
	
	// Move right
	$('#imager_move_right').mousehold(function()
	{
		var x = 1 * $('#imager_image').css('left').replace('px', '');
		x += imager_step;
		x = Math.min(x, imager_max_x);
		$('#imager_x').val(x);
		$('#imager_image').css('left', x + 'px');
		return true;
	});
	
	// Move up
	$('#imager_move_up').mousehold(function()
	{
		var y = 1 * $('#imager_image').css('top').replace('px', '');
		y -= imager_step;
		y = Math.max(y, imager_min_y);
		$('#imager_y').val(y);
		$('#imager_image').css('top', y + 'px');
		return true;
	});
	
	// Move down
	$('#imager_move_down').mousehold(function()
	{
		var y = 1 * $('#imager_image').css('top').replace('px', '');
		y += imager_step;
		y = Math.min(y, imager_max_y);
		$('#imager_y').val(y);
		$('#imager_image').css('top', y + 'px');
		return true;
	});
	
	// Zoom in
	$('#imager_zoom_in').mousehold(function()
	{
		var z = 1 * $('#imager_z').val();
		z += imager_zoom;
		z = Math.min(z, imager_max_z);
		$('#imager_image').width(Math.floor($('#imager_w').val() / 100 * z));
		$('#imager_image').height(Math.floor($('#imager_h').val() / 100 * z));
		$('#imager_z').val(z);
		
		if(imager_center == true)
		{
			var x = 1 * $('#imager_image').css('left').replace('px', '');
			var y = 1 * $('#imager_image').css('top').replace('px', '');
			x = (x - (imager_canvas_width / 2)) / 100 * (100 + imager_zoom) + (imager_canvas_width / 2);
			y = (y - (imager_canvas_height / 2)) / 100 * (100 + imager_zoom) + (imager_canvas_width / 2);
			$('#imager_x').val(x);
			$('#imager_y').val(y);
			$('#imager_image').css('left', x + 'px');
			$('#imager_image').css('top', y + 'px');
		}
		return true;
	});
	
	// Zoom out
	$('#imager_zoom_out').mousehold(function()
	{
		var z = 1 * $('#imager_z').val();
		z -= imager_zoom;
		z = Math.max(z, imager_min_z);
		$('#imager_image').width(Math.floor($('#imager_w').val() / 100 * z));
		$('#imager_image').height(Math.floor($('#imager_h').val() / 100 * z));
		$('#imager_z').val(z);
		
		if(imager_center == true)
		{
			var x = 1 * $('#imager_image').css('left').replace('px', '');
			var y = 1 * $('#imager_image').css('top').replace('px', '');
			x = (x - (imager_canvas_width / 2)) / 100 * (100 - imager_zoom) + (imager_canvas_width / 2);
			y = (y - (imager_canvas_height / 2)) / 100 * (100 - imager_zoom) + (imager_canvas_width / 2);
			$('#imager_x').val(x);
			$('#imager_y').val(y);
			$('#imager_image').css('left', x + 'px');
			$('#imager_image').css('top', y + 'px');
		}
		return true;
	});
	
	// Submit image
	$('#imager_submit').click(function()
	{
		$('#imager_submitted').css('display', 'block');
		/*
		alert($('#imager_x').val());
		alert($('#imager_y').val());
		alert($('#imager_z').val());
		*/
		tb_remove();
	});
	
	$('.imager_button').mouseup(function()
	{
		return false;
	});
});