var _sEc = 0;
$(document).ready(function() {

    try {
        var cycleCount = 0;
        var slide = -1;
        $('#cycle li').each(function() {
            $('#cyclenav').append('<div class="navitem" rel="' + cycleCount + '"></div>');
            cycleCount += 1;
        });
        cycleCount = 0;
        $('#cycle').cycle({
            fx: 'fade',
            speed: 5000,
            timeout: 2000,
            before: function(curr, next, opts) {
                //console.log("before=slide:" + curr + "-" + $(next) + "-" + opts.currSlide);
                $('.navitem').removeClass("navitemSelected");
                if (cycleCount == 0) {
                    $('.navitem[rel=0]').addClass('navitemSelected');
                }
                else if (slide != -1) {
                    $('.navitem[rel=' + slide + ']').addClass('navitemSelected');
                }
                else if (opts.currSlide + 1 == opts.slideCount) {
                    $('.navitem[rel=0]').addClass('navitemSelected');
                }
                else {
                    $('.navitem[rel=' + (opts.currSlide + 1) + ']').addClass('navitemSelected');
                }
                cycleCount += 1;
                slide = -1;
            }
        });
        //$('#cycle').hover(function() {
            //PlayPause(); return false;
        //}, function() {
            //PlayPause(); return false;
        //});
        $('#playpause').click(function() {
            PlayPause();
            return false;
        });
        $('.navitem').click(function() {
            slide = $(this).attr("rel");
            $('.navitem').removeClass("navitemSelected");
            $('.navitem[rel=' + slide + ']').addClass('navitemSelected');
            $('#cycle').cycle(parseInt(slide));
        });
    }
    catch (err) { }

    $('.section').eq(0).show();
    setTimeout("VendorRotation();", 4000);  

});

function VendorRotation() {
    $('.section').fadeOut(2000);
    if (_sEc < $('.section').length - 1) {
        _sEc++;
    }
    else {
        _sEc = 0;
    }
    $('.section').eq(_sEc).fadeIn(2000);   
    setTimeout("VendorRotation();", 4000);
}

function PlayPause() {

    if ($('#playpause span').text() == "play") {
        $('#playpause span').text("pause");
        $('#playpause').removeClass("play");
        $('#playpause').addClass("pause");
        $('#cycle').cycle('resume');
    }
    else {
        $('#playpause span').text("play");
        $('#playpause').removeClass("pause");
        $('#playpause').addClass("play");
        $('#cycle').cycle('pause');
    }
    
}