var logo = '';
var logo_dim = new Array;
var loading_upload_changeable = true;

var upload_temp_img;

function reset_bag_upload_logo() {
	logo = '';
	
	$('#upload_logo_next').css('opacity', 0.3);
	$('#upload_logo_skip').css('opacity', 1.0);
	
	$('#logo').val('');
	
	$('#step_bag_upload_logo_loading').slideUp(400);
	$('#step_bag_upload_logo_error').slideUp(400);
}

function check_upload() {
	if($('#logo').val() != '' && loading_upload_changeable == true){
		$('#upload_logo_next').stop().animate({'opacity': 1.0}, 400);
	}
}

function upload_fail() {
	if($('.current_step').attr('id') == 'step_bag_upload_logo'){
		if(loading_upload_changeable){
			var new_height = 0;
			
			new_height += parseInt($('.step_header', $('#step_bag_upload_logo')).height());
			new_height += parseInt($('.step_header', $('#step_bag_upload_logo')).css('margin-top'));
			new_height += parseInt($('.step_header', $('#step_bag_upload_logo')).css('margin-bottom'));
			
			new_height += parseInt($('.step_content', $('#step_bag_upload_logo')).height());
			new_height += parseInt($('.step_content', $('#step_bag_upload_logo')).css('margin-top'));
			new_height += parseInt($('.step_content', $('#step_bag_upload_logo')).css('margin-bottom'));
			
			$('#step_bag_upload_logo').animate({'height': new_height}, 400);
			
			$('#step_bag_upload_logo_loading').slideUp(400);
			$('#step_bag_upload_logo_error').delay(500).slideDown(400);
			
			$('#upload_logo_next').stop().delay(900).animate({'opacity': 1.0}, 400);
			$('#upload_logo_skip').stop().delay(900).animate({'opacity': 1.0}, 400);
		}else{
			setTimeout('upload_fail()', 200);
		}
	}
}

function upload_load_next() {
	logo_dim['w'] = upload_temp_img.width;
	logo_dim['h'] = upload_temp_img.height;
	
	if(logo_dim['w'] > 0 && logo_dim['h'] > 0){
		$('#step_bag_upload_logo_loading').slideUp(400);
		
		setTimeout('show_next()', 400);
	}else{
		setTimeout('upload_load_next()', 100);
	}
}

function upload_success(image) {
	if($('.current_step').attr('id') == 'step_bag_upload_logo'){
		if(loading_upload_changeable){
			logo = image[0].name;
			
			upload_temp_img = new Image;
			upload_temp_img.src = 'upl/' + logo;
			
			
			upload_load_next();
		}else{
			setTimeout(function() { upload_success(image); }, 200);
		}
	}
}

function upload_logo() {
	$('#ajax-temp').remove();
	
	var iframe = document.createElement('iframe');
	
	iframe.setAttribute('id', 'ajax-temp');
	iframe.setAttribute('name', 'ajax-temp');
	iframe.setAttribute('style', 'display: none;');
	
	iframe.setAttribute('width', '0');
	iframe.setAttribute('height', '0');
	
	document.upload_form.parentNode.appendChild(iframe);
	
	window.frames['ajax-temp'].name = 'ajax-temp';
	
	document.upload_form.setAttribute('target', 'ajax-temp');
	document.upload_form.setAttribute('action', 'ajax_upload_logo.php');
	document.upload_form.setAttribute('method', 'post');
	document.upload_form.setAttribute('enctype', 'multipart/form-data');
	document.upload_form.setAttribute('encoding', 'multipart/form-data');
	
	document.upload_form.submit();
}

function start_bag_before_upload_logo() {
	check_upload();
}

$('document').ready(
	function() {
		$('input[name=logo]').change(
			function() {
				check_upload();
			}
		);
		
		$('#upload_logo_next').click(
			function() {
				if($(this).css('opacity') == 1){
					$('#step_bag_upload_logo').animate({'height': 40}, 400);
					
					$('#upload_logo_next').stop().animate({'opacity': 0.3}, 400);
					$('#upload_logo_skip').stop().animate({'opacity': 0.3}, 400);
					
					loading_upload_changeable = false;
					
					if($('#step_bag_upload_logo_error').css('display') != 'none'){
						$('#step_bag_upload_logo_error').slideUp(400);
						$('#step_bag_upload_logo_loading').delay(500).slideDown(400);
						
						loading_upload_timer = setTimeout('loading_upload_changeable = true', 1300);
					}else{
						$('#step_bag_upload_logo_loading').slideDown(400);
						
						loading_upload_timer = setTimeout('loading_upload_changeable = true', 800);
					}
					
					upload_logo();
				}
			}
		);
		
		$('#upload_logo_skip').click(
			function() {
				$('#step_bag_upload_logo_error').slideUp(400);
				$('#step_bag_upload_logo_loading').slideUp(400);
				
				show_next('step_bag_preview');
			}
		);
		
		$('.step_header_back', $('#step_bag_upload_logo')).click(
			function() {
				reset_steps('step_bag_upload_logo');
			}
		);
	}
);