var isExtended = 0;
var height = 676;
var width = 228;
var slideDuration = 1000;
var opacityDuration = 1500;

function extendContract() {

    if (isExtended == 0) {
        sideBarSlide(0, height, 0, width);

        sideBarOpacity(0, 100);

        isExtended = 1;
        // make expand tab arrow image face left (inwards)
        $('sideMenu-handler').style.backgroundImage = $('sideMenu-handler').style.backgroundImage.replace(/(\.[^.]+)$/, '-active$1');
    }
    else {

        sideBarSlide(height, 0, width, 0);

        sideBarOpacity(100, 0);

        isExtended = 0;

        // make expand tab arrow image face right (outwards)
        $('sideMenu-handler').style.backgroundImage = $('sideMenu-handler').style.backgroundImage.replace(/-active(\.[^.]+)$/, '$1');
    }

}

function sideBarSlide(fromHeight, toHeight, fromWidth, toWidth) {    
    //alert("sideBarSlide(fromHeight:"+fromHeight+",toHeight:"+toHeight+",fromWidth:"+fromWidth+",toWidth:"+toWidth+")");
    var myTween = new Fx.Tween('sideMenu-items', {property:'height', link: 'chain' });
    myTween.start(fromHeight).start(toHeight);
    
    var myTween2 = new Fx.Tween('sideMenu-items', {property:'width', link: 'chain' });
    myTween2.start(fromWidth).start(toWidth);
    
}

function sideBarOpacity(from, to) {
    //sideBarOpacity("sideBarSlide(from:"+from+",to:"+to+")");
    var myTween = new Fx.Tween('sideMenu-items', {property:'opacity', link: 'chain' });
    myTween.start(from).start(to);
}

function initSlideMenu(extendSideMenu) {
    if(extendSideMenu==null)extendSideMenu=false;
    
    if ($('sideMenu-items'))
    {
        $('sideMenu-items').style.display = "block";
        $('sideMenu-handler').style.display = "block";
        
        if ($('sideMenu-handler') == null) return;
        $('sideMenu-handler').addEvent('click', function() { extendContract() });

        if(!extendSideMenu){
            isExtended = 0;
            $('sideMenu-items').style.width = "0px";
            $('sideMenu-items').style.height= "0px";
            $('sideMenu-items').style.opacity = "0";            
        }else{
            isExtended = 0;
            extendContract();
        }
        
        var myTween = new Fx.Tween('sideMenu', {property:'display', link: 'chain' });
        myTween.start("none").start("block");
        //$('sideMenu').style.display = "block";        
    }
}

//window.addEvent('load', function() { initSlideMenu() });