﻿function GrowBanner(){
    divMenuHeight.start(180,250);
    btnBannerShrinkMarginTop.start(-110,-39);
    btnBannerGrowMarginTop.start(-110,-39);
    
    $('divBannerShrink').style.visibility='visible';
    $('divBannerShrink').style.display='block';
    $('divBannerGrow').style.visibility='hidden';
    $('divBannerGrow').style.display='none';
}

function ShrinkBanner(){
    divMenuHeight.start(280,150);
    btnBannerShrinkMarginTop.start(-10,-139);
    btnBannerGrowMarginTop.start(-10,-139);
    
    $('divBannerShrink').style.visibility='hidden';
    $('divBannerShrink').style.display='none';
    $('divBannerGrow').style.visibility='visible';
    $('divBannerGrow').style.display='block';
}

function loadAll(){
    //divMenuFX = new Fx.Style('divMenu', 'opacity', {duration: 1, transition: Fx.Transitions.quadInOut});
    //divMenuBlack = new Fx.Style('divBlack', 'opacity', {duration: 1, transition: Fx.Transitions.quadInOut});
    //divMenuBlack.set(0);
    //divMenuBlack = new Fx.Style('myGallery', 'opacity', {duration: 1, transition: Fx.Transitions.quadInOut});
    
    divMenuHeight = new Fx.Style('divBanner', 'height', {duration: 1000, transition: Fx.Transitions.quadInOut});
    
    btnBannerShrinkMarginTop = new Fx.Style('divBannerShrink', 'margin-top', {duration: 1000, transition: Fx.Transitions.quadInOut});
    btnBannerGrowMarginTop = new Fx.Style('divBannerGrow', 'margin-top', {duration: 1000, transition: Fx.Transitions.quadInOut});

    new Fx.Style('divBannerShrink', 'opacity', {duration: 1, transition: Fx.Transitions.quadInOut}).set(0.9);
    //document.onmousemove=setMenuOpacity;
}