function windowWidth() {
       var de = document.documentElement;

       return self.innerWidth || ( de && de.clientWidth ) || document.body.clientWidth;
}

var ww=windowWidth();
if (ww<1000) ww=1000;


function startUpdate(){

ww=windowWidth();
if (ww<1000) ww=1020;

$(function(){
	$("#block1").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+0+"px",width: "150px", height: "52px", backgroundPosition:"-47px -47px"
	}, 200);
	$("#block2").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+200+"px",width: "150px", height: "52px",backgroundPosition:"-47px -47px"
	}, 200);
	$("#block3").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+400+"px",width: "150px", height: "52px",backgroundPosition:"-47px -47px"
	}, 200);
	$("#block4").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+600+"px",width: "150px", height: "52px",backgroundPosition:"-47px -47px"
	}, 200);
	$("#block5").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+800+"px",width: "150px", height: "52px",backgroundPosition:"-47px -47px"
	}, 200);
});
}


$(function(){
	startUpdate();	


  $(".block").mouseenter(function Update()
  {

    $(".block").stop();
   $(".block").css('z-index', 1); 
   
	$("#block1").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+0+"px",width: "150px", height: "52px", backgroundPosition:"-47px -47px"
	}, 200);
	$("#block2").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+200+"px",width: "150px", height: "52px",backgroundPosition:"-47px -47px"
	}, 200);
	$("#block3").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+400+"px",width: "150px", height: "52px",backgroundPosition:"-47px -47px"
	}, 200);
	$("#block4").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+600+"px",width: "150px", height: "52px",backgroundPosition:"-47px -47px"
	}, 200);
	$("#block5").animate({paddingTop:"98px", top:"250px", left:(ww-1000)/2+800+"px",width: "150px", height: "52px",backgroundPosition:"-47px -47px"
	}, 200);
	
  
   $(this).css('z-index', 10); 
   
   
    $(this).animate({ 
      width: "244px",
	  left: "-=47px",
	   top: "200px",
	  height: "52px",
	  backgroundPosition:"0px 0px",
	  paddingTop:"192px",
	  paddingBottom:"0px"
	  
    }, 500, function(){  
	
	} );
	
		
  } // End mouse over
   );
   

 
$(window).resize(function() {
startUpdate();
});
 


   $("#block1").mouseleave(function()
    {
	 
    $("#block1").stop();
	$("#block1").animate({ paddingTop:"98px", top:"250px", left:(ww-1000)/2+0+"px", width: "150px", height: "52px",	 backgroundPosition:"-47px -47px"}, 200);
	});
	
 $("#block2").mouseleave(function()
    {
    $("#block2").stop();
	$("#block2").animate({ paddingTop:"98px",top:"250px", left:(ww-1000)/2+200+"px", width: "150px", height: "52px",	 backgroundPosition:"-47px -47px"}, 200);
	});
 $("#block3").mouseleave(function()
    {
    $("#block3").stop();
	$("#block3").animate({  paddingTop:"98px", top:"250px", left:(ww-1000)/2+400+"px", width: "150px", height: "52px",	 backgroundPosition:"-47px -47px"}, 200);
	});
 $("#block4").mouseleave(function()
    {
    $("#block4").stop();
	$("#block4").animate({  paddingTop:"98px", top:"250px", left:(ww-1000)/2+600+"px", width: "150px", height: "52px",	 backgroundPosition:"-47px -47px"}, 200);
	});
 $("#block5").mouseleave(function()
    {
    $("#block5").stop();
	$("#block5").animate({ paddingTop:"98px",  top:"250px", left:(ww-1000)/2+800+"px", width: "150px", height: "52px",	 backgroundPosition:"-47px -47px"}, 200);
	});	
	
	
	 
	
	
	
	
	
	
	 
  
 
  
});