/// <reference name="MicrosoftAjax.js"/>

Type.registerNamespace("GreenJakobsen");

GreenJakobsen.AutoHeight = function() {

    this._dynamicElements = null;
    this._patternElement = null;
    
    this._heightChangedHandler = null;
    GreenJakobsen.AutoHeight.initializeBase(this);
}

GreenJakobsen.AutoHeight.prototype = {

    //
    // Properties
    //

    get_DynamicElements: function() {
        return this._dynamicElements;
    },

    set_DynamicElements: function(value) {
        this._dynamicElements = value;
    },

    get_PatternElement: function() {
        return this._patternElement;
    },
    set_PatternElement: function(value) {
        this._patternElement = value;
    },

    //
    // Event Handlers
    //

    UpdateHeight: function() {
        // Set height to dynamic element based on pettern element height
        var minHeight = Number.parseInvariant(this._patternElement.minHeight.toString());
        var patternHeight = this._patternElement.element.offsetHeight;
        if (minHeight > patternHeight) {
            patternHeight = minHeight;
            this._patternElement.element.style.height = minHeight + "px";
        }
        
        for (i = 0; i < this._dynamicElements.length; i++) {
            if (this._dynamicElements[i].element && this._dynamicElements[i].element.offsetHeight < patternHeight) {
                this._dynamicElements[i].element.style.height = patternHeight + "px";
            }
            
            if (this._dynamicElements[i].element && this._dynamicElements[i].element.offsetHeight > patternHeight) {
                this._patternElement.element.style.height = this._dynamicElements[i].element.offsetHeight + "px";
            }
        }
    },

    UpdateWidth: function() {
        // Set width to dynamic element based on pettern element width
        var countAutoWidthElments = 0;
        for (i = 0; i < this._dynamicElements.length; i++) {
            if (this._dynamicElements[i].autoWidth == true) {
                countAutoWidthElments++;
            }
        }
        //alert((window.innerWidth || document.documentElement.clientWidth));
        if (countAutoWidthElments > 0) {
            var elementWidth = ((window.innerWidth || document.documentElement.clientWidth) - this._patternElement.element.offsetWidth - this.GetScrollerWidth()) / countAutoWidthElments;

            for (i = 0; i < this._dynamicElements.length; i++) {
                this._dynamicElements[i].element.style.width = elementWidth + "px";
                if (i == this._dynamicElements.length - 1 && document.all) {
                    this._dynamicElements[i].element.style.width = elementWidth + 1 + "px"
                }
            }
        }
    },


    //
    // Event Delegate
    //
    _onHeightChanged: function() {
        this.UpdateHeight();
        this.UpdateWidth();
    },

    initialize: function() {
        GreenJakobsen.AutoHeight.callBaseMethod(this, 'initialize');

        this._heightChangedHandler = Function.createDelegate(this, this._onHeightChanged);

        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(this._heightChangedHandler);
        setTimeout(this._heightChangedHandler, 1);
        $addHandler(window, 'resize', this._heightChangedHandler);
    },

    dispose: function() {
        delete this._heightChangedHandler;

        GreenJakobsen.AutoHeight.callBaseMethod(this, 'dispose');
    },

    //
    // Utils
    //
    GetScrollerWidth: function() {
        var scr = null;
        var inn = null;
        var wNoScroll = 0;
        var wScroll = 0;

        // Outer scrolling div
        scr = document.createElement('div');
        scr.style.position = 'absolute';
        scr.style.top = '-1000px';
        scr.style.left = '-1000px';
        scr.style.width = '100px';
        scr.style.height = '50px';
        // Start with no scrollbar
        scr.style.overflow = 'hidden';

        // Inner content div
        inn = document.createElement('div');
        inn.style.width = '100%';
        inn.style.height = '200px';

        // Put the inner div in the scrolling div
        scr.appendChild(inn);
        // Append the scrolling div to the doc
        document.body.appendChild(scr);

        // Width of the inner div sans scrollbar
        wNoScroll = inn.offsetWidth;
        // Add the scrollbar
        scr.style.overflow = 'auto';
        // Width of the inner div width scrollbar
        wScroll = inn.offsetWidth;
        // Remove the scrolling div from the doc
        document.body.removeChild(
            document.body.lastChild);

        // Pixel width of the scroller
        return (wNoScroll - wScroll);
    }

}
GreenJakobsen.AutoHeight.registerClass('GreenJakobsen.AutoHeight', Sys.Component);

if (typeof (Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();