function event_pt_cadrelistener(){
var elementList = document.getElementsByClassName("petit_cadre");
for(var i=0;i<elementList.length;i++){
Event.observe(elementList[i], 'mouseover', swap_div);
}
}

function swap_div(event){
elementCliquer = Event.element(event);
var string=elementCliquer.id;
//tremblement(string);
var elementList = document.getElementsByClassName("grand_cadre");
for(var i=0;i<elementList.length;i++){
if (Element.visible( elementList[i] ))
Element.hide( elementList[i] );
}

var max=string.length;
var limit=max-2;
string=string.substring(0,limit);
Element.show(string+'gd');

}

function tremblement(id){
var position = id.indexOf("_");
var nom_cadre=id.substring(0,position);
//alert(nom_cadre);
var coinhg='coin_haut_g_'+nom_cadre;
var coinhd='coin_haut_d_'+nom_cadre;
var coinbg='coin_bas_g_'+nom_cadre;
var coinbd='coin_bas_d_'+nom_cadre;
Effect.Shake(coinhg,1);
//alert (coinhd); 
Effect.Shake(coinhd,1);
Effect.Shake(coinbg,1);
Effect.Shake(coinbd,1);

//Element.setStyle(coinhg, {top: '-10px'});
}