// JavaScript Document

$(document).ready(function() {
						   
	$('#img1').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},200);
	$('#img2').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},300);
	$('#img3').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},400);
	$('#img4').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},500);
	$('#img5').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},600);
	$('#img6').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},700);
	$('#img7').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},800);
	$('#img8').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},900);
	$('#img9').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},1000);
	$('#img10').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},1100);
	$('#img11').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},1200);
	$('#img12').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},1300);
	$('#img13').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},1400);
	$('#img14').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},1500);
	$('#img15').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},1600);
	$('#img16').animate({'width' : '42px' , 'height' : '59px' , 'top' : '10px'},1700);
	
	$('#imagestop img').hover(function() {
	var fly = $(this).attr('class');
	var txt = $(this).attr('name');
	$('#' + fly).stop().animate({'top' : '5px'},100);
    $('#' + txt).css({'display' : 'block'});
	$('#' + fly).css({'border-bottom' : '12px solid #ccc'});
						 
}, function() {
	
	var fly = $(this).attr('class');
	var txt = $(this).attr('name');
	$('#' + fly).stop().animate({'top' : '10px'},200);
	$('#' + txt).css({'display' : 'none'});
	$('#' + fly).css({'border-bottom' : '2px solid #ccc'});
});

 });