////////////////////////////////////////////////////////////////////////////////
// SpeakerInfoAnchor

SpeakerInfoAnchor = function(card, index) {
    this._card = card;
    this._index = index;
    this._element = $(this._card.ID + 'SpeakerInfoImage' + this._index);
    this._element.observe('mouseover', Function.createDelegate(this, function(sender, args) {
        this._element.setAttribute('src', this._card.ImageBase + '/presenterInfoOver.gif');
    }));
    this._element.observe('mouseout', Function.createDelegate(this, function(sender, args) {
        this._element.setAttribute('src', this._card.ImageBase + '/presenterInfo.gif');
    }));
    this._element.observe('mouseover', Function.createDelegate(this, function(sender, args) {
        $(this._card.ID + 'SpeakerInfoPopup' + this._index).style.display = 'block';
    }));
    $(this._card.ID + 'SpeakerInfoPopup' + this._index).observe('mouseout', Function.createDelegate(this, function(sender, args) {
        $(this._card.ID + 'SpeakerInfoPopup' + this._index).style.display = 'none';
    }));
    $(this._card.ID + 'SpeakerInfoPopup' + this._index).observe('mouseover', Function.createDelegate(this, function(sender, args) {
        $(this._card.ID + 'SpeakerInfoPopup' + this._index).style.display = 'block';
    }));
    $(this._card.ID + 'SpeakerInfoPopupInner' + this._index).observe('mouseout', Function.createDelegate(this, function(sender, args) {
        $(this._card.ID + 'SpeakerInfoPopup' + this._index).style.display = 'block';
    }));
}

SpeakerInfoAnchor.prototype = {
    _card: null,
    _index: 0,
    _element: null
}

////////////////////////////////////////////////////////////////////////////////
// PresentationCardPanel

PresentationCardPanel = function(container, containingWindow, id) {
    this.Container = container;
    this.ContainingWindow = containingWindow;
    this.ID = id;
    this._scrollDiv = $(this.ID + 'ScrollDiv');
    this._innerPadding = $(this.ID + 'InnerPadding');
    this._cardMore = $('PresentationCardAreaMore');
    this._presentersTextDiv = $(this.ID + 'PresentersText');

}
PresentationCardPanel.prototype = new Panel();
PresentationCardPanel.prototype.constructor = PresentationCardPanel;
PresentationCardPanel.prototype.baseClass = Panel.prototype.constructor;
PresentationCardPanel.prototype._scrollDiv = null;
PresentationCardPanel.prototype._innerPadding = null;
PresentationCardPanel.prototype._cardMore = null;
PresentationCardPanel.prototype._presentersTextDiv = null;
PresentationCardPanel.prototype._currentDimensions = null;
PresentationCardPanel.prototype._mouseoverDimensions = null;
PresentationCardPanel.prototype._isScrolling = false;
PresentationCardPanel.prototype._zIndexPrevious = 0;

PresentationCardPanel.prototype.create_BoundsInt = function() {
    return {};
}
PresentationCardPanel.prototype.get_scrollDiv = function() {
    return this._scrollDiv;
}
PresentationCardPanel.prototype.set_scrollDiv = function(value) {
    this._scrollDiv = value;
    return value;
}

PresentationCardPanel.prototype.get_currentDimensions = function() {
    return this._currentDimensions;
}
PresentationCardPanel.prototype.set_currentDimensions = function(value) {
    this._currentDimensions = value;
    return value;
}

PresentationCardPanel.prototype.get_mouseoverDimensions = function() {
    return this._mouseoverDimensions;
}
PresentationCardPanel.prototype.set_mouseoverDimensions = function(value) {
    this._mouseoverDimensions = value;
    return value;
}

PresentationCardPanel.prototype.OnLoad = function() {
    this._setPresentationCardTextItem($(this.ID + 'Title'), Localization.PresentationCardResource.DefaultTitle);

    if (!LayoutOptions.HideDateTime) {
        this._setPresentationCardTextItem($(this.ID + 'AirDateText'), "01/01/2000");
        this._setPresentationCardTextItem($(this.ID + 'AirTimeText'), "12:00");
    }
    this._setPresentationCardTextItem($(this.ID + 'DescriptionText'), Localization.PresentationCardResource.DefaultDescription);
    this._setPresentationCardTextItem($(this.ID + 'DurationLabel'), Localization.PresentationCardResource.Duration);
    this._setPresentationCardTextItem($(this.ID + 'DurationText'), "00:00:00");
    this._setPresentationCardTextItem($(this.ID + 'More'), Localization.PresentationCardResource.More);
    this._initializeZooming();
}

