Sys.Application.add_load(PageLoad);

var cpe1_Collapsed = true;
var cpe2_Collapsed = true;
var cpe3_Collapsed = true;

var linkUpCss = 'CollapseExpandPanelLink';
var linkDownCss = 'CollapseExpandPanelLinkDown';
var imgUpPath = 'http://assets.seamlessdev.com/sdiweb/accordion-button-up.jpg';
var imgDownPath = 'http://assets.seamlessdev.com/sdiweb/accordion-button-down.jpg';

function PageLoad() {
    var cpeCP1 = $find("cpe1");
    
    cpeCP1.add_expandComplete(ExpandCPE1);
    cpeCP1.add_collapseComplete(CollapseCPE1);
}

function ExpandCPE1(sender, args) {
    document.getElementById('img1').src = imgDownPath;
    //document.getElementById('lb1').className = linkDownCss;
    cpe1_Collapsed = false;
}

function CollapseCPE1(sender, args) {
    document.getElementById('img1').src = imgUpPath;
    //document.getElementById('lb1').className = linkUpCss;
    cpe1_Collapsed = true;
}

function MouseHoverCPE1() {
    document.getElementById('img1').src = imgDownPath;
    //document.getElementById('lb1').className = linkDownCss;
}

function MouseOutCPE1() {
    // Only reset if we are collapsed.
    if (cpe1_Collapsed == true) {
        document.getElementById('img1').src = imgUpPath;
        //document.getElementById('lb1').className = linkUpCss;
    }
}