﻿
function init() {
    blendImages('blendme', 100, 5000);
}
window.onload = init;

function OnLoad(sender, eventArgs) {
    var panelBar = sender;

    var allItems = panelBar.get_allItems();

    for (var i = 0; i < allItems.length; i++) {
        var panelItem = allItems[i];

        var imageElement = panelItem.get_imageElement();

        if (imageElement) {
            imageElement.AssociatedItem = panelItem;

            imageElement.onclick =
                function(e) {
                    if (!e) e = window.event;

                    if (this.AssociatedItem.get_expanded()) {
                        this.AssociatedItem.collapse();
                    }
                    else {
                        this.AssociatedItem.expand();
                    }

                    e.cancelBubble = true;

                    if (e.stopPropagation) {
                        e.stopPropagation();
                    }

                    return false;
                }
        }
    } 
}