if (typeof Effect == 'undefined')
	throw("grower.js requires including script.aculo.us' effects.js library!");

var grower = Class.create();
grower.prototype = {
    effect : null,
    width: 0,
    table: null,
    text: null,
    hoverPE: null,
    phoneWidth: 0,
    emailWidth: 0,
    outerdivni: null,
    
    tableCells: null,
    phones: null,
    emails: null,
    
    initialize: function(table, outerdivni)
    {
        this.table = $(table);
        this.table.setStyle({fontSize:'90%'});
        this.outerdivni = $(outerdivni);
    
        Event.observe(this.table, 'mouseover', function()
		{
		    if(this.hoverPE)
                this.hoverPE.stop();
            this.table.addClassName('availabilityhover');
		    this.hoverPE = new PeriodicalExecuter(this.showit.bind(this),0.4);
		}.bind(this));
		
		Event.observe(this.table, 'mouseout', function()
		{
		    if(this.hoverPE)
                this.hoverPE.stop();
            this.table.removeClassName('availabilityhover');
            this.hoverPE = new PeriodicalExecuter(this.hideit.bind(this),0.9);
		}.bind(this));
        
        this.phones = this.table.select('.subphone');
        this.phones.each(function(element){
            element.show().makeClipping();
            element.cleanWhitespace().setStyle({whiteSpace:'nowrap', width:'0px'});
            this.phoneWidth = Math.max(this.phoneWidth, element.scrollWidth);
        }.bind(this));

        this.emails = this.table.select('.subemail');
        this.emails.each(function(element){
            element.show().makeClipping();
            element.cleanWhitespace().setStyle({whiteSpace:'nowrap', width:'0px'});
            this.emailWidth = Math.max(this.emailWidth, element.scrollWidth);
        }.bind(this));

        this.tableCells = this.table.select('.phone');
        this.tableCells = this.tableCells.concat(this.table.select('.email'));
        this.tableCells.each(function(element){
            element.cleanWhitespace().setStyle({width:'1px'}).hide();
        });
        
        this.emailWidth = this.emailWidth + 1;
        this.phoneWidth = this.phoneWidth + 1;
        
        this.table.setStyle({fontSize:'60%'});
        this.outerdivni.setStyle({width: this.table.scrollWidth + 'px', height: this.table.scrollHeight + 'px'});
        this.table.setStyle({position: 'absolute', top: '0px', right: '0px'});
    },
    showit: function(evt)
    {
        if(this.hoverPE)
            this.hoverPE.stop();
        if(this.effect)
            this.effect.cancel();
     
        var effects = [];
        
        this.tableCells.each(function(element){
            element.show();
        }.bind(this));
        
        effects.push( new Effect.Morph(this.table, {style:{fontSize:'90%'}, sync:true}) );

        this.phones.each(function(element){
            effects.push( new Effect.Morph(element, {style:{width: this.phoneWidth  + 'px'}, sync:true}) );
        }.bind(this));
        
        this.emails.each(function(element){
            effects.push( new Effect.Morph(element, {style:{width: this.emailWidth + 'px'}, sync:true}) );
        }.bind(this));   
        
        this.effect = new Effect.Parallel(effects, { duration: 0.5 } );
    },
    hideit: function(evt)
    {
        if(this.hoverPE)
            this.hoverPE.stop();
        if(this.effect)
            this.effect.cancel();
        
        var effects = [];
        
        effects.push( new Effect.Morph(this.table, {style:{fontSize:'60%'}, sync:true}) );

        this.phones.concat(this.emails).each(function(element){
            effects.push( new Effect.Morph(element, {style:{width: '0px'}, sync:true}) );
        });
                    
        this.effect = new Effect.Parallel(effects, {duration: Prototype.Browser.Opera ? 0 : 0.5,
            afterFinish: function() {
                this.tableCells.each(function(element){
                    element.hide();
                });
            }.bind(this) }         
         );
    }
};
if (typeof(Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();