var speedIn = 0500 ;
var speedOut = 0500 ;
var pos2 = -1400;
var pos1 = -490;
var pos11 = pos1;
var pos12 = pos1 -30 ;
var pos13 = pos1 -60 ;
var pos14 = pos1 -90 ;
var pos15 = pos1 -120 ;
var pos16 = pos1 -150 ;
var pos17 = pos1 -180 ;
var pos18 = pos1 -210 ;
var pos21 = pos2;
var pos22 = pos2 -30 ;
var pos23 = pos2 -60 ;
var pos24 = pos2 -90 ;
var pos25 = pos2 -120 ;
var pos26 = pos2 -150 ;
var pos27 = pos2 -180 ;
var pos28 = pos2 -210 ;

  $(document).ready(function() {
   /* Try to dis-comment this:
   $('#a').click(function () {
    alert('jQuery.click()');
    return true;
   });
   */
  });
  
  function blpic() {
	$('.blover').animate({
    width: 1920,
    opacity: .8,
	
	
  }, 2500, "easeInOutElastic" )
  
  
};

<!-- show1 -->
function show1() {
	$('.pt1').animate({
    top: pos11+"px",
    
  }, speedIn, "easeInOutElastic" )
	$('.pt2').animate({
    top: pos22+"px",
    
  }, speedOut )
  	$('.pt3').animate({
    top: pos23+"px",
    
  }, speedOut )
  
 	 $('.pt4').animate({
    top: pos24+"px",
    
  }, speedOut )
  
 	 $('.pt5').animate({
    top: pos25+"px",
    
  }, speedOut )
  
 	 $('.pt6').animate({
    top: pos26+"px",
    
  }, speedOut )
  
 	 $('.pt7').animate({
    top: pos27+"px",
    
  }, speedOut )
  
 	 $('.pt8').animate({
    top: pos28+"px",
    
  }, speedOut )
  
  
  }

<!-- show2 -->
function show2() {
	$('.pt2').animate({
    top: pos12+"px",
    
  }, speedIn, "easeInOutElastic" )
	$('.pt1').animate({
    top: pos21+"px",
    
  }, speedOut )
  	$('.pt3').animate({
    top: pos23+"px",
    
  }, speedOut )
  
 	 $('.pt4').animate({
    top: pos24+"px",
    
  }, speedOut )
  
 	 $('.pt5').animate({
    top: pos25+"px",
    
  }, speedOut )
  
 	 $('.pt6').animate({
    top: pos26+"px",
    
  }, speedOut )
  
 	 $('.pt7').animate({
    top: pos27+"px",
    
  }, speedOut )
  
 	 $('.pt8').animate({
    top: pos28+"px",
    
  }, speedOut )
  
  
  }
<!-- show3 -->
function show3() {
	$('.pt3').animate({
    top: pos13+"px",
    
  }, speedIn, "easeInOutElastic" )
	$('.pt1').animate({
    top: pos21+"px",
    
  }, speedOut )
  	$('.pt2').animate({
    top: pos22+"px",
    
  }, speedOut )
  
 	 $('.pt4').animate({
    top: pos24+"px",
    
  }, speedOut )
  
 	 $('.pt5').animate({
    top: pos25+"px",
    
  }, speedOut )
  
 	 $('.pt6').animate({
    top: pos26+"px",
    
  }, speedOut )
  
 	 $('.pt7').animate({
    top: pos27+"px",
    
  }, speedOut )
  
 	 $('.pt8').animate({
    top: pos28+"px",
    
  }, speedOut )
  
  
  }
  <!-- show4 -->
function show4() {
	$('.pt4').animate({
    top: pos14+"px",
    
  }, speedIn, "easeInOutElastic" )
	$('.pt1').animate({
    top: pos21+"px",
    
  }, speedOut )
  	$('.pt3').animate({
    top: pos23+"px",
    
  }, speedOut )
  
 	 $('.pt2').animate({
    top: pos22+"px",
    
  }, speedOut )
  
 	 $('.pt5').animate({
    top: pos25+"px",
    
  }, speedOut )
  
 	 $('.pt6').animate({
    top: pos26+"px",
    
  }, speedOut )
  
 	 $('.pt7').animate({
    top: pos27+"px",
    
  }, speedOut )
  
 	 $('.pt8').animate({
    top: pos28+"px",
    
  }, speedOut )
  
  
  }
<!-- show5 -->
function show5() {
	$('.pt5').animate({
    top: pos15+"px",
    
  }, speedIn, "easeInOutElastic" )
	$('.pt1').animate({
    top: pos21+"px",
    
  }, speedOut )
  	$('.pt3').animate({
    top: pos23+"px",
    
  }, speedOut )
  
 	 $('.pt4').animate({
    top: pos24+"px",
    
  }, speedOut )
  
 	 $('.pt2').animate({
    top: pos22+"px",
    
  }, speedOut )
  
 	 $('.pt6').animate({
    top: pos26+"px",
    
  }, speedOut )
  
 	 $('.pt7').animate({
    top: pos27+"px",
    
  }, speedOut )
  
 	 $('.pt8').animate({
    top: pos28+"px",
    
  }, speedOut )
  
  
  }
<!-- show6 -->
function show6() {
	$('.pt6').animate({
    top: pos16+"px",
    
  }, speedIn, "easeInOutElastic" )
	$('.pt1').animate({
    top: pos21+"px",
    
  }, speedOut )
  	$('.pt3').animate({
    top: pos23+"px",
    
  }, speedOut )
  
 	 $('.pt4').animate({
    top: pos24+"px",
    
  }, speedOut )
  
 	 $('.pt5').animate({
    top: pos25+"px",
    
  }, speedOut )
  
 	 $('.pt2').animate({
    top: pos22+"px",
    
  }, speedOut )
  
 	 $('.pt7').animate({
    top: pos27+"px",
    
  }, speedOut )
  
 	 $('.pt8').animate({
    top: pos28+"px",
    
  }, speedOut )
  
  
  }
<!-- show7 -->
function show7() {
	$('.pt7').animate({
    top: pos17+"px",
    
  }, speedIn, "easeInOutElastic" )
	$('.pt1').animate({
    top: pos21+"px",
    
  }, speedOut )
  	$('.pt3').animate({
    top: pos23+"px",
    
  }, speedOut )
  
 	 $('.pt4').animate({
    top: pos24+"px",
    
  }, speedOut )
  
 	 $('.pt5').animate({
    top: pos25+"px",
    
  }, speedOut )
  
 	 $('.pt6').animate({
    top: pos26+"px",
    
  }, speedOut )
  
 	 $('.pt2').animate({
    top: pos22+"px",
    
  }, speedOut )
  
 	 $('.pt8').animate({
    top: pos28+"px",
    
  }, speedOut )
  
  
  }
<!-- show8 -->
function show8() {
	$('.pt8').animate({
    top: pos18+"px",
    
  }, speedIn, "easeInOutElastic" )
	$('.pt1').animate({
    top: pos21+"px",
    
  }, speedOut )
  	$('.pt3').animate({
    top: pos23+"px",
    
  }, speedOut )
  
 	 $('.pt4').animate({
    top: pos24+"px",
    
  }, speedOut )
  
 	 $('.pt5').animate({
    top: pos25+"px",
    
  }, speedOut )
  
 	 $('.pt6').animate({
    top: pos26+"px",
    
  }, speedOut )
  
 	 $('.pt7').animate({
    top: pos27+"px",
    
  }, speedOut )
  
 	 $('.pt2').animate({
    top: pos22+"px",
    
  }, speedOut )
  
  
  }


