﻿HomePage = new Class({
    Implements: [Options, Events],
    options: {
        activeContainer: null,
        swaptransition: Fx.Transitions.linear,
        fadetransition: Fx.Transitions.linear,
        swapduration: 300,
        fadeduration: 300,
        fpsFade: 50,
        fpsSwap: 50,
        leftDiv: null,
        centerDiv: null,
        rightDiv: null,
        swapDiv: null,
        bigScoopSlides: [],
        scoopStartIndex: 0,
        scoopRotate: true
    },

    initialize: function(options) {
        this.setOptions(options);
        openDivPosition = this.options.activeContainer;
        //products=center&productstab=2&stayontrack=left&stayontracktab=1&getthescoop=right&getthescooptab=1

        chkDivState = Cookie.read('centerDiv');
        if (chkDivState != null && chkDivState != '') openDivPosition = chkDivState;
        this.activeScoop = this.options.scoopStartIndex;
        chkScoopState = Cookie.read('rightActiveTab');
        if (chkScoopState != null && chkScoopState != '') {
            this.activeScoop = parseInt(chkScoopState);
        }

        if (openDivPosition == 'left_container') {
            this.leftDiv = $('center_container');
            this.centerDiv = $('left_container');
            this.rightDiv = $('right_container');
        } else if (openDivPosition == 'right_container') {
            this.leftDiv = $('left_container');
            this.centerDiv = $('right_container');
            this.rightDiv = $('center_container');
        } else {
            this.leftDiv = $('left_container');
            this.centerDiv = $('center_container');
            this.rightDiv = $('right_container');
        }

        this.leftDiv.setStyles({
            'left': '-2498px',
            'z-index': '20'
        });
        this.centerDiv.setStyles({
            'left': '200px',
            'z-index': '100',
            'display': 'block'
        });
        this.rightDiv.setStyles({
            'left': '2902px',
            'z-index': '20'
        });

        this.leftDiv.addClass('left').removeClass('center').removeClass('right');
        this.centerDiv.addClass('center').removeClass('left').removeClass('right');
        this.rightDiv.addClass('right').removeClass('left').removeClass('center');

        mainBoxes = $$('div.swap-box');

        $('lft_content_arrow').setStyles({
            'opacity': 0,
            'display': 'block'
        });
        $('rgt_content_arrow').setStyles({
            'opacity': 0,
            'display': 'block'
        });

        this.leftDiv.getElement('.tab-container').setStyles({
            'opacity': 0
        });
        this.rightDiv.getElement('.tab-container').setStyles({
            'opacity': 0
        });

        this.begin();

        // for get the scoop promotions
        this.runScoopShow = this.options.scoopRotate;
        this.addBigScoops($$('#right_container div.clone-container-big div.tab-content'));
    },

    begin: function() {
        this.initTabs();
    },
    initTabs: function() {
        this.checkTabCookieState();
        leftTabsBig = $('left_container').getElements('.clone-container-big ul.tabs li');
        leftTabsContentBig = $('left_container').getElements('.clone-container-big div.tab-content');
        centerTabsBig = $('center_container').getElements('.clone-container-big ul.tabs li');
        centerTabsContentBig = $('center_container').getElements('.clone-container-big div.tab-content');
        rightTabsBig = $('right_container').getElements('.clone-container-big ul.tabs li');
        rightTabsContentBig = $('right_container').getElements('.clone-container-big div.tab-content');
        leftTabsBig.each(function(leftTab, index) {
            leftTab.addEvent('click', function(e) {
                e.stop();
                this.clearActiveTabState('left');
                leftTabsBig[index].addClass('active');
                if (leftTabsContentBig[index].hasClass('inactive')) leftTabsContentBig[index].removeClass('inactive');
                leftTabsContentBig[index].addClass('active');
                Cookie.write('leftActiveTab', index);
            } .bind(this));
        } .bind(this));
        centerTabsBig.each(function(centerTab, index) {
            centerTab.addEvent('click', function(e) {
                e.stop();
                this.clearActiveTabState('center');
                centerTabsBig[index].addClass('active');
                if (centerTabsContentBig[index].hasClass('inactive')) centerTabsContentBig[index].removeClass('inactive');
                centerTabsContentBig[index].addClass('active');
                Cookie.write('centerActiveTab', index);
            } .bind(this));
        } .bind(this));
        rightTabsBig.each(function(rightTab, index) {
            rightTab.addEvent('click', function(e) {
                e.stop();
                this.clearActiveTabState('right');
                rightTabsBig[index].addClass('active');
                if (rightTabsContentBig[index].hasClass('inactive')) rightTabsContentBig[index].removeClass('inactive');
                rightTabsContentBig[index].addClass('active');
                Cookie.write('rightActiveTab', index);
            } .bind(this));
        } .bind(this));

    },
    clearActiveTabState: function(container) {
        if (container == 'left') {
            $('left_container').getElements('ul.tabs li').each(function(el) {
                if (el.hasClass('active')) {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
            $('left_container').getElements('div.tab-content').each(function(el) {
                if (el.hasClass('active')) {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
        } else if (container == 'center') {
            $('center_container').getElements('ul.tabs li').each(function(el) {
                if (el.hasClass('active')) {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
            $('center_container').getElements('div.tab-content').each(function(el) {
                if (el.hasClass('active')) {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
        } else if (container == 'right') {
            $('right_container').getElements('ul.tabs li').each(function(el) {
                if (el.hasClass('active')) {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
            $('right_container').getElements('div.tab-content').each(function(el) {
                if (el.hasClass('active')) {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
        }
    },
    checkTabCookieState: function() {
        leftTabCookie = parseInt(Cookie.read('leftActiveTab'));
        centerTabCookie = parseInt(Cookie.read('centerActiveTab'));
        rightTabCookie = parseInt(Cookie.read('rightActiveTab'));

        if (leftTabCookie >= 0) {
            $('left_container').getElements('.clone-container-big ul.tabs li').each(function(el, index) {
                if (leftTabCookie == index) {
                    el.removeClass('inactive');
                    el.addClass('active');
                } else {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
            $('left_container').getElements('.clone-container-big div.tab-content').each(function(el, index) {
                if (leftTabCookie == index) {
                    el.removeClass('inactive');
                    el.addClass('active');
                } else {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
        }
        if (centerTabCookie >= 0) {
            $('center_container').getElements('.clone-container-big ul.tabs li').each(function(el, index) {
                if (centerTabCookie == index) {
                    el.removeClass('inactive');
                    el.addClass('active');
                } else {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
            $('center_container').getElements('.clone-container-big div.tab-content').each(function(el, index) {
                if (centerTabCookie == index) {
                    el.removeClass('inactive');
                    el.addClass('active');
                } else {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
        }
        if (rightTabCookie >= 0) {
            $('right_container').getElements('.clone-container-big ul.tabs li').each(function(el, index) {
                if (rightTabCookie == index) {
                    el.removeClass('inactive');
                    el.addClass('active');
                } else {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
            $('right_container').getElements('.clone-container-big div.tab-content').each(function(el, index) {
                if (rightTabCookie == index) {
                    el.removeClass('inactive');
                    el.addClass('active');
                } else {
                    el.removeClass('active');
                    el.addClass('inactive');
                }
            });
        }
        //tabs are done being set. lets slide in the side content blocks
        this.slideInSides();
    },
    slideInSides: function() {
        slideInLeftContainer = new Fx.Morph(this.leftDiv, {
            duration: 1500,
            fps: 50,
            transition: Fx.Transitions.Sine.easeIn
        });
        slideInRightContainer = new Fx.Morph(this.rightDiv, {
            duration: 1500,
            fps: 50,
            transition: Fx.Transitions.Sine.easeIn,
            onComplete: function() {
                this.addControls();
            } .bind(this)
        });

        leftCurrentLeft = parseInt(this.leftDiv.getStyle('left'));
        rightCurrentLeft = parseInt(this.rightDiv.getStyle('left'));

        slideInLeftContainer.start({
            'left': [leftCurrentLeft, (leftCurrentLeft + 2000)]
        });
        slideInRightContainer.start({
            'left': [rightCurrentLeft, (rightCurrentLeft - 2000)]
        });

    },
    addControls: function() {

        if (this.centerDiv.get('id') == 'right_container') {
            this.scoopRotator();
        }

        $('lft_content_arrow').fade('out');
        $('lft_content_arrow').fade('out');

        $('lft_content_arrow').setStyle('left', '115px');
        $('rgt_content_arrow').setStyle('left', '875px');

        leftContentBlockClick = new Element('div', {
            'class': 'lftBlkClick',
            'styles': {
                'position': 'absolute',
                'top': '0',
                'left': '-386px',
                'z-index': '8888',
                'height': '450px',
                'width': '500px',
                'cursor': 'pointer'
            }
        }).addEvent('click', function(e) {
            e.stop();
            this.getDivLocations('left');
        } .bind(this)).inject('homepage_container', 'bottom');

        leftClickImg = new Element('img', { 'src': '../Images/Site/transparent.gif', 'height': '450', 'width': '500', 'alt': 'click to move right' }).inject(leftContentBlockClick);

        leftContentBlockClick.addEvent('mouseenter', function() {
            if (Browser.Engine.trident && Browser.Engine.version <= 4) {
                $('lft_content_arrow_click').set({
                    'style': { 'background': 'none' },
                    'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/Site/arrow_left_roll.png", sizingMethod="crop")'
                });
            } else {
                $('lft_content_arrow_click').setStyle('background', 'transparent url(../Images/Site/arrow_left_roll.png) no-repeat scroll 0 0');
            }
        });
        leftContentBlockClick.addEvent('mouseleave', function() {
            if (Browser.Engine.trident && Browser.Engine.version <= 4) {
                $('lft_content_arrow_click').set({
                    'style': { 'background': 'none' },
                    'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/Site/arrow_left.png", sizingMethod="crop")'
                });
            } else {
                $('lft_content_arrow_click').setStyle('background', 'transparent url(../Images/Site/arrow_left.png) no-repeat scroll 0 0');
            }
        });

        rightContentBlockClick = new Element('div', {
            'class': 'rgtBlkClick',
            'styles': {
                'position': 'absolute',
                'top': '0',
                'right': '-386px',
                'z-index': '8888',
                'height': '450px',
                'width': '500px',
                'cursor': 'pointer'
            }
        }).addEvent('click', function(e) {
            e.stop();
            this.getDivLocations('right');
        } .bind(this)).inject('homepage_container', 'bottom');

        rightClickImg = new Element('img', { 'src': '../Images/Site/transparent.gif', 'height': '450', 'width': '500', 'alt': 'click to move left' }).inject(rightContentBlockClick);

        rightContentBlockClick.addEvent('mouseenter', function() {
            if (Browser.Engine.trident && Browser.Engine.version <= 4) {
                $('rgt_content_arrow_click').set({
                    'style': { 'background': 'none' },
                    'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/Site/arrow_right_roll.png", sizingMethod="crop")'
                });
            } else {
                $('rgt_content_arrow_click').setStyle('background', 'transparent url(../Images/Site/arrow_right_roll.png) no-repeat scroll 0 0');
            }
        });
        rightContentBlockClick.addEvent('mouseleave', function() {
            if (Browser.Engine.trident && Browser.Engine.version <= 4) {
                $('rgt_content_arrow_click').set({
                    'style': { 'background': 'none' },
                    'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/Site/arrow_right.png", sizingMethod="crop")'
                });
            } else {
                $('rgt_content_arrow_click').setStyle('background', 'transparent url(../Images/Site/arrow_right.png) no-repeat scroll 0 0');
            }
        });

        $('lft_content_arrow_click').addEvent('mouseenter', function(e) {
            leftContentBlockClick.fireEvent('mouseenter');
        });
        $('lft_content_arrow_click').addEvent('mouseleave', function(e) {
            leftContentBlockClick.fireEvent('mouseleave');
        });

        $('rgt_content_arrow_click').addEvent('mouseenter', function(e) {
            rightContentBlockClick.fireEvent('mouseenter');
        });
        $('rgt_content_arrow_click').addEvent('mouseleave', function(e) {
            rightContentBlockClick.fireEvent('mouseleave');
        });

        $('rgt_content_arrow_click').addEvent('click', function(e) {
            e.stop();
            this.getDivLocations('right');
        } .bind(this));
        $('lft_content_arrow_click').addEvent('click', function(e) {
            e.stop();
            this.getDivLocations('left');
        } .bind(this));
        $('lft_content_arrow').fade('in');
        $('rgt_content_arrow').fade('in');

        this.leftDiv.getElement('.clone-container-big .inner-content').setStyles({ 'overflow': 'visible', 'height': '423px' });
        this.centerDiv.getElement('.clone-container-big .inner-content').setStyles({ 'overflow': 'visible', 'height': '423px' });
        this.rightDiv.getElement('.clone-container-big .inner-content').setStyles({ 'overflow': 'visible', 'height': '423px' });

    },
    startSwap: function() {
        this.swap();
    },
    swap: function(direction) {
        positionOldLeft = parseInt($(this.centerDiv.get('id')).getStyle('left'));
        positionNewLeft = parseInt($(this.swapDiv.get('id')).getStyle('left'));

        myFx = new Fx.Morph(this.centerDiv.get('id'), {
            duration: this.options.swapduration,
            transition: this.options.swaptransition,
            onStart: function() {

                $('lft_content_arrow').setStyle('z-index', '-1');
                $('rgt_content_arrow').setStyle('z-index', '-1');
                this.centerDiv.setStyle('z-index', '10');
                this.centerDiv.getElement('.tab-container').setStyles({
                    'opacity': 0,
                    'visibility': 'hidden'
                });
            } .bind(this),
            onComplete: function() {
                this.centerDiv.setStyle('z-index', '20');
                if (this.centerDiv.get('id') == 'right_container') {
                    this.stopScoops();
                }
            } .bind(this)
        }).start({
            'left': positionNewLeft + 'px'
        });

        myFx2 = new Fx.Morph(this.swapDiv.get('id'), {
            duration: this.options.swapduration,
            transition: this.options.swaptransition,
            onStart: function() {
                this.swapDiv.setStyle('z-index', '20');
            } .bind(this),
            onComplete: function() {
                $('lft_content_arrow').setStyle('z-index', '8888');
                $('rgt_content_arrow').setStyle('z-index', '8888');


                this.swapDiv.setStyle('z-index', '100');
                this.swapDiv.getElement('.tab-container').setStyles({
                    'opacity': 1,
                    'visibility': 'visible'
                });

                Cookie.write('centerDiv', this.swapDiv.get('id'));
                this.setCookieState();

                if (this.swapDiv.get('id') == 'right_container') {
                    this.scoopRotator();
                }
            } .bind(this)
        }).start({
            'left': positionOldLeft + 'px'
        });

    },
    setCookieState: function() {
        leftBlockPos = parseInt($('left_container').getStyle('left'));
        centerBlockPos = parseInt($('center_container').getStyle('left'));
        rightBlockPos = parseInt($('right_container').getStyle('left'));
        Cookie.write('leftBlock', leftBlockPos);
        Cookie.write('centerBlock', centerBlockPos);
        Cookie.write('rightBlock', rightBlockPos);
    },
    getDivLocations: function(direction) {
        if (direction == 'right') {

            $$('.swap-box').each(function(el) {
                if (el.hasClass('left')) {
                    this.leftDiv = $(el.get('id'));
                    this.leftDiv.addClass('left').removeClass('center').removeClass('right');
                } else if (el.hasClass('right')) {
                    this.rightDiv = $(el.get('id'));
                    this.rightDiv.addClass('center').removeClass('left').removeClass('right');
                } else {
                    this.centerDiv = $(el.get('id'));
                    this.centerDiv.addClass('right').removeClass('left').removeClass('center');
                }
            }, this);

            this.swapDiv = this.rightDiv;
            this.startSwap(direction);
        }

        if (direction == 'left') {

            $$('.swap-box').each(function(el) {
                if (el.hasClass('left')) {
                    this.leftDiv = $(el.get('id'));
                    this.leftDiv.addClass('center').removeClass('left').removeClass('right');
                } else if (el.hasClass('right')) {
                    this.rightDiv = $(el.get('id'));
                    this.rightDiv.addClass('right').removeClass('left').removeClass('center');
                } else {
                    this.centerDiv = $(el.get('id'));
                    this.centerDiv.addClass('left').removeClass('center').removeClass('right');
                }
            }, this);

            this.swapDiv = this.leftDiv;
            this.startSwap(direction);
        }
    },
    scoopRotator: function() {
        this.buildScoopControls();
        $(document.body).set('load', this.rotateScoops(this.activeScoop));
    },
    bigScoopSlides: [],
    addBigScoops: function(bigScoopSlides) {
        $$(bigScoopSlides).each(function(scoop, i) {
            this.bigScoopSlides.include($(scoop));
            if (i == this.activeScoop) {
                scoop.setStyles({
                    'position': 'relative',
                    'height': '423px',
                    'width': '632px',
                    'display': 'block'

                });
            } else {
                scoop.setStyles({
                    'position': 'relative',
                    'height': '423px',
                    'width': '632px',
                    'display': 'none'
                });
            }
        }, this);
    },
    buildScoopControls: function() {
        $('right_container').getElement('.clone-container-big .tabs li.first').removeClass('inactive').addClass('active'); ;
        scoopControlsContainer = $('right_container').getElement('.clone-container-big .tabs .center_image .scoopControls');
        if (this.bigScoopSlides.length > 1) {
            if (!$('scoopsPause')) {
                controlDivide = new Element('span', {
                    'styles': {
                        'border-right': '2px solid #fff',
                        'width': '0px',
                        'height': '16px',
                        'margin-right': '4px',
                        'display': 'block',
                        'float': 'left',
                        'text-indent': '-5000px',
                        'font-size': '1px'
                    }
                }).inject(scoopControlsContainer, 'top');

                pauseControl = new Element('a', {
                    'href': 'javascript:void(0)',
                    'id': 'scoopsPause',
                    'onclick': 'return(false)',
                    'title': 'pause',
                    'text': 'pause',
                    'styles': {
                        'display': 'block',
                        'float': 'left'
                    }
                }).inject(scoopControlsContainer, 'top').addEvent('click', function(evt) {
                    evt.stop();
                    this.stopScoops();
                } .bind(this));

                playControl = new Element('a', {
                    'href': 'javascript:void(0)',
                    'id': 'scoopsPlay',
                    'onclick': 'return(false)',
                    'title': 'play',
                    'text': 'play',
                    'styles': {
                        'display': 'none',
                        'float': 'left'
                    }
                }).inject(scoopControlsContainer, 'top').addEvent('click', function(evt) {
                    evt.stop();
                    this.playScoops();
                } .bind(this));

                scoopTabLinks = $('right_container').getElements('.clone-container-big .tabs .center_image a.scoop-radio');

                scoopTabLinks.each(function(link, i) {
                    if (i == this.activeScoop) {
                        link.removeClass('inactive').addClass('active');
                    } else {
                        link.removeClass('active').addClass('inactive');
                    }
                    link.addEvent('click', function(evt) {
                        evt.stop();
                        this.singleShow(i);
                        Cookie.write('rightActiveTab', i);
                        return false;
                    } .bind(this));

                    link.set({
                        'html': 'N/A',
                        'title': 'N/A'
                    });
                }, this);
            }

            if (this.runScoopShow) {
                $('scoopsPause').setStyle('display', 'block');
                $('scoopsPlay').setStyle('display', 'none');
            } else {
                $('scoopsPause').setStyle('display', 'none');
                $('scoopsPlay').setStyle('display', 'block');
            }
        } //end check for more than one promo
    },
    singleShow: function(index) {
        this.stopScoops();
        this.showScoop(index);
    },
    stopScoops: function() {
        this.runScoopShow = false;
        $('scoopsPause').setStyle('display', 'none');
        $('scoopsPlay').setStyle('display', 'block');
        $clear(this.periodical);
    },
    playScoops: function() {
        this.runScoopShow = true;
        $('scoopsPause').setStyle('display', 'block');
        $('scoopsPlay').setStyle('display', 'none');
        this.showScoop();
        this.rotateScoops(this.iToShow);
    },
    rotateScoops: function(scoop2show) {
        this.activeScoop = scoop2show;

        if (this.runScoopShow) {
            this.periodical;
            scoopToRotate = function() {
                this.showScoop();
            } .bind(this);
            this.periodical = scoopToRotate.periodical(10000);
        } else {
            this.showScoop(this.activeScoop);
        }

    },
    showScoop: function(index) {
        if (this.activeScoop > this.bigScoopSlides.length - 1) this.activeScoop = 0;
        if (this.activeScoop < 0) this.activeScoop = this.bigScoopSlides.length - 1;

        scoopTabs = $('right_container').getElements('div.clone-container-big a.scoop-radio');
        if (this.activeScoop == this.bigScoopSlides.length - 1) {
            this.iToShow = 0;
        } else {
            this.iToShow = (this.activeScoop + 1);
        }

        if (index >= 0) this.iToShow = index;

        currentScoop = this.bigScoopSlides[this.activeScoop];
        scoop = this.bigScoopSlides[this.iToShow];
        if (scoop) {
            if ($chk(this.activeScoop) && (this.activeScoop != this.iToShow)) {
                scoopTabs[this.activeScoop].removeClass('active').addClass('inactive');
                scoopTabs[this.iToShow].removeClass('inactive').addClass('active');
                scoop.setStyle('display', 'block');
                currentScoop.setStyle('display', 'none');
                Cookie.write('rightActiveTab', this.iToShow);
            }
        }
        if (index >= 0) {
            this.activeScoop = index;
        } else {
            this.activeScoop++;
        }
    }
});

timer = '';
window.addEvents({
    'domready': function() {
        new HomePage({
            activeContainer: 'right_container',
            swaptransition: Fx.Transitions.linear,
            swapduration: 400,
            fpsSwap: 50
        });

        // inject scripts onto page once dom is ready.
        // Just for you carousel script file
        carouselScript = new Element('script', {
            'type': 'text/javascript',
            'src': '../Scripts/LeanForYou-min.js'
        }).inject($('aspnetForm'), 'bottom');
        // New product slider script file
        sliderScript = new Element('script', {
            'type': 'text/javascript',
            'src': '../Scripts/LeanSlider-min.js'
        }).inject($('aspnetForm'), 'bottom');

    },
    'load': function() {
        signInModule = $(document.body).getElement('.sign-in-control');
        mainContentDiv = $('mainContent');
        signInModule.inject(mainContentDiv);

        if ($(document.body).getElement('.pop-signin-overlay') != null) {

            shadowFx = new Fx.Tween($('shadow'));
            signInLink = $(document.body).getElements('.pop-signin-overlay');
            signInLink.each(function(link, i) {
                signInLink[i].addEvent('click', function() {
                    shadowFx.start('opacity', .4);
                    signInModule.addClass('sign-in-visible').removeClass('sign-in-hidden');
                    signInModule.position({ relativeTo: $('mainContent'), position: 'center' });

                    //Report to Hitbox
                    _hbPageView('/Index/Index.aspx', 'User/Signin+popup;Lean+Cuisine/User/Signin+popup;Prepared+Foods/Lean+Cuisine/User/Signin+popup');

                    return false;
                });
            });

            $('signInClose').addEvent('click', function() {
                signInModule.setStyle('left', '-5000px');
                signInModule.addClass('sign-in-hidden').removeClass('sign-in-visible');
                shadowFx.start('opacity', 0);
                return false;
            });

            $('shadow').addEvent('click', function() {
                if ($(document.body).getElement('.sign-in-visible') != null) {
                    $('signInClose').fireEvent('click');
                }
            });
            if (signInModule.hasClass('sign-in-visible') && signInModule.hasClass('login-error')) {
                signInLink[0].fireEvent('click');
            }

            $$('.form-elements input').each(function(input, i) {
                input.addEvent('keydown', function(evt) {
                    if (evt.key == 'enter' || (evt.code == 13)) {
                        button = $$('.form-elements input.form-submit-btn');
                        button[0].click();
                        return false;
                    }
                });
            });

        }

        // check window size on load of page to prevent scroll in IE6
        if (Browser.Engine.trident && Browser.Engine.version <= 4) {
            browserWidth = document.documentElement.clientWidth;
            if (browserWidth > 1024) {
                $('page').setStyles({
                    'width': browserWidth,
                    'margin-left': 'auto',
                    'margin-right': 'auto',
                    'overflow-x': 'hidden',
                    'display': 'block'
                });
                $('homepage').setStyles({
                    'width': browserWidth,
                    'margin-left': 'auto',
                    'margin-right': 'auto',
                    'overflow-x': 'hidden',
                    'display': 'block'
                });

            } else if (browserWidth <= 1024) {
                $('page').setStyles({
                    'width': '1024px',
                    'margin-left': 'auto',
                    'margin-right': 'auto',
                    'overflow-x': 'hidden',
                    'display': 'block'
                });
                $('homepage').setStyles({
                    'width': '1024px',
                    'margin-left': 'auto',
                    'margin-right': 'auto',
                    'overflow-x': 'hidden',
                    'display': 'block'
                });
            } else {
                //do nothing for now
            }
        }
    },
    'resize': function() {
        $clear(timer);
        timer = (function() {
            if (Browser.Engine.trident && Browser.Engine.version <= 4) {
                browserWidth = document.documentElement.clientWidth;
                if (browserWidth > 1024) {
                    $('page').setStyles({
                        'width': browserWidth,
                        'margin-left': 'auto',
                        'margin-right': 'auto',
                        'overflow-x': 'hidden',
                        'display': 'block'
                    });
                    $('homepage').setStyles({
                        'width': browserWidth,
                        'margin-left': 'auto',
                        'margin-right': 'auto',
                        'overflow-x': 'hidden',
                        'display': 'block'
                    });

                } else if (browserWidth <= 1024) {
                    $('page').setStyles({
                        'width': '1024px',
                        'margin-left': 'auto',
                        'margin-right': 'auto',
                        'overflow-x': 'hidden',
                        'display': 'block'
                    });
                    $('homepage').setStyles({
                        'width': '1024px',
                        'margin-left': 'auto',
                        'margin-right': 'auto',
                        'overflow-x': 'hidden',
                        'display': 'block'
                    });
                } else {
                    //do nothing for now
                }
            }
        }).delay(50);
    }
});