function toggleItem(ev) {
    var el, div;
    if (typeof (event) == "undefined") {
        el = ev.currentTarget.firstChild;
        div = el.parentNode.nextSibling;
    }
    else {
        el = event.srcElement.firstChild;
        div = el.parentNode.nextSibling;
    }
    animatedcollapse.toggle(div.id);
    
}

$(document).ready(function() {

    //debugger
    var list = $("h3");
    for (var i = 0; i < list.length; i++) {
        var el = list[i];
        var div = el.nextSibling;
        div.id = "item" + (i + 1).toString();
        var hide = (el.getAttribute("hide") == null ? 1 : el.getAttribute("hide"));
        animatedcollapse.addDiv(div.id, 'fade=1,hide=' + hide );
        el.onclick = toggleItem;

    }

    animatedcollapse.ontoggle = function($, divobj, state) { //fires each time a DIV is expanded/contracted
        //$: Access to jQuery
        //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
        //state: "block" or "none", depending on state
        //alert("div toggled");
    }

    animatedcollapse.init();


});