window.addEvent('domready', function() {
    carouselItems = $$('.screenOrVideo');
    if (0==carouselItems.length) {return;}

    clone = carouselItems[0].getElement('.screenOrVideoBig').clone();
    if (!clone) return;
    clone.replaces($('showCarouselItem').getChildren()[0]);

    // fill the placeholder with the first element
    carouselItemsContainer = $('carousel_items_container');
    for (i=0; i<carouselItems.length; i++) {
        carouselItemsContainer.adopt(carouselItems[i]);

        carouselItems[i].addEvent('click', function(){
            clone = (this.getElement('.screenOrVideoBig').clone());
            if (!clone) return;
            clone.replaces($('showCarouselItem').getChildren()[0]);
        });
    }

    c1_w = carouselItems[0].getSize().x; // Carousal Item Width: 110px
    c1_n = carouselItems.length; // Total Number of Carousal Items: 12
    c1_pp = $('carousel_wrapper').getSize().x/c1_w; // Number of Carousal Items perpage: 5
    //var c1_marginFactor = 51;

    c1_sss = c1_w * c1_pp ; // sss = slide step size: 550px
    //c1_sss += c1_marginFactor ; //sss = slide step size
    var c1_ns = Math.ceil(((c1_w * c1_n)/c1_sss) + .5); //ns= number of slides

    //$$('#carousel_container').setStyle('display', 'block');
    var carousel = new MooCarousel('carousel_wrapper', 'carousel_items_container', 'carousel_moveleft', 'carousel_moveright', c1_ns, c1_sss, false);
});