$(document).ready(function() {
	$("div.acc").addClass('acc-js');
	$("div#block-wrapper").addClass('block-wrapper-js');
    // sets the length of each animation
    var duration = '50';
  
    // sets the type of easing you want
    var easing = 'easeOutCirc';
    $("#first-div").hover(function(){
								   
						   
							
							
$('img.titleImg1').fadeOut('slow', function() {
			
	$('img.titleImg2').fadeIn('slow', function() {});
	$('img.titleImg3').fadeIn('slow', function() {});	
	$('img.titleImg4').fadeIn('slow', function() {});
	$('img.titleImg5').fadeIn('slow', function() {});
	

        $("#first-div").animate({"left": "0px"},
            {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "533px"},
          {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "588px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "643px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "698px"},
            {queue:false, duration:duration, easing:easing});
		});
		
		
    });
    $("#second-div").hover(function(){
									
	$('img.titleImg2').fadeOut('slow', function() {

	$('img.titleImg1').fadeIn('slow', function() {});
	$('img.titleImg3').fadeIn('slow', function() {});	
	$('img.titleImg4').fadeIn('slow', function() {});	
	$('img.titleImg5').fadeIn('slow', function() {});
	
        $("#first-div").animate({"left": "0px"},
             {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "55px"},
             {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "588px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "643px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "698px"},
            {queue:false, duration:duration, easing:easing});
	});
		
		
    });
    $("#third-div").hover(function(){
	$('img.titleImg3').fadeOut('slow', function() {					   

	$('img.titleImg2').fadeIn('slow', function() {});
	$('img.titleImg1').fadeIn('slow', function() {});	
	$('img.titleImg4').fadeIn('slow', function() {});
	$('img.titleImg5').fadeIn('slow', function() {});
	
        $("#first-div").animate({"left": "0px"},
            {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "55px"},
            {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "110px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "643px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "698px"},
            {queue:false, duration:duration, easing:easing});
	});	
	
		
    });
	$("#fourth-div").hover(function(){
	$('img.titleImg4').fadeOut('slow', function() {
												
	$('img.titleImg2').fadeIn('slow', function() {});
	$('img.titleImg3').fadeIn('slow', function() {});	
	$('img.titleImg1').fadeIn('slow', function() {});
	$('img.titleImg5').fadeIn('slow', function() {});
									
        $("#first-div").animate({"left": "0px"},
            {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "55px"},
            {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "110px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "165px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "698px"},
            {queue:false, duration:duration, easing:easing});
		
	});	
		
    });
	
	$("#fifth-div").hover(function(){
	$('img.titleImg5').fadeOut('slow', function() {
												
	$('img.titleImg2').fadeIn('slow', function() {});
	$('img.titleImg4').fadeIn('slow', function() {});
	$('img.titleImg3').fadeIn('slow', function() {});	
	$('img.titleImg1').fadeIn('slow', function() {});	
									
        $("#first-div").animate({"left": "0px"},
            {queue:false, duration:duration, easing:easing});
        $("#second-div").animate({"left": "55px"},
            {queue:false, duration:duration, easing:easing});
        $("#third-div").animate({"left": "110px"},
            {queue:false, duration:duration, easing:easing});
		$("#fourth-div").animate({"left": "165px"},
            {queue:false, duration:duration, easing:easing});
		$("#fifth-div").animate({"left": "220px"},
            {queue:false, duration:duration, easing:easing});
		
		
	});	
		
    });
	
	
	
	
	
	
});