$(document).ready(function(){
    Block1 = $("#a1");
    Block2 = $("#a2");
    Block3 = $("#a3");
    Block4 = $("#a4");
    maxWidth =  390;
    minWidth = 146;	
    backWidth = 225;
    var blocks = new Array (Block1,Block2,Block3,Block4);



    var elements_directions = new Array();
     elements_directions['a1'] = new Array();
	elements_directions['a1'][1] = 1;
	elements_directions['a1'][2] = 0;
	elements_directions['a1'][3] = 0;
	elements_directions['a1'][4] = 0;
	
    elements_directions['a2'] = new Array();
	elements_directions['a2'][1] = 0;
	elements_directions['a2'][2] = 1;
	elements_directions['a2'][3] = 0;
	elements_directions['a2'][4] = 0;
	
     elements_directions['a3'] = new Array();
	elements_directions['a3'][1] = 0;
	elements_directions['a3'][2] = 0;
	elements_directions['a3'][3] = 1;
	elements_directions['a3'][4] = 0;
	
     elements_directions['a4'] = new Array();
	elements_directions['a4'][1] = 0;
	elements_directions['a4'][2] = 0;
	elements_directions['a4'][3] = 0;
	elements_directions['a4'][4] = 1;



    $("#accordeon ul li a").hover(	
		
		function(){	

		for (i=1;i<5;i++){
			     if (elements_directions[this.id][i] == 0){

				  block_to_move = $("#a"+i);

				 $(block_to_move).animate({width: minWidth+"px"}, { queue:false, duration:400 });
		     	     }
			     if (elements_directions[this.id][i] == 1){
				$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
		             }

		  }

	    },
		
		function(){	

			$(Block1).animate({width: backWidth+"px"}, { queue:false, duration:400 });
			$(Block2).animate({width: backWidth+"px"}, { queue:false, duration:400 });
			$(Block3).animate({width: backWidth+"px"}, { queue:false, duration:400 });
			$(Block4).animate({width: backWidth+"px"}, { queue:false, duration:400 });

	    }
	);


  });