$(document).ready(function(){
	
	$('#banner1').click(function(){
		$('#banner1').animate({width:"650px"},300)
		$('#banner2').animate({width:"70px"},300)
		$('#banner3').animate({width:"70px"},300)
		$('#banner4').animate({width:"70px"},300)
	});
	
	$('#banner2').click(function(){
		$('#banner1').animate({width:"70px"},300)
		$('#banner2').animate({width:"650px"},300)
		$('#banner3').animate({width:"70px"},300)
		$('#banner4').animate({width:"70px"},300)
	});
	
	$('#banner3').click(function(){
		$('#banner1').animate({width:"70px"},300)
		$('#banner2').animate({width:"70px"},300)
		$('#banner3').animate({width:"650px"},300)
		$('#banner4').animate({width:"70px"},300)
	});
	
	$('#banner4').click(function(){
		$('#banner1').animate({width:"70px"},300)
		$('#banner2').animate({width:"70px"},300)
		$('#banner3').animate({width:"70px"},300)
		$('#banner4').animate({width:"650px"},300)
	});

	$('#overlayA').click(function(){
		$('#overlayA').animate({opacity:"0",},300)
		$('#overlayimg1').animate({opacity:"0"},300)
        $('#overlayimg2').animate({opacity:"0"},300)
        $('#overlayA').animate({height:"0",},1)
		$('#overlayimg1').animate({height:"0"},1)
        $('#overlayimg2').animate({height:"0"},1)
	});	
	
});