function initFrontPageSlider(products)
{
    //set width of container to the width needed for all panels
    var panels = $('#frontpageslidercontainer>div');
    $('#frontpageslidercontainer').css('width', panels[0].offsetWidth * panels.length); //panelwidth * nrofpanels

    var selectedProductId = 'doesnotexist';
    var scroller = $('#frontpagesliderscroll');
    for (var i in products) {
        (function(productId) {
            //demolinks
            $('#productdemolink'+productId).colorbox({
                'width' :   '674px',
                'inline' :  true,
                'href' :    '#productdemo'+productId,
                'title' :   ''
            });
            //productlinks
            $('#productlink'+productId).click(function(e) {
                if (selectedProductId!=productId) {
                    $('#productlink'+selectedProductId).removeClass('selected');
                    $(this).addClass('selected');
                    scroller.scrollTo('#product'+productId, {
                        'duration': 500,
                        'axis': 'x',
                        'easing' : 'swing'
                    });

                  //Update benefits
                    $('#benefits'+selectedProductId).hide();
                    $('#benefits'+productId).show();
                    //fade effect for images
                    $('#benefitsimage'+selectedProductId).fadeOut(1000);
                    $('#benefitsimage'+productId).fadeIn(1000);

                    //Update product demo
                    $('#productdemotext'+selectedProductId).hide();
                    $('#productdemotext'+productId).show();
                    //fade effect for images
                    $('#productdemodemo'+selectedProductId).fadeOut(1000);
                    $('#productdemodemo'+productId).fadeIn(1000);

                    //Update customer stories
                    $('#customerstory'+selectedProductId).hide();
                    $('#customerstory'+productId).show();
                  //fade effect for images
                    $('#customerstoryimage'+selectedProductId).fadeOut(1000);
                    $('#customerstoryimage'+productId).fadeIn(1000);

                }
                selectedProductId = productId;
                e.preventDefault();
            });
        } )(products[i]);
    }
    $('#frontpageslidernavigation a:first').click();
} //function initFrontPageSlider