var elementCount = 1;
var centerElementId = 1;
var vId = '';
var videoStartIndex = 1;

function createYoutube(youTubeId) {
    $('#overlay').prepend('<div id="tframe"><iframe class="youtube-player" type="text/html" width="503" height="285" src="http://www.youtube.com/embed/' + youTubeId + '?rel=0&autoplay=1&hd=1" frameborder="0"></iframe></div>');
};

function featureCarouselMoveNext() {
    centerElementId++;
    if (centerElementId > elementCount) {
        centerElementId = 1;
    }
}

function featureCarouselMovePrev() {
    centerElementId--;
    if (centerElementId < 1) {
        centerElementId = elementCount;
    }
}

function setEducationGuideLink(centerIndex) {
    var educationGuideUrl = $('#carousel div:nth-child(' + centerIndex + ') educationguidelink').attr('src');
    if (educationGuideUrl.length > 0) {
        $('#educationguidelink').attr('href', educationGuideUrl);
        $('#educationguidelink').removeClass("hide");
    }
    else {
        $('#educationguidelink').removeAttr('href');
        $('#educationguidelink').addClass("hide");
    }
}

function setPersonalInterviewLink(centerIndex) {
    var personalInterviewUrl = $('#carousel div:nth-child(' + centerIndex + ') personalinterviewlink').attr('src');
    if (personalInterviewUrl.length > 0) {
        $('#personalinterviewlink').attr('href', personalInterviewUrl);
        $('#personalinterviewlink').removeClass("hide");
    }
    else {
        $('#personalinterviewlink').removeAttr('href');
        $('#personalinterviewlink').addClass("hide");
    }
}

function getVideoIndex(videoId) {
    var videoIndex = 1;
    var videosInCaruosel = $('#carousel div.videoelement').get();

    for (var i = 0; i < videosInCaruosel.length; i++) {
        if (parseInt(videoId) == parseInt($(videosInCaruosel[i]).attr('id'))) {
            videoIndex = i + 1;
        }
    }
    return videoIndex;
}

// Bind related videos to feature carousel scroll.
function mycarousel_initCallback(carousel) {
    jQuery('#carousel-right').bind('click', function () {
        carousel.next();
        featureCarouselMoveNext();
        setEducationGuideLink(centerElementId);
        setPersonalInterviewLink(centerElementId);
    });

    jQuery('#carousel-left').bind('click', function () {
        carousel.prev();
        featureCarouselMovePrev();
        setEducationGuideLink(centerElementId);
        setPersonalInterviewLink(centerElementId);
    });
};
$(document).ready(function () {
    vId = $.url().param("vid");
    videoStartIndex = getVideoIndex(vId);
    elementCount = $('#carousel').children().length;
    $("#carousel").featureCarousel({
        trackerIndividual: false,
        trackerSummation: false,
        carouselSpeed: 1000,
        autoPlay: 0, //8000,
        stopOnHover: true,
        startingFeature: videoStartIndex,
        movedToCenter: function ($feature) {
            setEducationGuideLink(centerElementId);
            setPersonalInterviewLink(centerElementId);
        }
    });

    var maskColor = '#F5B508';
    $('img[rel]').overlay({
        mask: maskColor,
        onClose: function () {
            $('#tframe').remove();
        }
    });

    $('#mycarousel').jcarousel({
        scroll: 1,
        wrap: 'circular',
        animation: 'slow',
        start: videoStartIndex,
        initCallback: mycarousel_initCallback
    });

    $('#carousel #carouselright').click(function () {
        alert('Handler for .click() called.');
    });

});