var slidedelay = 5;
slidedelay = slidedelay * 1000;

$(document).ready(function(){
    var started = false;

    if(!(jQuery.browser.msie && jQuery.browser.version < 7))
    {
    $('#homeSlideshow .slide:first').fadeIn(1000, function() {
        $('#homeSlideshow').cycle({
            fx:             'fade',
            timeout:         slidedelay ,
            speed:           1000,
            pause:           1,
            sync:            1,
            before:        onBefore,
            after:         onAfter
        });
    });
    
    }
    else
    {
    $('#homeSlideshow .slide:first').fadeIn(1000, function() {
        $('#homeSlideshow').cycle({
            fx:             'fade',     // name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle) 
            timeout:         slidedelay ,      // milliseconds between slide transitions (0 to disable auto advance) 
            speed:           1000,      // speed of the transition (any valid fx speed value) 
            pause:           1,         // true to enable "pause on hover"
            sync:            1,         // true if in/out transitions should occur simultaneously 
            before:        onBeforeIE6,    // transition callback (scope set to element to be shown) 
            after:         onAfterIE6     // transition callback (scope set to element that was shown)
      });
    });  
    }

    function onBefore() { 
        if(started)
            $('.slidetextcontainer').animate({bottom:'-160px'}, 500); 
    };

    function onAfter() {         
        $('.slidetextcontainer').animate({bottom:'0px'}, {duration: 1000});
        started = true;
    };

    function onBeforeIE6() { 
        if(started)
            $('.slidetextcontainer').css({bottom:'-160px'});
    };

    function onAfterIE6() {         
        $('.slidetextcontainer').css({bottom:'0px'});
        started = true;
    };
});