function ShowHideContentBox(){

    if (document.getElementById('middlediv').offsetHeight != 60) {
        HiddenMiddledivMainValue = document.getElementById('middlediv').offsetHeight;
    }
    if(document.getElementById('divPageContents').style.display == 'none') {
        //alert(HiddenMiddledivMainValue);
        document.getElementById('divPageContents').style.display = 'block';
        if (HiddenMiddledivMainValue != 60) {
            document.getElementById('middlediv').style.height = HiddenMiddledivMainValue + 'px';
            //contentbox
            var contentBGHeight = HiddenMiddledivMainValue;
            var calculatedHeight = parseInt(contentBGHeight) - 32;
            //alert('contentBGHeight=' + contentBGHeight + ' calculatedHeight' + calculatedHeight);
            document.getElementById('contentbox').style.height = calculatedHeight + 'px';
            document.getElementById('divCustomScrollViewport').style.height = calculatedHeight + 'px';
        }
        document.getElementById('ShowHideContentBox').style.backgroundImage = "url(/images/ContentMinus.png)";
        
        if (document.getElementById('divCarousel')!=null && document.getElementById('divCarousel') != '') {
            document.getElementById('divCarousel').style.display = 'block';
        }

      
        //hide scroll
        //$(".scrollbar").css('display', 'block');
    }
    else {
        //alert('in else');
        document.getElementById('divPageContents').style.display = 'none';
        document.getElementById('middlediv').style.height = '60px';
        document.getElementById('contentbox').style.height = '28px';
        document.getElementById('divCustomScrollViewport').style.height = '28px';
        //divCustomScrollViewport
        document.getElementById('ShowHideContentBox').style.backgroundImage = "url(/images/ContentPlus.png)";
        
        if (document.getElementById('divCarousel') != null && document.getElementById('divCarousel') != '') {
            document.getElementById('divCarousel').style.display = 'none';
        }

        //hide scroll
        //$(".scrollbar").css('display', 'none');
    }

    var oScrollbar1 = $('#scrollbar1');
    oScrollbar1.tinyscrollbar();

    //some operation that changes the viewport content...

    //oScrollbar1.tinyscrollbar_update();
}