var imageEdit;

(function($) {

imageEdit = {

	iasapi : {},

	hold : {},

	postid : '',

	intval : function(f) {

		return f | 0;

	},

	setDisabled : function(el, s) {

		if ( s ) {

			el.removeClass('disabled');

			$('input', el).removeAttr('disabled');

		} else {

			el.addClass('disabled');

			$('input', el).attr('disabled', 'disabled');

		}

	},

	init : function(postid, nonce) {

		var t = this, old = $('#image-editor-' + t.postid),

			x = t.intval( $('#imgedit-x-' + postid).val() ),

			y = t.intval( $('#imgedit-y-' + postid).val() );

		if ( t.postid != postid && old.length )

			t.close(t.postid);

		t.hold['w'] = t.hold['ow'] = x;

		t.hold['h'] = t.hold['oh'] = y;

		t.hold['xy_ratio'] = x / y;

		t.hold['sizer'] = parseFloat( $('#imgedit-sizer-' + postid).val() );

		t.postid = postid;

		$('#imgedit-response-' + postid).empty();

		$('input[type="text"]', '#imgedit-panel-' + postid).keypress(function(e) {

			var k = e.keyCode;

			if ( 36 < k && k < 41 )

				$(this).blur()

			if ( 13 == k ) {

				e.preventDefault();

				e.stopPropagation();

				return false;

			}

		});

	},

	toggleEditor : function(postid, toggle) {

		var wait = $('#imgedit-wait-' + postid);

		if ( toggle )

			wait.height( $('#imgedit-panel-' + postid).height() ).fadeIn('fast');

		else

			wait.fadeOut('fast');

	},

	toggleHelp : function(el) {

		$(el).siblings('.imgedit-help').slideToggle('fast');

		return false;

	},

	getTarget : function(postid) {

		return $('input[name=imgedit-target-' + postid + ']:checked', '#imgedit-save-target-' + postid).val() || 'full';

	},

	scaleChanged : function(postid, x) {

		var w = $('#imgedit-scale-width-' + postid), h = $('#imgedit-scale-height-' + postid),

		warn = $('#imgedit-scale-warn-' + postid), w1 = '', h1 = '';

		if ( x ) {

			h1 = (w.val() != '') ? this.intval( w.val() / this.hold['xy_ratio'] ) : '';

			h.val( h1 );

		} else {

			w1 = (h.val() != '') ? this.intval( h.val() * this.hold['xy_ratio'] ) : '';

			w.val( w1 );

		}

		if ( ( h1 && h1 > this.hold['oh'] ) || ( w1 && w1 > this.hold['ow'] ) )

			warn.css('visibility', 'visible');

		else

			warn.css('visibility', 'hidden');

	},

	getSelRatio : function(postid) {

		var x = this.hold['w'], y = this.hold['h'],

			X = this.intval( $('#imgedit-crop-width-' + postid).val() ),

			Y = this.intval( $('#imgedit-crop-height-' + postid).val() );

		if ( X && Y )

			return X + ':' + Y;

		if ( x && y )

			return x + ':' + y;

		return '1:1';

	},

	filterHistory : function(postid, setSize) {

		// apply undo state to history

		var history = $('#imgedit-history-' + postid).val(), pop, n, o, i, op = [];

		if ( history != '' ) {

			history = JSON.parse(history);

			pop = this.intval( $('#imgedit-undone-' + postid).val() );

			if ( pop > 0 ) {

				while ( pop > 0 ) {

					history.pop();

					pop--;

				}

			}

			if ( setSize ) {

				if ( !history.length ) {

					this.hold['w'] = this.hold['ow'];

					this.hold['h'] = this.hold['oh'];

					return '';

				}

				// restore

				o = history[history.length - 1];

				o = o.c || o.r || o.f || false;

				if ( o ) {

					this.hold['w'] = o.fw;

					this.hold['h'] = o.fh;

				}

			}

			// filter the values

			for ( n in history ) {

				i = history[n];

				if ( i.hasOwnProperty('c') ) {

					op[n] = { 'c': { 'x': i.c.x, 'y': i.c.y, 'w': i.c.w, 'h': i.c.h } };

				} else if ( i.hasOwnProperty('r') ) {

					op[n] = { 'r': i.r.r };

				} else if ( i.hasOwnProperty('f') ) {

					op[n] = { 'f': i.f.f };

				}

			}

			return JSON.stringify(op);

		}

		return '';

	},

	refreshEditor : function(postid, nonce, callback) {

		var t = this, data, img;

		t.toggleEditor(postid, 1);

		data = {

			'action': 'imgedit-preview',

			'_ajax_nonce': nonce,

			'postid': postid,

			'history': t.filterHistory(postid, 1),

			'rand': t.intval(Math.random() * 1000000)

		};

		img = $('<img id="image-preview-' + postid + '" />');

		img.load( function() {

			var max1, max2, parent = $('#imgedit-crop-' + postid), t = imageEdit;

			parent.empty().append(img);

			// w, h are the new full size dims

			max1 = Math.max( t.hold.w, t.hold.h );

			max2 = Math.max( $(img).width(), $(img).height() );

			t.hold['sizer'] = max1 > max2 ? max2 / max1 : 1;

			t.initCrop(postid, img, parent);

			t.setCropSelection(postid, 0);

			if ( (typeof callback != "unknown") && callback != null )

				callback();

			if ( $('#imgedit-history-' + postid).val() && $('#imgedit-undone-' + postid).val() == 0 )

				$('input.imgedit-submit-btn', '#imgedit-panel-' + postid).removeAttr('disabled');

			else

				$('input.imgedit-submit-btn', '#imgedit-panel-' + postid).attr('disabled', 'disabled');

			t.toggleEditor(postid, 0);

		}).attr('src', ajaxurl + '?' + $.param(data));

	},

	action : function(postid, nonce, action) {

		var t = this, data, w, h, fw, fh;

		if ( t.notsaved(postid) )

			return false;

		data = {

			'action': 'image-editor',

			'_ajax_nonce': nonce,

			'postid': postid

		};

		if ( 'scale' == action ) {

			w = $('#imgedit-scale-width-' + postid),

			h = $('#imgedit-scale-height-' + postid),

			fw = t.intval(w.val()),

			fh = t.intval(h.val());

			if ( fw < 1 ) {

				w.focus();

				return false;;

			} else if ( fh < 1 ) {

				h.focus();

				return false;;

			}

			if ( fw == t.hold.ow || fh == t.hold.oh )

				return false;

			data['do'] = 'scale';

			data['fwidth'] = fw;

			data['fheight'] = fh;

		} else if ( 'restore' == action ) {

			data['do'] = 'restore';

		} else {

			return false;

		}

		t.toggleEditor(postid, 1);

		$.post(ajaxurl, data, function(r) {

			$('#image-editor-' + postid).empty().append(r);

			t.toggleEditor(postid, 0);

		});

	},

	save : function(postid, nonce) {

		var data, target = this.getTarget(postid), history = this.filterHistory(postid, 0);

		if ( '' == history )

			return false;

		this.toggleEditor(postid, 1);

		data = {

			'action': 'image-editor',

			'_ajax_nonce': nonce,

			'postid': postid,

			'history': history,

			'target': target,

			'do': 'save'

		};

		$.post(ajaxurl, data, function(r) {

			var ret = JSON.parse(r);

			if ( ret.error ) {

				$('#imgedit-response-' + postid).html('<div class="error"><p>' + ret.error + '</p><div>');

				imageEdit.close(postid);

				return;

			}

			if ( ret.fw && ret.fh )

				$('#media-dims-' + postid).html( ret.fw + ' × ' + ret.fh );

			if ( ret.thumbnail )

				$('.thumbnail', '#thumbnail-head-' + postid).attr('src', ''+ret.thumbnail);

			if ( ret.msg )

				$('#imgedit-response-' + postid).html('<div class="updated"><p>' + ret.msg + '</p></div>');

			imageEdit.close(postid);

		});

	},

	open : function(postid, nonce) {

		var data, elem = $('#image-editor-' + postid), head = $('#media-head-' + postid),

			btn = $('#imgedit-open-btn-' + postid), spin = btn.siblings('img');

		btn.attr('disabled', 'disabled');

		spin.css('visibility', 'visible');

		data = {

			'action': 'image-editor',

			'_ajax_nonce': nonce,

			'postid': postid,

			'do': 'open'

		};

		elem.load(ajaxurl, data, function() {

			elem.fadeIn('fast');

			head.fadeOut('fast', function(){

				btn.removeAttr('disabled');

				spin.css('visibility', 'hidden');

			});

		});

	},

	imgLoaded : function(postid) {

		var img = $('#image-preview-' + postid), parent = $('#imgedit-crop-' + postid);

		this.initCrop(postid, img, parent);

		this.setCropSelection(postid, 0);

		this.toggleEditor(postid, 0);

	},

	initCrop : function(postid, image, parent) {

		var t = this, selW = $('#imgedit-sel-width-' + postid),

			selH = $('#imgedit-sel-height-' + postid);

		t.iasapi = $(image).imgAreaSelect({

			parent: parent,

			instance: true,

			handles: true,

			keys: true,

			minWidth: 3,

			minHeight: 3,

			onInit: function(img, c) {

				parent.children().mousedown(function(e){

					var ratio = false, sel, defRatio;

					if ( e.shiftKey ) {

						sel = t.iasapi.getSelection();

						defRatio = t.getSelRatio(postid);

						ratio = ( sel && sel.width && sel.height ) ? sel.width + ':' + sel.height : defRatio;

					}

					t.iasapi.setOptions({

						aspectRatio: ratio

					});

				});

			},