$(document).ready(function($){
$(".block").mouseover(function(){
$(".block1").css({width:"99px", height:"120px",Cursor:"hand"}, 300);
	  $(".block2").css({width:"98px",  height:"120px",Cursor:"hand"}, 300);
	  $(".block3").css({width:"98px",  height:"120px",Cursor:"hand"}, 300);
      $(".block").css({width: "200px",height:"150px",Cursor:"hand"}, 300 );
	  
	  });
	  $(".block1").mouseover(function(){
	  $(".block").css({width:"99px",  height:"120px", Cursor:"hand"}, 300);
	  $(".block2").css({width:"98px",  height:"120px"}, 300);
	  $(".block3").css({width:"98px",  height:"120px"}, 300);
	  $(".block1").css({width: "200px",height:"150px"}, 300 );
	   
      
	  });
	  $(".block2").mouseover(function(){
	  $(".block").css({width:"99px",  height:"120px"}, 300);
	   $(".block1").css({width:"98px",  height:"120px"}, 300);
	   $(".block3").css({width:"98px",  height:"120px"}, 300);
	 $(".block2").css({width: "200px",height:"150px"}, 300 );
	   
      
	  });
	  $(".block3").mouseover(function(){
	   $(".block").css({width:"99px",  height:"120px"},300);
	    $(".block2").css({width:"98px",  height:"120px"}, 300);
		 $(".block1").css({width:"98px",  height:"120px"}, 300);
      
	  $(".block3").css({width: "200px",height:"150px"},300 );
	  
	  });
	  $('.pics').cycle({
        fx:    'fade',
        speed:  3000
        });

});// JavaScript Document