modulejs.define('ext/qrcode', ['_', '$', 'modernizr', 'core/settings', 'core/event'], function (_, $, modernizr, allsettings, event) {

	var settings = _.extend({
			enabled: false,
			size: 150
		}, allsettings.qrcode),

		template = '<div id="qrcode"/>',

		$qrcode, hideTimeoutId,

		loadQrCodeExtension = function (callback) {

			if ($.fn.qrcode) {
				callback();
			} else {
				$.ajax({
					url: allsettings.h5aiAbsHref + 'client/js/qrcode.js',
					dataType: 'script',
					complete: function () {

						callback();
					}
				});
			}
		},

		update = function (item) {

			loadQrCodeExtension(function () {
				$qrcode.empty().qrcode({
					render: modernizr.canvas ? 'canvas' : 'div',
					width: settings.size,
					height: settings.size,
					color: '#333',
					bgColor: '#fff',
					text: 'http://' + document.domain + item.absHref
				});
			});
		},

		onMouseenter = function (item) {

			if (!item.isFolder()) {
				update(item);
				clearTimeout(hideTimeoutId);
				$qrcode.stop(true, true).fadeIn(400);
			}
		},

		onMouseleave = function (item) {

			hideTimeoutId = setTimeout(function () {

				$qrcode.stop(true, true).fadeOut(400);
			}, 200);
		},

		init = function () {

			if (!settings.enabled) {
				return;
			}

			$qrcode = $(template).appendTo('body');

			event.sub('item.mouseenter', onMouseenter);
			event.sub('item.mouseleave', onMouseleave);
		};

	init();
});