function loadContentTop(content, clickedon) {

    if(clickedon) {
        clearInterval(cycle.cycleInterval);
    }

    $$('.buttonPackage').invoke("down", "a").invoke("removeClassName", "activePackage");
    $('package_'+content).down("a").addClassName('activePackage');

    if($('contentTop-' + content)) {
        if(!$('contentTop-' + content).visible()) {
            $('contentTop-' + content).appear({duration:0.5}).siblings().invoke('fade', {duration:0.5});
        }
    }
    else {
        new Ajax.Request('../site_includes/get_content.php', {
            method: 'get',
            parameters: 'content=' + content,
            onComplete: function(t) {
                var newContentTop = new Element('div',{
                    id: 'contentTop-' + content,
                    'class':'content-top-item',
                    style: 'display:none'
                });
                newContentTop.update(t.responseText);
                $('contentTop').insert(newContentTop);
                newContentTop.appear({duration:0.5}).siblings().invoke("fade", {duration:0.5});
            }
        });
    }
}

var cycle = {
    pages : ["mod_ecommerce","mod_uploader","mod_bulk_print","mod_stationery_ordering","mod_designer","mod_job_bag"],
    pageCount : 0,
    cycleHome: function() {
        loadContentTop(this.pages[this.pageCount]);
        //return false;
        this.pageCount ++;
        if(this.pageCount > this.pages.length-1) {
            this.pageCount = 0;
        }
    }
}

document.observe("dom:loaded", function() {
    cycle.cycleInterval = setInterval("cycle.cycleHome()", 4000);
});