﻿
function ChangeItem(selectedId, largeImgUrl, largeImageCaption, smallImgUrl,smallImageCaption, textLines, preItem, nextItem) {


    $('.leftMenuItemSelected').attr("class", "leftMenuItem");

    $('#' + selectedId).attr("class", "leftMenuItemSelected");

    ChangeLargePicture(largeImgUrl, largeImageCaption);
    ChangeSmallImage(smallImgUrl, smallImageCaption);
    ChangeSideText(textLines);

    ChangeNavigationControlls(function() { preItem.click(); }, function() { nextItem.click(); })
}

function ChangeLargePicture(largeImageUrl, largeImageCaption) {
    $('.image').attr('src', largeImageUrl);
    $('.image').attr('alt', largeImageCaption);
}

function ChangeSmallImage(smallImageUrl, smallImageCaption) {

    if (smallImageUrl == null || smallImageUrl == '') {
        $('.sideImageFullSize').css('display', 'none');
    }
    else {
        $('.sideImageFullSize').css('display', 'block');
        $('.sideImageFullSize').attr('src', smallImageUrl);
        $('.sideImageFullSize').attr('alt', smallImageCaption);
    }
}

function ChangeSideText(textLines) {
    var newInnerHtml = '';

    if (textLines.length > 0) {
        newInnerHtml = textLines[0];

        for (var i = 1; i < textLines.length; i++) {
            newInnerHtml += '<br />' + textLines[i];
        }
    }
    //Clear current text
    $('.sideTextFullSize').html(newInnerHtml);
}

function ChangeNavigationControlls(preFunc, nextFunc) {

    $('#upArrow').unbind();
    $('#downArrow').unbind();
    $('#upArrow').click(preFunc);
    $('#downArrow').click(nextFunc);
}
 

