Ext.namespace('MTN.MTNTeamIndexPage');
MTN.MTNTeamIndexPage = function(config) {
    MTN.MTNTeamIndexPage.superclass.constructor.call(this, config);
}
Ext.extend(MTN.MTNTeamIndexPage, FW.Pages.BaseObj);
CURRENT_PROTO = MTN.MTNTeamIndexPage.prototype;

CURRENT_PROTO.init = function(config) {
    if(!Ext.get('summary-list')) return;
    Ext.get('summary-list').setVisibilityMode(Ext.Element.DISPLAY);
    var names = [];
    Ext.each(Ext.DomQuery.select("div[class=div_team]"), function(detail_div) {
        detail_div = Ext.get(detail_div);
        detail_div.setVisibilityMode(Ext.Element.DISPLAY);
        var link_id = detail_div.id.replace(/-details$/,'-link');
        Ext.attach_delayed_handler(link_id, this._on_summary_click, this);
        names.push(link_id);
    }, this);
    Ext.each(Ext.DomQuery.select('div[class*=close-link]'), function(div) {
        Ext.get(div).on('click', this._close_details, this);
    }, this);

    new MTN.RolloverWidget({render_to: ['inv-criteria', 'inv-approach','building-partnerships','portfolio-companies'] });
    Ext.each(names, function(name) {
        Ext.attach_delayed_handler(name, this._on_name_mouseover, this, 'mouseover');
        Ext.attach_delayed_handler(name, this._on_name_mouseout, this, 'mouseout');
    }, this);
}
CURRENT_PROTO._on_summary_click=function(e,t) {
    t = Ext.get(t);
    if(!t || !t.id )
        return; //stupid IE

    var detail_div = Ext.get(t.id.replace(/-link$/,'-details'));
    Ext.each(Ext.select('div[class=div_team]'), function(i) {
        var d = Ext.get(i);        
        d.setStyle('display','none');
    }, this);
    Ext.get('summary-list').hide();
    detail_div.setStyle('visibility','');
    detail_div.setStyle('display','block');
    Ext.each(['mtn-pic1','managing-partners-text','team-pictures'], function(i) {
        var e = Ext.get(i);
        if(e)
            e.hide();
    }, this);
}

CURRENT_PROTO._close_details=function(e,t) {
    t = Ext.get(t);
    if(!t || !t.id )
        return; //stupid IE

    var detail_div = t.up('div[class=div_team]');
    detail_div.setStyle('visibility','');
    detail_div.setStyle('display','none');
    Ext.get('summary-list').show();
    Ext.each(['mtn-pic1','managing-partners-text','team-pictures'], function(i) {
        var e = Ext.get(i);
        if(e)
            e.show();
    }, this);
}

CURRENT_PROTO._on_name_mouseover = function(e,t) {
    t=Ext.get(t);
    console.log(t);
    t.addClass('highlight');
}

CURRENT_PROTO._on_name_mouseout = function(e,t) {
    t=Ext.get(t);
    t.removeClass('highlight');
}