$(document).ready(function() {
	$("div.acc").addClass('acc-js');
	$("div#block-wrapper").addClass('block-wrapper-js');
    // sets the length of each animation
    var duration = '100';
    // sets the type of easing you want
    var easing = 'easeInQuart';
    $("#first-div").hover(function(){
        $("#first-div").animate({"left": "0px"},
            {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "350px"},
          {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "394px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "438px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "482px"},
            {queue:false, duration:duration, easing:easing});
		$("#sixth-div").animate({"left": "526px"},
            {queue:false, duration:duration, easing:easing});
		$("#seventh-div").animate({"left": "570px"},
            {queue:false, duration:duration, easing:easing});
		$("#eighth-div").animate({"left": "614px"},
            {queue:false, duration:duration, easing:easing});
    });
    $("#second-div").hover(function(){
        $("#first-div").animate({"left": "0px"},
             {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "42px"},
             {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "394px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "438px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "482px"},
            {queue:false, duration:duration, easing:easing});
		$("#sixth-div").animate({"left": "526px"},
            {queue:false, duration:duration, easing:easing});
		$("#seventh-div").animate({"left": "570px"},
            {queue:false, duration:duration, easing:easing});
		$("#eighth-div").animate({"left": "614px"},
            {queue:false, duration:duration, easing:easing});
    });
    $("#third-div").hover(function(){
        $("#first-div").animate({"left": "0px"},
             {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "42px"},
             {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "86px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "438px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "482px"},
            {queue:false, duration:duration, easing:easing});
		$("#sixth-div").animate({"left": "526px"},
            {queue:false, duration:duration, easing:easing});
		$("#seventh-div").animate({"left": "570px"},
            {queue:false, duration:duration, easing:easing});
		$("#eighth-div").animate({"left": "614px"},
            {queue:false, duration:duration, easing:easing});
    });
	$("#fourth-div").hover(function(){
        $("#first-div").animate({"left": "0px"},
             {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "42px"},
             {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "86px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "130px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "482px"},
            {queue:false, duration:duration, easing:easing});
		$("#sixth-div").animate({"left": "526px"},
            {queue:false, duration:duration, easing:easing});
		$("#seventh-div").animate({"left": "570px"},
            {queue:false, duration:duration, easing:easing});
		$("#eighth-div").animate({"left": "614px"},
            {queue:false, duration:duration, easing:easing});
    });
	$("#fifth-div").hover(function(){
        $("#first-div").animate({"left": "0px"},
             {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "42px"},
             {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "86px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "130px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "174px"},
            {queue:false, duration:duration, easing:easing});
		$("#sixth-div").animate({"left": "526px"},
            {queue:false, duration:duration, easing:easing});
		$("#seventh-div").animate({"left": "570px"},
            {queue:false, duration:duration, easing:easing});
		$("#eighth-div").animate({"left": "614px"},
            {queue:false, duration:duration, easing:easing});
    });
	$("#sixth-div").hover(function(){
        $("#first-div").animate({"left": "0px"},
             {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "42px"},
             {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "86px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "130px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "174px"},
            {queue:false, duration:duration, easing:easing});
		$("#sixth-div").animate({"left": "218px"},
            {queue:false, duration:duration, easing:easing});
		$("#seventh-div").animate({"left": "570px"},
            {queue:false, duration:duration, easing:easing});
		$("#eighth-div").animate({"left": "614px"},
            {queue:false, duration:duration, easing:easing});
    });
	$("#seventh-div").hover(function(){
        $("#first-div").animate({"left": "0px"},
             {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "42px"},
             {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "86px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "130px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "174px"},
            {queue:false, duration:duration, easing:easing});
		$("#sixth-div").animate({"left": "218px"},
            {queue:false, duration:duration, easing:easing});
		$("#seventh-div").animate({"left": "262px"},
            {queue:false, duration:duration, easing:easing});
		$("#eighth-div").animate({"left": "614px"},
            {queue:false, duration:duration, easing:easing});
    });
	$("#eighth-div").hover(function(){
        $("#first-div").animate({"left": "0px"},
             {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "42px"},
             {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "86px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "130px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "174px"},
            {queue:false, duration:duration, easing:easing});
		$("#sixth-div").animate({"left": "218px"},
            {queue:false, duration:duration, easing:easing});
		$("#seventh-div").animate({"left": "262px"},
            {queue:false, duration:duration, easing:easing});
		$("#eighth-div").animate({"left": "306px"},
            {queue:false, duration:duration, easing:easing});
    });
});