goog.provide('SpritedAnimation');

goog.require('SpritedImage');
goog.require('object');

var SpritedAnimation = React.createClass({
	getInitialState: function() {
		return {
			index: 0
		}
	},

	componentDidMount: function(root) {
		this.timerId_ = window.setInterval(function() {
			this.setState({
				index: ++this.state.index % (this.props.sheetWidth * this.props.sheetHeight)
			})
		}.bind(this), this.props.interval);
	},

	componentWillUnmount: function() {
		window.clearInterval(this.timerId_);
	},

	render: function() {
		return SpritedImage(extend(this.props, {index: this.state.index}));
	}
});