//Override YTD function to enable scrolling on iFrame
Ytd.prototype.embed = function () {
    $('.ytd_video_frame').show();
    var loadingElement = document.createElement('div');
    //loadingElement.innerHTML = 'Loading... please wait.';
    loadingElement.className = 'ytd_loading_message';
    var iframeElement = document.createElement('iframe');
    iframeElement.width = this.width + 'px';
    iframeElement.height = this.height + 'px';
    iframeElement.style.border = '0px solid gray';
    iframeElement.scrolling = 'yes';
    iframeElement.frameBorder = '0';
    iframeElement.style.backgroundColor = 'white';
    iframeElement.id = 'youtubeIframe';

    var hideLoadingFunction = function () {
        loadingElement.style.display = 'none';
        $('.youtube_panel_close').show();
    };

    if (iframeElement.addEventListener) {
        iframeElement.addEventListener('load', hideLoadingFunction, false);
    } else if (iframeElement.attachEvent) {
        iframeElement.attachEvent('onload', hideLoadingFunction);
    }

    this.articleUrl = this.articleUrl || document.location.href;
    // remove hash link
    this.articleUrl = this.articleUrl.replace(/#.+$/, '');

    var iframeUrl = 'http://' + getScriptSelfDomain() + '/embed?articleUrl=' + escape(this.articleUrl)
      + '&assignmentId=' + this.assignmentId + '&width=' + this.width + '&height=' + this.height +
      '&sessionId=' + this.sessionId;
    iframeElement.src = iframeUrl;

    var iframeContainer = document.getElementById(this.ytdContainer);
    iframeContainer.innerHTML = '';
    iframeContainer.appendChild(loadingElement);
    iframeContainer.appendChild(iframeElement);
};


$(document).ready(function () {
    $('.youtube_panel_close').click(function () {
        $('#youtubeIframe').remove();
        $('.ytd_video_frame').hide();
        $('#youTubeUpload').show();
        $(this).hide();
    });
    var ytd = new Ytd();
    ytd.setAssignmentId(youTubeCategoryId);
    ytd.setCallToAction("youTubeUpload");
    var containerWidth = 377, containerHeight = 241;
    ytd.setYtdContainer("ytdContainer", containerWidth, containerHeight);
    ytd.ready();
});