var isExtended = 0;
var height = 450;
var width = 200;
var slideDuration = 1000;
var opacityDuration = 1500;

function extendContract(){

    if(isExtended == 0){
        sideBarSlide(0, height, 1, width);
        sideBarOpacity(0, 1);
        isExtended = 1;
        // make expand tab arrow image face left (inwards)
        $('#sideBarTab').children().get(0).src = $('#sideBarTab').children().get(0).src.replace(/(\.[^.]+)$/, '-active$1');
    }
    else{
        sideBarSlide(height, 0, width, 1);
        sideBarOpacity(1, 0);
        isExtended = 0;
        // make expand tab arrow image face right (outwards)
        $('#sideBarTab').children().get(0).src = $('#sideBarTab').children().get(0).src.replace(/-active(\.[^.]+)$/, '$1');
    }

}

function sideBarSlide(fromHeight, toHeight, fromWidth, toWidth) {
    $("sideBarContents").css ({'height': fromHeight, 'width': fromWidth});
    $("#sideBarContents").animate( { 'height': toHeight, 'width': toWidth }, { 'queue': false, 'duration': slideDuration }, "linear" );
}

function sideBarOpacity(from, to){
    $("#sideBarContents").animate( { 'opacity': to }, opacityDuration, "linear" );
}

$(function(){
  // Document is ready
    $('#sideBarTab').hover( function() { extendContract(); return false; });
    
});