PresentationCardPanel.prototype.OnDataLoad = function() {
    this._initializeItems();
}

PresentationCardPanel.prototype._initializeItems = function() {
    this._setPresentationCardTextItem($(this.ID + 'Title'), Manifest.Title);

    if (!LayoutOptions.HideDateTime) {
        this._setPresentationCardTextItem($(this.ID + 'AirDateText'), Manifest.AirDate);
        this._setPresentationCardTextItem($(this.ID + 'AirTimeText'), Manifest.AirTime);
    }

    if (Manifest.Duration < 1) {
        this._setPresentationCardTextItem($(this.ID + 'DurationLabel'), '');
        this._setPresentationCardTextItem($(this.ID + 'DurationText'), '');
    }
    else {
        this._setPresentationCardTextItem($(this.ID + 'DurationText'), SfKernel.GetDisplayDuration(Manifest.Duration, true));
    }


    if (Manifest.Description == null || Manifest.Description.length < 1) {
        this._setPresentationCardTextItem($(this.ID + 'DescriptionText'), '');
    }
    else {
        this._setPresentationCardTextItem($(this.ID + 'DescriptionText'), SfKernel.EncodeHTML(Manifest.Description));
    }

    this._initializeSpeakers();
}

PresentationCardPanel.prototype._setPresentationCardTextItem = function(element, text) {
    if (text != null) {
        element.innerHTML = SfKernel.EncodeHTML(text);
    }
    else {
        element.innerHTML = "";
    }
}

PresentationCardPanel.prototype._initializeZooming = function() {
    this._currentDimensions = this.create_BoundsInt();
    this._currentDimensions.Top = window.parseInt(this.GetDiv().style.top);
    this._currentDimensions.Left = window.parseInt(this.GetDiv().style.left);
    this._currentDimensions.Width = window.parseInt(this.GetDiv().style.width);
    this._currentDimensions.Height = window.parseInt(this.GetDiv().style.height);
    this._mouseoverDimensions = this.create_BoundsInt();
    this._mouseoverDimensions.Width = window.parseInt(this.Mouseover_Width);
    this._mouseoverDimensions.Height = window.parseInt(this.Mouseover_Height);
    this._cardMore.observe('click', Function.createDelegate(this, this._toggleScrolling));
    this._cardMore.observe('mouseover', Function.createDelegate(this, this._moreMouseover));
    this._cardMore.observe('mouseout', Function.createDelegate(this, this._moreMouseout));
    var strZIndex = this.GetDiv();

    strZIndex = strZIndex.style.zIndex;
    if (!strZIndex) {
        this._zIndexPrevious = 0;
    }
    else {
        this._zIndexPrevious = window.parseInt(strZIndex);
    }
}

PresentationCardPanel.prototype._moreMouseover = function(sender, args) {
    // more button mouseover
    // change css class to mouseover version
}

PresentationCardPanel.prototype._moreMouseout = function(sender, args) {
    // more button mouseout
    // change css class to normal version
}

PresentationCardPanel.prototype._enableScrolling = function() {
    this._scrollDiv.style.overflowY = 'scroll';
    this._scrollDiv.style.overflowX = 'hidden';
}

PresentationCardPanel.prototype._disableScrolling = function() {
    this._scrollDiv.style.overflow = 'hidden';
    this._scrollDiv.style.overflowY = 'hidden';
    this._scrollDiv.style.overflowX = 'hidden';
}

PresentationCardPanel.prototype._toggleScrolling = function(sender, args) {
    if (this._scrollDiv.style.overflow == 'scroll' || this._scrollDiv.style.overflowY == 'scroll') {
        this._disableScrolling();
    }
    else {
        this._enableScrolling();
    }
}

PresentationCardPanel.prototype._initializeSpeakerPopups = function() {

    var len = Manifest.Presenters.length;
    for (var i = 0; i < len; ++i) {
        if (Manifest.Presenters[i].ImageUrl.length > 0) {
            new SpeakerInfoAnchor(this, i + 1);
        }
    }

    if (LayoutOptions) {
        var isCompact = (LayoutOptions.VideoWidth == '400' && LayoutOptions.SlideWidth == '360');
        if (LayoutOptions.DefaultPosition == 3 || LayoutOptions.DefaultPosition == 4 || isCompact) {
            var presenterPopupElements = $$('.speakerInfoPopupContainer');
            var presenterPopupInnerElements = $$('.speakerInfoPopup');
            var presenterPopupArrowElements = $$('.speakerInfoPopupArrow');
            for (var j = 0; j < presenterPopupElements.length; j++) {
                $(presenterPopupElements[j]).className = 'speakerInfoPopupContainerDown';
            }
            for (var k = 0; k < presenterPopupInnerElements.length; k++) {
                $(presenterPopupInnerElements[k]).className = 'speakerInfoPopupDown';
            }
            for (var l = 0; l < presenterPopupArrowElements.length; l++) {
                $(presenterPopupArrowElements[l]).className = 'speakerInfoPopupArrowDown';
            }
        }
    }

}

