/*
function expandBox(var1, var2, var3){


    $('#'+var1).fadeOut(400);
    $('#'+var2).fadeOut(400, function(){

    	$('#'+var3).animate({width: "912"});
    	$('#'+var3).children().animate({width: "892"});
    	
    });
    
}
    


function collapseBox(var1, var2, var3){

    $('#'+var3).animate({width: "284"});
    
    $('#'+var3).children().animate({width: "265"}, 400, function(){
    
    	$('#'+var1).fadeIn(300);
    	$('#'+var2).fadeIn(300);
    	
    });


    
}    

 
<script>

	$("#border1").mouseenter(function(){
		
		$('#'+var1).fadeOut(400);
		$('#'+var2).fadeOut(400, function(){
	
			$('#'+var3).animate({width: "912"});
			$('#'+var3).children().animate({width: "892"});
		}
	});

</script>








$("#border2").mouseenter(function(){
    
	$('#border1').fadeOut(400);
	$('#border3').fadeOut(400, function(){
	
	//	$('#border2').animate({width: "912"});
	//	$('#border2').children().animate({width: "892"});

	});

});

$("#border2").mouseleave(function(){
    
    $('#border2').animate({width: "284"});
    
    $('#border2').children().animate({width: "265"}, 400, function(){
    
    	$('#border1').fadeIn(300);
    	$('#border3').fadeIn(300);
    	
    });

});

*/