/*
* @author: Azim Zakhidov a.k.a. 3oxa
* @email: azakhidov@gmail.com
* @email: azim.zakhidov@cyberplex.com
* @icq:   62472200
*/
window.addEvent('domready',function(){
    var AboutUsPage = new zxAboutUsPage();
});

var zxAboutUsPage = new Class({

    options : {
        listItm:'.Study .Head',
        hide:'.Study .Body',
        matregexp:/Head(.+)$/i,
        div:'bioDiv',
        divW:'bioContentWrap',
        divC:'bioContentDiv',
        btnC:'bioCloseBtn',
        divAll:'bioAll'
    },

    setOptions:function(options){
        this.options = Object.extend(this.options, options || {} );
    },

    initialize:function(options){
        this.setOptions(options);

        var itms = $$(this.options.listItm);
        if (!itms.length) return null;
        $$(this.options.hide).setStyle('display','none');
        $$(this.options.listItm).setStyle('cursor','pointer');

        $each(itms,function(itm){ itm.addEvent('click',this.showBio.bind(this)); },this);
    },

    showBio:function(ev){
        var ev = new Event(ev);

        var id = ev.target.id.match(this.options.matregexp);
       body_id='Body'+id[1];
        if (id[1] && $(body_id)){
            wrap_id='Study'+id[1];

            if ($(this.options.div)) $(this.options.div).remove();
            var divAll = new Element('div').setProperty('id',this.options.divAll).addClass(this.options.divAll);
            var div = new Element('div').setProperty('id',this.options.div).addClass(this.options.div);
            div.addClass(id[1]).empty().setOpacity(0);

            var btnC = new Element('div').setProperty('id',this.options.btnC).addClass(this.options.btnC).setHTML('Close Study').injectInside(div);
            var divW = new Element('div').setProperty('id',this.options.divW).addClass(this.options.divW).injectInside(div);

            var div2 = new Element('div').setProperty('id',this.options.divC).addClass(this.options.divC).setHTML($(body_id).innerHTML).injectInside(divW);
            div2.setOpacity(0);

            btnC.addEvent('click',this.hideBio.bind(this));
            /*div.addEvent('click',this.hideBio.bind(this));
            div2.addEvent('click',function(ev){var ev = new Event(ev).stop()});*/

            div.injectInside(divAll);
            divAll.injectInside($(wrap_id));

            var l = div2.getLeft();
            var s = div2.getSize().size;
            var width = s.x;

            var dFx = div.effects({duration:500,transition:Fx.Transitions.linear,onComplete:function(){
                div.effect('height', {duration: 500, transition: Fx.Transitions.linear}).start(s.y);
                div2.effect('opacity', {duration: 500, transition: Fx.Transitions.linear}).start(1);
            }});
            dFx.start({'opacity':[0,1],'width':[0,width],'left':[width,12]});

        }
        return false;
    },

    hideBio:function(){
       if ($(this.options.div)) $(this.options.div).remove();
    }
});