$(function(){
  $('#datepicker').datePicker({clickInput:true});
});

  var ani = {
        m_truck_move: {
          type: 'left',
  		  from: 0,
  		  to: 42,
          delay: 24,
          step: 1,
  		  unit:	'%'
        },
    	m_pack: {
		type:	'opacity',
		from:	60,
		to:		100,
        onstart: function(){this.style.display = 'block'}
	},
        m_elephant: {
          type:	'opacity',
		  from:	60,
		  to: 100,
          delay: 5,
          onstart: function(){this.style.display = 'block'}
        },
        m_ele_put: {
          type: 'top',
  		  from: 0,
  		  to: 174,
  		  step: 2,
  		  delay: 5,
  		  unit:	'px'
        },
        m_bagage_up: {
          type: 'top',
  		  from: 0,
  		  to: -27,
  		  unit:	'px'
        },
        m_bagage_right: {
          type: 'left',
  		  from: 25,
  		  to: 45,
          delay: 25,
          step: 1,
  		  unit:	'%'
        },
        ready_to_go: {
		type:	'opacity',
		from: 20,
		to: 100,
        step: 2,
  		delay: 5,
        onstart: function(){this.style.visibility = 'visible'}
	}
  }
  function startAnimation(){
    $fx('#m_truck').fxAdd(ani.m_truck_move).fxHold(100).fxRun();
    $fx('#m_pack').fxAdd(ani.m_pack).fxHold(1300).fxRun();
    $fx('#m_elephant').fxAdd(ani.m_elephant).fxHold(2800).fxRun();
    $fx('#m_elephant').fxAdd(ani.m_ele_put).fxHold(3800).fxRun();
    $fx('#m_bagage').fxAdd(ani.m_bagage_up).fxHold(5600).fxRun();
    $fx('#m_bagage').fxAdd(ani.m_bagage_right).fxHold(6300).fxRun();
    $fx('#ready_to_go').fxAdd(ani.ready_to_go).fxHold(7300).fxRun();
  };