function cropImage(url, headerAdd) {
  if (headerAdd == 'true') 
	  show_add_item_header(false);
	else {
	  if (typeof(show_add_item) != 'undefined')
	    show_add_item(false);  	
	  else
	    show_add_item_header(false);
  }
  	
  	$('#btnSubmitUrl').val('Add');
	$('#submitter_block, #add_details_block, #actionbuttons_block').hide();
	$('#jcrop_target, #preview').attr('src', url);
  	$('#preview').width('100px');
  	$('#fields_block').hide();
  	$('#cropper_block').show();
  
  	$('#add_details_block').addClass('manual');
  	$('.tab').removeClass('selected');
  	$('.tab[rel=manual]').addClass('selected');
  	$('#txtSelectedImage').val(url);
}
	
function showImage(url, headerAdd) {
  	if (headerAdd == 'true') 
	  	show_add_item_header(false);
	else
	  	show_add_item(false);  	
	  	
  	$('#btnSubmitUrl').val('Add');
 	$('#submitter_block, #actionbuttons_block').hide();
  	$('#add_details_block').show();
  	window.location.hash = '#list_add';
  
  	$('#add_details_block').addClass('manual');
  	$('.tab').removeClass('selected');
  	$('.tab[rel=manual]').addClass('selected');
  	$('#txtSelectedImage').val(url);
  
  	$('.hide-on-scrape').hide();
	$('.js-preview').html($('.preview-wrapper').clone());
	$('.js-preview-wrapper').width($('.preview-wrapper').width() + 10).show();
	reset_cropper();
	$('#preview').attr('src', url);
	$('.js-preview-wrapper').show();

	$('#txtImageStartX').val(0);
	$('#txtImageStartY').val(0);
	$('#txtImageWidth').val(0);
	$('#txtImageHeight').val(0);
}
	
function showPreview(coords) {
  	$('#txtImageStartX').val(coords.x);
 	$('#txtImageStartY').val(coords.y);
	$('#txtImageWidth').val(coords.w);
	$('#txtImageHeight').val(coords.h);
	var width = coords.w;
	var height = coords.h;
	if (width >= height) {
  	  	height = height * 100 / width;
  	  	width = 100;
  	} else {
  	 	width = width * 100 / height;
  	  	height = 100;
  	}
  	
	var rx = width / coords.w;
	var ry = height / coords.h;
  	$('.preview-wrapper').css({
	  	  width: width + 'px',
	  	  height: height + 'px'
  	})

  	$('#preview').css({
  		width: Math.round(rx * $('.jcrop-holder').width()) + 'px',
  		height: Math.round(ry * $('.jcrop-holder').height()) + 'px',
  		marginLeft: '-' + Math.round(rx * coords.x) + 'px',
  		marginTop: '-' + Math.round(ry * coords.y) + 'px'
  	});
};
  
function cancel_image_add() {
  $('#txtSelectedImage').val('');
	$('#txtImageStartX').val('');
	$('#txtImageStartY').val('');
	$('#txtImageWidth').val('');
	$('#txtImageHeight').val('');
	
	$('#submitter_block').show();
	$('#btnSubmitUrl_ctl, #txtSubmitUrl_ctl, .biline').hide();
	
  // reset_cropper_small();
  reset_cropper();
	
	$('#fake_image_container').show();
	$('#manual_image_container').append($('#fake_image_container'));
    scraper.reset_scraper();
}
  
function save_image() {
    $('.hide-on-scrape').hide();
    $('.js-preview .preview-wrapper').remove();
    $('.js-preview').html($('.preview-wrapper').clone());
    $('.js-preview-wrapper').width($('.preview-wrapper').width() + 10).show();
    // reset_cropper_small();
    reset_cropper();
    $('.js-preview-wrapper').show();
    scraper.manual_image = true;
    $('.manual-photo-container').hide();
}
  
function reset_cropper() {
    $('.js-preview-wrapper').hide();
    $('#fake_image_container').hide();
	  $('.carousel-container').hide(); 
    $('#actionbuttons_block').show();
    $('#add_details_block').addClass('manual');
    $('#submitter_block').addClass('manual');
    $('#cropper_block').fadeOut('slow');
    
    //show manual block
    $('#automatic_data').css('display', 'none');
    $('#manual_data').css('display', 'block');
    scraper.display = 'manual';
  	$('#fields_block').fadeIn('slow');
}

function reset_cropper_small() {
    $('.js-preview-wrapper').hide();
    $('#fake_image_container').hide();
    // $('.carousel-container').hide(); 
    $('.manual-photo-container').show();
    $('.carousel').hide();
    $('#actionbuttons_block').show();
    $('#cropper_block').fadeOut('slow');
    
  	$('#fields_block').fadeIn('slow');
}

function hide_cropper() {
    $('.js-preview-wrapper').hide();
    $('#fake_image_container').show();
	$('.carousel-container').hide(); 
    $('#actionbuttons_block').hide();
    $('#cropper_block').hide();
    
    //show auto block
	$('#automatic_data').css('display', 'block');
	$('#manual_data').css('display', 'none');
  	scraper.display = 'automatic';
  	$('#fields_block').show();
}