var ExpandImageSrc = '/images/arrow-up.gif';
var CollapseImageSrc = '/images/arrow-down.gif'; 

var speed = 25;
var incriment = 8; 


var iTimer;
var calcHeight;
function toggleDiv(divToShow, imgID, isCollHome) {

    var help = document.getElementById(divToShow);
    if (isCollHome != undefined) {
        if (isCollHome == 'false') {
            ExpandImageSrc = '/images/arrow-down.gif';
            CollapseImageSrc = '/images/arrow-up.gif';
        } else {
            ExpandImageSrc = '/images/close_arrow1.gif';
            CollapseImageSrc = '/images/open_arrow1.gif';
        }
    }
    else {
        ExpandImageSrc = '/images/arrow-up.gif';
        CollapseImageSrc = '/images/arrow-down.gif'; 
    }

    if (help.style.display != "block") {
        if (imgID) {
            document.getElementById(imgID).setAttribute('src', CollapseImageSrc);
        }
        showDiv(divToShow);
        Expand(divToShow);
    }
    else {
        if (imgID) {
            document.getElementById(imgID).setAttribute('src', ExpandImageSrc);
        }
        collapse(divToShow);
    }
}
function Expand(divName) {
    var help = document.getElementById(divName);
    var height = help.offsetHeight;
    if (height < calcHeight) {
        help.style.height = height + incriment + "px";
        iTimer = setTimeout("Expand('" + divName + "')", speed);
    }
    else {
        clearTimeout(iTimer);
    }
}
function collapse(divName) {
    
    var help = document.getElementById(divName);
    var height = help.offsetHeight;

    if (height > incriment) {
        help.style.height = height - incriment + "px";
        iTimer = setTimeout("collapse('" + divName + "')", speed);
    }
    else {
        clearTimeout(iTimer);
        help.style.height = "100%";
        help.style.display = "none";
    }
}
function showDiv(divName) {
    var div = document.getElementById(divName);
    div.style.display = "block";
    calcHeight = div.offsetHeight;
    div.style.height = "0px";
}