﻿AdJS = {}

AdJS.toggleDIV = function (btn, divid, imgid) {
    var curr = document.getElementById(divid).style.height;
    var img = btn.childNodes[0].childNodes[1];
    var imgsource = img.src;

    if (curr == '150px') {
        document.getElementById(divid).style.height = '100%';
        img.src = imgsource.replace('expand.png', 'collapse.png');
    } else {
        document.getElementById(divid).style.height = '150px';
        img.src = imgsource.replace('collapse.png', 'expand.png');
    }
}

AdJS.toggleDIVDesc = function (pnl, btn, divid, imgid) {
    var curr = document.getElementById(divid).style.display;
    var img = btn.childNodes[0].childNodes[1];
    var imgsource = img.src;
    /*
    below - haven't been able to figure out how to get div's proper id via server side
    */
    var parentcontainer = btn.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
   
    if (curr == 'none') {
        parentcontainer.style.height = '100%';
        document.getElementById(divid).style.display = 'block';
        img.src = imgsource.replace('expand.png', 'collapse.png');
    } else {
        parentcontainer.style.height = '180px';
        document.getElementById(divid).style.display = 'none';
        img.src = imgsource.replace('collapse.png', 'expand.png');
        
    }
}

