// Basic HTML 5 Audio Element encapsulation
enyo.kind({
	name: "HTML5.Audio",
	kind: enyo.Control,
	tag: "audio",
	published: {
		src: "", crossorigin: "", preload: "auto",
		mediagroup: "", loop: false, muted: "", controlsbar: false
	},
	events: {
		onSoundEnded: "",
		onSoundTimeupdate: ""
	},

	// Constructor
	create: function() {
		this.inherited(arguments);

		this.isCordova = (enyo.platform.android || enyo.platform.androidChrome || enyo.platform.ios) && document.location.protocol.substr(0,4) != "http";
		this.startPlay = false;
		this.srcChanged();
		this.crossoriginChanged();
		this.preloadChanged();
		this.loopChanged();
		this.mutedChanged();
		this.controlsbarChanged();
	},

	// Render
	rendered: function() {
		this.inherited(arguments);

		// Handle init
		if (this.hasNode()) {
			// Handle sound ended event
			var audio = this;
			enyo.dispatcher.listen(audio.hasNode(), "ended", function() {
				audio.doSoundEnded();
			});
			enyo.dispatcher.listen(audio.hasNode(), "timeupdate", function(s) {
				audio.doSoundTimeupdate({timeStamp: s.timeStamp});
			});
		}
	},

	// Property changed
	srcChanged: function() {
		this.setAttribute("src", this.src);
	},

	crossoriginChanged: function() {
		this.setAttribute("crossorigin", this.crossorigin);
	},

	preloadChanged: function() {
		this.setAttribute("preload", this.preload);
	},

	loopChanged: function() {
		this.setAttribute("loop", this.loop);
	},

	mutedChanged: function() {
		if (this.muted.length != 0)
			this.setAttribute("muted", this.muted);
	},

	controlsbarChanged: function() {
		this.setAttribute("controls", this.controlsbar);
	},

	// Test if component could play a file type
	canPlayType: function(typename) {
		var node = this.hasNode();
		if (!node)
			return false;
		return node.canPlayType(typename);
	},

	// Play audio
	play: function() {
		// HACK: HTML5 Audio don't work in PhoneGap on Android and iOS, use Media PhoneGap component instead
		if (this.isCordova) {
			var src = location.pathname.substring(0,1+location.pathname.lastIndexOf('/'))+this.src;
			var that = this;
			var media = new Media(src, function() {
				var timer = window.setInterval(function() {
					window.clearInterval(timer);
					that.doSoundEnded();
				}, this.getDuration()*1000);
			}, function() {});
			media.play();
			return;
		}
		var node = this.hasNode();
		if (!node)
			return;
		this.started = false;
		var promise = node.play();
		if (promise) {
			var that = this;
			promise.then(function() {
				that.started = true;
			}).catch(function() {});
		} else {
			this.started = true;
		}
	},

	// Pause audio
	pause: function() {
		var node = this.hasNode();
		if (!node)
			return;
		if (this.started) {
			node.pause();
		}
	},

	// Test if audio is paused
	paused: function() {
		var node = this.hasNode();
		if (!node)
			return false;
		return node.paused;
	},

	// Test if audio is ended
	ended: function() {
		var node = this.hasNode();
		if (!node)
			return false;
		return node.ended;
	}
});