$(window).load(function () {
    $('head').append('<link type="text/css" href="/siteflow/styles/slideshow.css" rel="stylesheet">');

    $('.auto_slideshow').cycle({ 
        fx: 'fade', 
        speed: 500, 
        timeout: 3000, 
        next: '.slideshow', 
        pause: 1 ,
        after: function() {
            var options = arguments[2];
            var slide_no = options.currSlide + 1;
            $('#slidecounter').html(slide_no + " of " + options.slideCount);
        }
    });

    $('.slideshow').cycle({ 
        fx: 'fade', 
        timeout: 0, 
        next: 'a#ssnext', 
        prev: 'a#ssprev', 
        after: function() {
            var options = arguments[2];
            var slide_no = options.currSlide + 1;
            $('#slidecounter').html(slide_no + " of " + options.slideCount);
        }
    });
});