PresentationCardPanel.prototype._initializeSpeakers = function() {
    if (Manifest.Presenters.length < 1) {
        return;
    }

    this._addAllSpeakerNamesEtc();
    this._initializeSpeakerPopups();
}

PresentationCardPanel.prototype._addAllSpeakerNamesEtc = function() {
    var len = Manifest.Presenters.length;
    if (!len) {
        return;
    }
    for (var i = 1; i < len; ++i) {
        this._addSpeakerNameEtc(i, Manifest.Presenters[i - 1]);
    }
    this._addSpeakerNameEtc(len, Manifest.Presenters[len - 1]);
}

PresentationCardPanel.prototype._addSpeakerNameEtc = function(index, presenter) {
    var speakerElement = $(document.createElement('div'));
    speakerElement.setAttribute('id', this.ID + 'SpeakerInfoElement' + index);
    if (presenter.ImageUrl) {
        var imageElement = $(document.createElement('img'));
        imageElement.setAttribute('id', this.ID + 'SpeakerInfoImage' + index);
        imageElement.setAttribute('src', this.ImageBase + '/presenterInfo.gif');
        imageElement.className = 'cardPresenterInfoImage';
        this._addSpeakerInfoPopup(speakerElement, index, presenter);
        speakerElement.appendChild(imageElement);
    }

    if (presenter.BioUrl.length > 0) {
        var a = $(document.createElement('a'));
        speakerElement.appendChild(a);
        a.setAttribute('href', presenter.BioUrl);
        a.setAttribute('target', '_blank');
        a.appendChild(document.createTextNode(presenter.Name));
    }
    else {
        speakerElement.appendChild(document.createTextNode(presenter.Name));
    }
    this._presentersTextDiv.appendChild(speakerElement);
}

PresentationCardPanel.prototype._addSpeakerInfoPopups = function() {
    var len = Manifest.Presenters.length;
    for (var i = 0; i < len; ++i) {
        this._addSpeakerInfoPopup(i + 1, Manifest.Presenters[i]);
    }
}

PresentationCardPanel.prototype._addSpeakerInfoPopup = function(speakerElement, index, presenter) {
    var element = $(document.createElement('div'));
    speakerElement.appendChild(element);
    element.setAttribute('id', this.ID + 'SpeakerInfoPopup' + index);
    element.setStyle({ display: 'none', position: 'absolute' });
    element.className = 'speakerInfoPopupContainer';

    var arrowElement = $(document.createElement('div'));
    arrowElement.setAttribute('id', this.ID + 'SpeakerInfoPopupArrow' + index);
    arrowElement.className = 'speakerInfoPopupArrow';
    element.appendChild(arrowElement);

    var innerElement = $(document.createElement('div'));
    innerElement.setAttribute('id', this.ID + 'SpeakerInfoPopupInner' + index);
    innerElement.className = 'speakerInfoPopup';
    element.appendChild(innerElement);

    var imageContainer = $(document.createElement('div'));
    innerElement.appendChild(imageContainer);
    imageContainer.className = 'speakerInfoPopupImageContainer';

    if (presenter.ImageUrl.length > 0) {
        var imageElement = $(document.createElement('img'));
        imageElement.setAttribute('src', this._getSpeakerImageSrc(presenter));
        imageElement.className = 'speakerInfoPopupImage';
        imageElement.style.display = 'block';

        if (presenter.BioUrl.length > 0) {
            var a = $(document.createElement('a'));
            this._presentersTextDiv.appendChild(a);
            a.setAttribute('href', presenter.BioUrl);
            a.setAttribute('target', '_blank');
            a.appendChild(imageElement);
            imageContainer.appendChild(a);
        }
        else {
            imageContainer.appendChild(imageElement);
        }
    }
}

PresentationCardPanel.prototype._getSpeakerImageSrc = function(presenter) {
    return presenter.ImageUrl;
}

PresentationCardPanel.prototype.OnUnLoad = function() {
}