/*
* Flickr-like menu ported from jQuery to Prototype.
* The original is at http://www.candesprojects.com/downloads/flickr-horizontal-menu/
*
* @requires prototype 1.6
*
*/
document.observe("dom:loaded", function() {

$$("#usermenu img.arrow").invoke("observe", "click", function(e){
headMenu = e.findElement('span.head_menu');
  //div.sub_menu
submenu = e.findElement('li').down(3);

if(submenu.getStyle('display')=='block'){
headMenu.removeClassName("active");
//submenu.hide();
submenu.fade({duration: 0.3 });
this.writeAttribute('src','/images/components/button-round-down-hover.png');
} else {
headMenu.addClassName("active");

//submenu.setStyle({'display': 'block'});
submenu.appear( {duration: 0.3 });
this.writeAttribute('src','/images/components/button-round-down-select.png');
}

$$("div.sub_menu:visible").each(function(e){
if(e!=submenu){
  //e.setStyle({'display': 'none'});
  e.fade({duration: 0.3 });
}
});

$$("#usermenu img.arrow").each(function(e) {
if(e != this){
  e.writeAttribute('src','/images/components/button-round-down.png');
}
});


$$("#usermenu span.head_menu").each(function(e) {
if(e != headMenu){
  e.removeClassName('active');
}
});

});

$$("#usermenu img.arrow").invoke("observe", "mouseover", function(e){
this.writeAttribute('src','/images/components/button-round-down-hover.png');
});

$$("#usermenu img.arrow").invoke("observe", "mouseout", function(e){
submenu = e.findElement('li').down(3);
if(submenu.getStyle('display')!='block'){
 this.writeAttribute('src','/images/components/button-round-down.png');
} else {
 this.writeAttribute('src','/images/components/button-round-down-select.png');
}
});

$$("#usermenu span.head_menu").invoke("observe", "mouseover", function(){
this.addClassName('over');
});

$$("#usermenu span.head_menu").invoke("observe", "mouseout", function(){
this.removeClassName('over');
});

document.observe("click", function(e) {
var elt = e.findElement('#usermenu');
if (elt == undefined){
 $$("#usermenu span.head_menu").invoke('removeClassName','active');
 $$("#nicemenu div.sub_menu").invoke('hide');
 //$$("#usermenu div.sub_menu").fade({duration: 0.3 });
 $$("#usermenu img.arrow").invoke('writeAttribute','src','/images/components/button-round-down.png');
}});

}); 

/*
* Flickr-like menu ported from jQuery to Prototype.
* The original is at http://www.candesprojects.com/downloads/flickr-horizontal-menu/
*
* @requires prototype 1.6
*
*/
document.observe("dom:loaded", function() {

$$("#nicemenu img.arrow").invoke("observe", "click", function(e){
headMenu = e.findElement('span.head_menu');
  //div.sub_menu
submenu = e.findElement('li').down(3);

if(submenu.getStyle('display')=='block'){
headMenu.removeClassName("active");
//submenu.hide();
submenu.fade({duration: 0.3 });
this.writeAttribute('src','/images/components/button-round-down-hover.png');
} else {
headMenu.addClassName("active");

//submenu.setStyle({'display': 'block'});
submenu.appear( {duration: 0.3 });
this.writeAttribute('src','/images/components/button-round-down-select.png');
}

$$("div.sub_menu:visible").each(function(e){
if(e!=submenu){
  //e.setStyle({'display': 'none'});
  e.fade({duration: 0.3 });
}
});

$$("#nicemenu img.arrow").each(function(e) {
if(e != this){
  e.writeAttribute('src','/images/components/button-round-down.png');
}
});


$$("#nicemenu span.head_menu").each(function(e) {
if(e != headMenu){
  e.removeClassName('active');
}
});

});

$$("#nicemenu img.arrow").invoke("observe", "mouseover", function(e){
this.writeAttribute('src','/images/components/button-round-down-hover.png');
});

$$("#nicemenu img.arrow").invoke("observe", "mouseout", function(e){
submenu = e.findElement('li').down(3);
if(submenu.getStyle('display')!='block'){
 this.writeAttribute('src','/images/components/button-round-down.png');
} else {
 this.writeAttribute('src','/images/components/button-round-down-select.png');
}
});

$$("#nicemenu span.head_menu").invoke("observe", "mouseover", function(){
this.addClassName('over');
});

$$("#nicemenu span.head_menu").invoke("observe", "mouseout", function(){
this.removeClassName('over');
});

document.observe("click", function(e) {
var elt = e.findElement('#nicemenu');
if (elt == undefined){
 $$("#nicemenu span.head_menu").invoke('removeClassName','active');
 //$$("#nicemenu div.sub_menu").fade({duration: 0.3 });
 $$("#nicemenu div.sub_menu").invoke('hide');
 $$("#nicemenu img.arrow").invoke('writeAttribute','src','/images/components/button-round-down.png');
}});

});