﻿$(document).ready(function () {
    try {
        //        if ($('#fragment-1 div.info-video div')) {
        //            embedSWF('#fragment-1');
        //        }
        embedSWF('#fragment-1');
    }

    catch (er) {

    }
    $('#slider1').bxSlider({
        mode: 'fade',                 // 'horizontal', 'vertical', 'fade'
        infiniteLoop: true,                 // true, false - display first slide after last
        hideControlOnEnd: false,            // true, false - if true, will hide 'next' control on last slide and 'prev' control on first
        controls: false,                     // true, false - previous and next controls
        speed: 500,                         // integer - in ms, duration of time slide transitions will occupy
        easing: 'swing',                    // used with jquery.easing.1.3.js - see http://gsgd.co.uk/sandbox/jquery/easing/ for available options
        pager: false,                        // true / false - display a pager
        pagerSelector: null,                // jQuery selector - element to contain the pager. ex: '#pager'
        pagerType: 'full',                  // 'full', 'short' - if 'full' pager displays 1,2,3... if 'short' pager displays 1 / 4
        pagerLocation: 'bottom',            // 'bottom', 'top' - location of pager
        pagerShortSeparator: '/',           // string - ex: 'of' pager would display 1 of 4
        pagerActiveClass: 'pager-active',   // string - classname attached to the active pager link
        nextText: 'next',                   // string - text displayed for 'next' control
        nextImage: '',                      // string - filepath of image used for 'next' control. ex: 'images/next.jpg'
        nextSelector: null,                 // jQuery selector - element to contain the next control. ex: '#next'
        prevText: 'prev',                   // string - text displayed for 'previous' control
        prevImage: '',                      // string - filepath of image used for 'previous' control. ex: 'images/prev.jpg'
        prevSelector: null,                 // jQuery selector - element to contain the previous control. ex: '#next'
        captions: false,                    // true, false - display image captions (reads the image 'title' tag)
        captionsSelector: null,             // jQuery selector - element to contain the captions. ex: '#captions'
        auto: true,                        // true, false - make slideshow change automatically
        autoDirection: 'next',              // 'next', 'prev' - direction in which auto show will traverse
        autoControls: false,                // true, false - show 'start' and 'stop' controls for auto show
        autoControlsSelector: null,         // jQuery selector - element to contain the auto controls. ex: '#auto-controls'
        autoStart: true,                    // true, false - if false show will wait for 'start' control to activate
        autoHover: false,                   // true, false - if true show will pause on mouseover
        autoDelay: 0,                       // integer - in ms, the amount of time before starting the auto show
        pause: 2000,                        // integer - in ms, the duration between each slide transition
        startText: 'start',                 // string - text displayed for 'start' control
        startImage: '',                     // string - filepath of image used for 'start' control. ex: 'images/start.jpg'
        stopText: 'stop',                   // string - text displayed for 'stop' control
        stopImage: '',                      // string - filepath of image used for 'stop' control. ex: 'images/stop.jpg'
        ticker: false,                      // true, false - continuous motion ticker mode (think news ticker)
        // note: autoControls and autoControlsSelector apply to ticker!
        tickerSpeed: 5000,                  // integer - has an inverse effect on speed. therefore, a value of 10000 will 
        // scroll very slowly while a value of 50 will scroll very quickly.
        tickerDirection: 'next',            // 'next', 'prev' - direction in which ticker show will traverse
        tickerHover: false,                 // true, false - if true ticker will pause on mouseover
        wrapperClass: 'bx-wrapper',         // string - classname attached to the slider wraper
        startingSlide: 0,                   // integer - show will start on specified slide. note: slides are zero based!
        displaySlideQty: 1,                 // integer - number of slides to display at once
        moveSlideQty: 1,                    // integer - number of slides to move at once
        randomStart: false,                // true, false - if true show will start on a random slide
        onAfterSlide: function (currentSlide, totalSlides) {
            var nextSlide = 1;

            if ((currentSlide + 1) != totalSlides) {
                nextSlide = nextSlide + 1;
            }

            embedSWF("#fragment-" + nextSlide)
        }
    });

});


function embedSWF(fragmentID) {
    var youtubeID = $(fragmentID).find('div.info-video div').attr('id');

    if (youtubeID) {
        var params = { allowScriptAccess: "always" };

        var atts = { id: youtubeID };

        swfobject.embedSWF("http://www.youtube.com/v/" + youtubeID + "&rel=0&autoplay=0&enablejsapi=1&playerapiid=ytplayer", youtubeID, "494", "285", "8", null, null, params, atts);
        //stopVideos(youtubeID);
    }
}

function stopVideos(youtubeID) {
    $("div.info-video object").each(function () {
        if (this.id != youtubeID) {
            if (this.getPlayerState() == 1) {
                this.pauseVideo();
            }
        }
    });
}

