function pop_001() {
  pop360("concarneau_001.jpg");
}
function pop_10() {
  pop360("concarneau_10.jpg");
}
function pop_14() {
  pop360("concarneau_14.jpg");
}

function pop360(image) {
  zipop = window.open("/360/index.php?image="+image,"Concarneau_360","directories=no,location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no,width=800,height=300");
  zipop.focus();
}

function popresa(event) {
  var element = Event.element(event);
  Event.stop(event);
  zipop = window.open(element.href,"Disponibilités","directories=no,location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no,width=680,height=509");
  zipop.focus();
}

function legend(event) {
  var element = event.findElement('LI');
  event.stop();
  legende_image =  $('legende_' + element.className);
  element.insert({ top:legende_image});
  legende_image.show();
}

function removelegend(event) {
  var element = event.findElement('LI');
  event.stop();
  legende_image =  $('legende_' + element.className);
  legende_image.hide();
}


function init(evt) {
    var menu_items = $$("#menu>li");
    menu_items.invoke('observe', 'mouseover',function(){
            $('menu').addClassName(this.id);
            } );
    menu_items.invoke('observe', 'mouseout',function(){
            $('menu').removeClassName(this.id);
            } );
    var reservations =  $$("a.reservations");
    reservations.invoke('observe', 'click', popresa );
    var total = $$('#resultat li.type, #resultat li.cuisine, #resultat li.sejour, #resultat li.sanitaire, #resultat li.equiptinterieur, #resultat li.communication, #resultat li.dependances, #resultat li.equipement');
    total.invoke('observe', 'mouseover', legend);
    total.invoke('observe', 'mouseout', removelegend);
}

document.observe("dom:loaded", init);