var TINY = {};

function T$(i) { return document.getElementById(i) }
function T$$(e, p) { return p.getElementsByTagName(e) }

TINY.accordion = function() {
    function slider(n) { this.n = n; this.a = [] }
    slider.prototype.init = function(t, e, m, o, k) {
        var a = T$(t), i = s = 0, n = a.childNodes, l = n.length; this.s = k || 0; this.m = m || 0;
        for (i; i < l; i++) {
            var v = n[i];
            if (v.nodeType != 3) {
                this.a[s] = {}; this.a[s].h = h = T$$(e, v)[0]; this.a[s].c = c = T$$('div', v)[0]; h.onclick = new Function(this.n + '.pr(0,' + s + ')');
                if (o == s) { h.className = this.s; c.style.height = 'auto'; c.d = 1 } else { c.style.height = 0; c.d = -1 } s++
            }
        }
        this.l = s
    };
    slider.prototype.pr = function(f, d) {
        for (var i = 0; i < this.l; i++) {
            var h = this.a[i].h, c = this.a[i].c, k = c.style.height; k = k == 'auto' ? 1 : parseInt(k); clearInterval(c.t);
            if ((k != 1 && c.d == -1) && (f == 1 || i == d)) {
                c.style.height = ''; c.m = c.offsetHeight; c.style.height = k + 'px'; c.d = 1; h.className = this.s; su(c, 1)
            } else if (k > 0 && (f == -1 || this.m || i == d)) {
                c.d = -1; h.className = ''; su(c, -1)
            }
        }
    };
    function su(c) { c.t = setInterval(function() { sl(c) }, 20) };
    function sl(c) {
        var h = c.offsetHeight, d = c.d == 1 ? c.m - h : h; c.style.height = h + (Math.ceil(d / 5) * c.d) + 'px';
        c.style.opacity = h / c.m; c.style.filter = 'alpha(opacity=' + h * 100 / c.m + ')';
        if ((c.d == 1 && h >= c.m) || (c.d != 1 && h == 1)) { if (c.d == 1) { c.style.height = 'auto' } clearInterval(c.t) }
    };
    return { slider: slider }
} ();


var firstChecker = 0;
        var secondChecker = 0;
        var thirdChecker = 0;
        function switchImage(id) {
            switch (id) {
                case 'first':
                    firstChecker = firstChecker + 1;
                    secondChecker = 0;
                    thirdChecker = 0;
                    first.src = 'images/system/ICON-acc-arrw-up.png';
                    if (firstChecker == 2) {
                        first.src = 'images/system/ICON-acc-arrw-down.png';
                        firstChecker = 0;
                    }
                    second.src = 'images/system/ICON-acc-arrw-down.png';
                    third.src = 'images/system/ICON-acc-arrw-down.png';
                    break;
                case 'second':
                    firstChecker = 0;
                    secondChecker = secondChecker + 1;
                    thirdChecker = 0;
                    second.src = 'images/system/ICON-acc-arrw-up.png';
                    if (secondChecker == 2) {
                        secondChecker = 0;
                        second.src = 'images/system/ICON-acc-arrw-down.png';
                    }
                    first.src = 'images/system/ICON-acc-arrw-down.png';
                    third.src = 'images/system/ICON-acc-arrw-down.png';
                    break;
                case 'third':
                    firstChecker = 0;
                    secondChecker = 0;
                    thirdChecker = thirdChecker + 1;
                    third.src = 'images/system/ICON-acc-arrw-up.png';
                    if (thirdChecker == 2) {
                        thirdChecker = 0;
                        third.src = 'images/system/ICON-acc-arrw-down.png';
                    }
                    first.src = 'images/system/ICON-acc-arrw-down.png';
                    second.src = 'images/system/ICON-acc-arrw-down.png';
                    break;
            }
        }
		
		
		var parentAccordion = new TINY.accordion.slider("parentAccordion");
        parentAccordion.init("acc2", "span", 0, 0);

        var nestedAccordion = new TINY.accordion.slider("nestedAccordion");
        nestedAccordion.init("nested2", "span", 1, -1, "acc-selected");