function individualAnim(id) {
  TweenMax.to(id, 0.5, {
    repeat:-1,
    yoyo: true,
    scaleY: 0.98,
    transformOrigin: "0 100%"      
  });

  var tl = new TimelineMax({repeat:-1});
  tl.set('#mata, .biji', {
    transformOrigin:"center"
  });
  tl.to('#mata', 0.6, {
    scaleY: 0,
    ease: Power2.easeIn
  }, 8);
  tl.to('.biji', 0.6, {
    scaleY: 0.8,
    ease: Power2.easeIn
  }, 8);
  tl.to('#mata, .biji', 1, {
    scaleY: 1,
    ease: Power2.easeOut
  });
  tl.timeScale(4);

}

function individualAnimQuiz(id) {
  TweenMax.to(id, 0.5, {
    repeat:-1,
    yoyo: true,
    scaleY: 0.98,
    transformOrigin: "0 100%"      
  });
}

function hideAllFace() {
  $('#mukasedih1, #mukanangis, #mukanormal, #mukasenang, #mukasenangsekali').hide();
}

function animQuizNormal(prevTL) {
  if (prevTL) {
    prevTL.kill();
    prevTL = null;
  } 

  var tl = new TimelineMax({repeat:-1});
  tl.set('.mata, .biji', {
    clearProps: 'all'
  });
  tl.set('.mata, .biji', {
    transformOrigin:"center"
  });
  tl.to('.mata', 0.6, {
    scaleY: 0,
    ease: Power2.easeIn
  }, 8);
  tl.to('.biji', 0.6, {
    scaleY: 0.8,
    ease: Power2.easeIn
  }, 8);
  tl.to('.mata, .biji', 1, {
    scaleY: 1,
    ease: Power2.easeOut
  });
  tl.timeScale(4);

  return tl;
}

function animQuizSad(prevTL) {

  if (prevTL) {
    prevTL.kill();
    prevTL = null;
  } 

  hideAllFace();
  $('#mukasedih1').show();

  var tl = new TimelineMax({repeat:-1});
  tl.set('.mata, .biji, #keringat', {
    clearProps: 'all'
  });
  tl.set('.mata, .biji', {
    transformOrigin:"center"
  });
  tl.to('.mata', 0.6, {
    scaleY: 0,
    ease: Power2.easeIn
  }, 8);
  tl.to('.biji', 0.6, {
    scaleY: 0.8,
    ease: Power2.easeIn
  }, 8);
  tl.to('.mata, .biji', 1, {
    scaleY: 1,
    ease: Power2.easeOut
  });
  tl.from('#keringat', 4, {
    opacity:0,
    y: -100
  }, "0");
  tl.timeScale(4);

  return tl;
}

function animQuizCry(prevTL) {

  if (prevTL) {
    prevTL.kill();
    prevTL = null;
  } 

  hideAllFace();
  $('#mukanangis').show();

  var tl = new TimelineMax({repeat:-1});
  tl.set('#airmataatas, #airmatabwh', {
    clearProps:'opacity'
  });
  tl.to('#airmataatas', 1, {
    opacity:0
  });
  tl.to('#airmatabwh', 1, {
    opacity:0
  }, "-=0.5");
  tl.to('#airmataatas', 1, {
    opacity:1
  }, "-=0.5");
  tl.to('#airmatabwh', 1, {
    opacity:1
  }, "-=0.5");  
  tl.timeScale(4);

  return tl;
}

function animQuizHappy(prevTL) {
  if (prevTL) {
    prevTL.kill();
    prevTL = null;
  }  

  hideAllFace();
  $('#mukasenang').show();

  return null;
}

function animQuizCheerful(prevTL) {
  if (prevTL) {
    prevTL.kill();
    prevTL = null;
  }  

  hideAllFace();
  $('#mukasenangsekali').show();

  var tl = new TimelineMax({repeat:-1});
  tl.set('.mata, .biji', {
    clearProps: 'all'
  });
  tl.set('.mata, .biji', {
    transformOrigin:"center"
  });
  tl.to('.mata', 0.6, {
    scaleY: 0,
    ease: Power2.easeIn
  }, 8);
  tl.to('.biji', 0.6, {
    scaleY: 0.8,
    ease: Power2.easeIn
  }, 8);
  tl.to('.mata, .biji', 1, {
    scaleY: 1,
    ease: Power2.easeOut
  });
  tl.timeScale(4);

  return tl;
}