/* To remove the right border of the last child of the menu bottom menus*/
document.observe("dom:loaded", function() {
    $$('div.footer_menu>ul>li:last-child>a').each (function (element){
        element.setStyle({border:'none'});
    });
     $$('div.header_top_right>ul>li:last-child','.article_content_menu ul li:last-child').each (function (element){
        element.setStyle({background:'none'});
    });
});

$$("div.header_menu>ul>li>a").invoke('observe', 'mouseover', function(evt){
    active_name = Event.element(evt);
    active_li_element = active_name.up('li');
    var active_tab= $$('div.header_menu>ul>li.active')[0]
        activetab(active_tab);
    active_li_element.addClassName("active")
});

$$("div.header_menu>ul>li>a").invoke('observe', 'mouseout', function(evt){
    active_name = Event.element(evt);
    active_li_element = active_name.up('li');
    active_li_element.removeClassName("active")
    if(active_tab!="" && !Object.isUndefined(active_tab)){
	active_tab.addClassName("active")}
})

function activetab(tab){
active_tab=tab;
}

$$("div.header_top_right>ul>li>a.search").invoke('observe', 'click', function(evt){
$('header_search').toggle();
});


/* script to make equal height of coloums */
Event.observe(window, 'load', function(){
    $$('.block_parent').each(function(parent_element){
        var child_elements = parent_element.getElementsBySelector('.block_child')
        var max_height = child_elements.collect(function(child_element){
            return child_element.offsetHeight;
        }).toArray().max()
        child_elements.invoke("setStyle", {
            height: max_height + 'px'
        })
    });
});