var TKAnimationActiveID = "";

/**
 *
 * @access public
 * @return void
 **/
function TKLoadAnimation() {
    if ($("product_flow")) {
        var products = $$('div.product_item');
        var linkID = "l" + products[0].id;
        $(linkID).className = "act";
        TKAnimationActiveID = products[0].id;
        for (var i=1; i<products.length; i++) {
            products[i].hide();
        }
    }
    $('animation_hidden').className="show";
    $('animation_hidden').show();
    var aktiv = window.setTimeout("blendNext()",8000);
}
addOnLoadEvent(TKLoadAnimation);

var aktiv = false;

/**
 * Box einblenden
 *
 * @access public
 * @return void
 *
 */
function TKBlend(id, clicked) {
    if (id != TKAnimationActiveID) {
        $("l" + id).className="act";
        id = $(id);
        id.hide();
        //Effect.SlideDown(TKAnimationActiveID);
        Effect.Appear(id, {duration: 0.8});
        Effect.Fade(TKAnimationActiveID, {duration: 0.6});
        $("l" + TKAnimationActiveID).className="";
        TKAnimationActiveID=id.id;
        window.clearTimeout(aktiv);
        if (clicked != 1) {
            aktiv = window.setTimeout("blendNext()",8000);
        }
    }
    return false;
}

/**
 *
 * @access public
 * @return void
 **/
function getNextID() {
    var next = $(TKAnimationActiveID).next();
    if (!next) {
        next = $(TKAnimationActiveID).up().up().down();
    } else if (next.id == "animation_hidden") {
        next = next.down();
    }
    return next.id;
}

/**
 *
 * @access public
 * @return void
 **/
function blendNext() {
    TKBlend(getNextID());
}