(function(window,undefined){
	window.Timeline=function(){
		this.callbacks=[];
		this.anims=[];
        this.isPaused = false;
		var that=this;
		var tick=function(){
			that.tick();
			setTimeout(tick,10);
		};
		tick();
	}

	window.Timeline.prototype.loop=true; 
	window.Timeline.prototype.length=10000;
	window.Timeline.prototype.started=0;
	/*
	starts the timeline
	*/
	window.Timeline.prototype.start=function(time){
		if(!time) time=+new Date;
		this.started=time;
		this.lastTime=0;
		return this;
	}
    window.Timeline.prototype.pause=function(){
        if (!this.isPaused) {
            this.pausetime=+new Date;
            this.started=false;
        } else {
            this.started+=+new Date-this.pausetime;
            this.started=true;
        }
        this.isPaused = !this.isPaused;
    }
	/*
	sets the lengh of the timeline in s
	*/
	window.Timeline.prototype.length=function(time){
		this.length=time*1000;
		return this;
	}
	/*
	loop the timeline
	*/
	window.Timeline.prototype.looptimeline=function(loop){
		this.loop=loop;
		return this;
	}
	/*
	Function execuate call back at position(0-1	) through animation
	*/
	window.Timeline.prototype.at=function(position,callback){
		this.callbacks.push({position:position,callback:callback});
		return this;
	}
	/*
	check for callbacks to execute
	*/
	window.Timeline.prototype.tick=function(){
		if(this.started){
			var now=(+new Date-this.started);
			if((now-this.lastTime)>200) {
				this.started=+new Date-this.lastTime;
				return;
			}
			if(this.lastTime>0 && now<this.lastTime) return;
			if(this.loop) now=now%this.length;
			var that=this;
			var sort=
			this.callbacks.sort(function(a,b){
				return a.position*that.length<now;
			});
			if(this.lastTime!=null){
				for(var i=0;i<this.callbacks.length;i++){
					var callback=this.callbacks[i];
					var time=callback.position*this.length;
					if(time>=this.lastTime  && time<=now) callback.callback();
					if((time>=this.lastTime || time<=now) && now<this.lastTime) callback.callback();
				}
				for(var i=0;i<this.anims.length;i++){
					var anim=this.anims[i];
					if (!anim.active){
						var time=anim.position*this.length;
						if(time>=this.lastTime  && time<=now) this.animate(anim,now);
						if((time>=this.lastTime || time<=now) && now<this.lastTime) this.animate(anim,now);
					}
					else{
						this.animate(anim,now);
					}
				}
			}
			this.lastTime=now;
		}
	}
	
	window.Timeline.prototype.addanim=function(position,element,action,startpos,endpos,duration){
		var active=false;
		var element=document.getElementById(element);
		this.anims.push({position:position,element:element,action:action,startpos:startpos,endpos:endpos,duration:duration,active:active});
	}
	
	window.Timeline.prototype.animate=function(anim,now) {
		if(!anim.active){
			switch(anim.action){
				case "fade":
					anim.element.style.opacity=anim.startpos;
					anim.element.style.filter = "alpha(opacity="+Math.floor(anim.startpos*100)+")";
					anim.element.style.MozOpacity=anim.startpos;
					anim.element.style.WebkitOpacity=anim.startpos;
					break;
				case "scale":
					anim.xvalue=Math.round(parseInt(anim.element.style.width)/2);
					anim.yvalue=Math.round(parseInt(anim.element.style.height)/2);
					anim.element.style.filter="progid:DXImageTransform.Microsoft.Matrix(M11='"+anim.startpos+"', M22='"+anim.startpos+"', Dx='"+(-anim.xvalue*anim.startpos+anim.xvalue)+"', Dy='"+(-anim.yvalue*anim.startpos+anim.yvalue)+"')";
					anim.element.style.MozTransform="scale("+anim.startpos+")";
					anim.element.style.WebkitTransform="scale("+anim.startpos+")";
					break;
				default:
					anim.element.style[anim.action]=anim.startpos+"px";
			}
			anim.started=now;
			anim.active=true;
		}
		var timein=now-anim.started;
		var fraction=timein/anim.duration;
		if (fraction>1) fraction=1;
		fraction=this.easing(fraction);
		switch(anim.action){
			case "fade":
				var reqdistmoved=Math.round(((anim.endpos-anim.startpos)*fraction+anim.startpos)*1000)/1000;
				anim.element.style.opacity=reqdistmoved;
				anim.element.style.filter = "alpha(opacity="+Math.floor(reqdistmoved*100)+")";
				anim.element.style.MozOpacity=reqdistmoved;
				anim.element.style.WebkitOpacity=reqdistmoved;
				break;
			case "scale":
				var reqdistmoved=Math.round(((anim.endpos-anim.startpos)*fraction+anim.startpos)*1000)/1000;
				anim.element.style.filter="progid:DXImageTransform.Microsoft.Matrix(M11='"+reqdistmoved+"', M22='"+reqdistmoved+"', Dx='"+(-anim.xvalue*reqdistmoved+anim.xvalue)+"', Dy='"+(-anim.yvalue*reqdistmoved+anim.yvalue)+"')";
				anim.element.style.MozTransform="scale("+reqdistmoved+")";
				anim.element.style.WebkitTransform="scale("+reqdistmoved+")";
				break;
			default:
				var reqdistmoved=Math.floor((anim.endpos-anim.startpos)*fraction+anim.startpos);
				anim.element.style[anim.action]=reqdistmoved+"px";
		}
		if(fraction===1){
			anim.active=false;
		}
	}
	
	window.Timeline.prototype.easing=function(t) {
		return t*t*(3-2*t);
	}
	
})(window);