I can't seem to get some tweens to work in my timeline but i can get them to work individually, please help!! btw I use notepad++ and I've been testing with chome.
<!DOCTYPE HTML>
<html>
<title> Animation</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.9.3/TweenMax.min.js"></script>
<script>
function animate(){
c=document.getElementById("plane");
var tl = new TimelineLite({onComplete:animate});
tl.add(TweenMax.to(c, 3, {rotationY:360, transformOrigin:"left 50% -200"}));
t1.add(TweenLite.to(c, 1, {rotation:1440}));
t1.add(TweenLite.to(c, 2, {scrollTo:{y:300}, ease:Bounce.easeOut}));
}
</script>
<body onload="animate();">
<header>
<center><img src="plane.gif" alt="plane" id="plane"/></center>
</header>
<footer>
</footer>
</body>
</html>