// JavaScript Document
$(document).ready(function(){
	  $("#menu_recherche").click(function(){
			afficheMenuLeft("#menu_recherche","leftCol/recherche.php","images/design/encadrement/recherche_off.jpg")
	  })
		
	$("#menu_mouvements").click(function(){
			afficheMenuLeft("#menu_mouvements","leftCol/mouvements.php","images/design/encadrement/mouvements_picturaux_off.jpg")
	  })
	
	$("#menu_biographie_peintre").click(function(){
		afficheMenuLeft("#menu_biographie_peintre","leftCol/biographie_peintre.php","images/design/encadrement/biographie_peintre_off.jpg")
	})
})


function afficheMenuLeft(id,page,adresseImage){
	if($(id+"_open").css("display")!="block"){
		$(id).css("background","#5b5b5b")	
		$(id).css("text-align","right")

		animMenuLeft(id)
		setTimeout("chargeMenu('"+page+"','"+id+"')",0)
	}
}
function animMenuLeft(id){
		$(id).animate({ width:"250px" },{duration:0})										
 		$(id).animate({height:"202px"},0)		
}

function chargeMenu(page,id){
	
	$.get(page,function(txt){	 								
				$(id).html(txt)
				$(id+"_open").fadeIn("slow")
	})	
}

function animMenuLeftRetour(id,adresseImage){
		setTimeout("$('"+id+"_open').hide()",0)
		$(id).animate({ width:"86px" },{duration:0})		
 		$(id).animate({height:"86px"},0)		
		setTimeout("chargeImage('"+id+"','"+adresseImage+"')",0)
}
function chargeImage(id,adresseImage){
	$(id).html('<img src="'+adresseImage+'" />')
	$(id).css("background","none")	
	$(id).css("text-align","left")
}