var logo_crop = '';
var crop_pos;
var loading_crop_changeable = true;
var crop_location_changeable = true;

function reset_bag_crop_logo() {
	$('#crop_container').html('');
	
	$('#crop_logo_next').css('opacity', 0.3);
	$('#crop_logo_skip').css('opacity', 1.0);
	
	$('#step_bag_crop_logo_loading').slideUp(400);
	$('#step_bag_crop_logo_error').slideUp(400);
	
	loading_crop_changeable = true;
	crop_location_changeable = true;
	
	logo_crop = '';
	crop_pos = new Array();
	crop_pos.length = 0;
}

function update_coords(c) {
	if(c.x >= 0 && c.y >= 0 && c.w > 0 && c.h > 0 && crop_location_changeable){
		$('#crop_logo_next').stop().animate({'opacity': 1.0}, 400);
		
		crop_pos = c;
	}else{
		$('#crop_logo_next').stop().animate({'opacity': 0.3}, 400);
	}
}

function crop_fail() {
	if($('.current_step').attr('id') == 'step_bag_crop_logo'){
		if(loading_crop_changeable){
			var new_height = 0;
			
			new_height += parseInt($('.step_header', $('#step_bag_crop_logo')).height());
			new_height += parseInt($('.step_header', $('#step_bag_crop_logo')).css('margin-top'));
			new_height += parseInt($('.step_header', $('#step_bag_crop_logo')).css('margin-bottom'));
			
			new_height += parseInt($('.step_content', $('#step_bag_crop_logo')).height());
			new_height += parseInt($('.step_content', $('#step_bag_crop_logo')).css('margin-top'));
			new_height += parseInt($('.step_content', $('#step_bag_crop_logo')).css('margin-bottom'));
			
			$('#step_bag_crop_logo').animate({'height': new_height}, 400);
			
			crop_location_changeable = true;
			
			$('#step_bag_logo_crop_loading').slideUp(400);
			$('#step_bag_logo_crop_error').delay(500).slideDown(400);
			
			$('#crop_logo_next').stop().delay(900).animate({'opacity': 1.0}, 400);
			$('#crop_logo_skip').stop().delay(900).animate({'opacity': 1.0}, 400);
		}else{
			setTimeout('crop_fail()', 200);
		}
	}
}

function crop_success(crop_image) {
	if($('.current_step').attr('id') == 'step_bag_crop_logo'){
		if(loading_crop_changeable){
			crop_location_changeable = true;
			
			logo_crop = crop_image;
			
			$('#step_bag_crop_logo_loading').slideUp(400);
			
			setTimeout('show_next()', 400);
		}else{
			setTimeout('crop_success("' + crop_image + '")', 200);
		}
	}
}

function crop_logo() {
	if(crop_pos.x >= 0 && crop_pos.y >= 0 && crop_pos.w > 0 && crop_pos.h > 0 && crop_location_changeable){
		crop_location_changeable = false;
		
		var data = {
			'pos_x': crop_pos.x,
			'pos_y': crop_pos.y,
			'pos_w': crop_pos.w,
			'pos_h': crop_pos.h,
			'logo': logo
		};
		
		$.ajax({
				'url': 'ajax_crop_logo.php',
				'type': 'POST',
				'data': data,
				'success': function(data) {
					if(data.image1 != undefined){
						crop_success(data.image1);
					}else{
						crop_fail();
					}
				},
				'dataType': 'json',
				'error': crop_fail
		});
	}else{
		crop_fail();
	}
}

function start_before_bag_crop_logo() {
	$('#crop_container').html('<div id="crop_cont"><IMG SRC="upl/' + logo + '" ID="crop"></div>');
	
	$('#crop').css('width', logo_dim['w']);
	$('#crop').css('height', logo_dim['h']);
	
	$('#crop_cont').css('width', logo_dim['w']);
	$('#crop_cont').css('height', logo_dim['h']);
	
	$('#crop_container').fadeIn(400);
	$('#crop').Jcrop({onSelect: update_coords});
}

function start_after_bag_crop_logo() {
	$('#jcrop-holder IMG').css('position', 'relative');
}

function end_bag_crop_logo() {
	$('#crop_container').html('');
}

$('document').ready(
	function() {
		$('#crop_logo_next').click(
			function() {
				if($(this).css('opacity') == 1){
					$('#step_bag_crop_logo').animate({'height': 40}, 400);
					
					$('#crop_logo_next').stop().animate({'opacity': 0.3}, 400);
					$('#crop_logo_skip').stop().animate({'opacity': 0.3}, 400);
					
					loading_crop_changeable = false;
					
					if($('#step_bag_crop_logo_error').css('display') != 'none'){
						$('#step_bag_crop_logo_error').slideUp(400);
						$('#step_bag_crop_logo_loading').delay(500).slideDown(400);
						
						setTimeout('loading_crop_changeable = true', 1300);
					}else{
						$('#step_bag_crop_logo_loading').slideDown(400);
						
						setTimeout('loading_crop_changeable = true', 800);
					}
					
					crop_logo();
				}
			}
		);
		
		$('#crop_logo_skip').click(
			function() {
				show_next();
			}
		);
		
		$('.step_header_back', $('#step_bag_crop_logo')).click(
			function() {
				reset_steps('step_bag_crop_logo');
			}
		);
	}
);