window.addEvent('domready', function(){
  initSearchByCatSubMenus();
});

/* Search By Cat SubMenus Handlers */
function initSearchByCatSubMenus(){
	/* Habitat subMenus */
	$$('#habitat dl').each( function(e1){
            e1.getElement('dt').addEvent('mouseenter', showHabitatSubMenu);
    });
    
    $('habitat').addEvent('mouseleave', hideAllHabitatSubMenus);
    $$('#habitat h2').addEvent('mouseenter',hideAllHabitatSubMenus);
}

function showHabitatSubMenu( event ){
    hideAllHabitatSubMenus( event );
    var event    = new Event(event);
    var newWidth = 0;
	this.getElement('a').setStyle('background-image','none').setStyle('text-decoration','underline');
	this.getParent().setStyle('background-color','#fbf6f5');

	if ( this.getParent().hasClass('evenCat') ) newWidth = '234px';
	else newWidth = '233px';

	this.getParent().setStyle('border-right',0).setStyle('width',newWidth);
    var subMenu  = this.getNext(); // SubMenu is the next dom element

    var topOffset = -46;
    var leftOffset = ( this.getParent().hasClass('evenCat') ) ? 234 : 233;

	if( window.ie6 ) leftOffset += 4;

     subMenu.setStyle('display','block')
    .setStyle('top', topOffset + 'px')
    .setStyle('left', leftOffset +'px');
}

function hideAllHabitatSubMenus( event ){
	$$('#habitat dt a').setStyle('background-image','url(images/habitat_icons.png)').setStyle('text-decoration','none');
    $$('#habitat dl dd').setStyle('display','none');
	$$('#habitat dl').setStyle('background-color','white');
    $$('.evenCat').setStyle('border-right','4px solid #4E8AB6').setStyle('width','230px');
    $$('.oddCat').setStyle('border-right','3px solid #4E8AB6').setStyle('width','230px');
    
}