$(document).ready(function(){
  $('#shaketext')
  .effect('shake', {times:50}, 300);
  $('#javatext')
  .hide()
  .delay(2000)  
  //.animate({height: 'hide'}, 2000,'easeOutBounce')
  .animate({height: 'show'}, 12000,'easeOutElastic')
  //.effect('highlight', {duration:'slow'}, 8000)
  .animate({'backgroundColor':'lightBlue'},4000)
  //.effect('shake', {times:5}, 30) 

  
    //.animate({height: 'hide'}, 2000,'easeOutBounce')
	//.effect('puff',{},1000)
	//.animate({'backgroundColor':'lightBlue'},4000)
	//.animate({height: 'show'}, 2000,'easeOutExpo')
  	//.css('background-color','blue')
    //.effect('shake', {times:5}, 300)
    //.effect('highlight', {duration:'slow'}, 8000)
	//.delay(5000)
	//.effect('blind',{},1000)
	//.animate({height: 'show'}, 2000,'easeOutBounce')
	//.animate({'color':'darkGreen'},1000)
	//.animate({'font-size':'14px'},1000);
	//.hide('explode', {}, 1000)
	//.show()
	//.hide()
	//.effect('fold',{},1000)
	//.slideDown('slow')
	//.fadeout();
	//$('#mainContent').css('background-color','red');
});