function paintPlayer(playerUrl, title, width, height) {
    var player = new WMPObject(playerUrl, "P4Player", width, height)
    player.addParam("AutoPlay", "true");
    player.addParam("ShowStatusBar", "false");
    player.addParam("ShowDisplay", "false");
    player.addParam("uiMode", "full");
    player.write("playerObj");
    $("playerObj").show();

    $("videoImageText").show(); // Show video image text
    $("videoImageText").innerHTML = title;  // Set video image text based on video title
    $("storyImageWrapper").hide();  // Hide story image wrapper (image and image text)
}

function OnPlayStateChange(NewState) {
    if (NewState == 10 || NewState == 1) {
        $("playerObj").hide();
        $("videoImageText").hide();
        $("storyImageWrapper").show();
    }
}

function OnEndOfStream(result) {
    OnPlayStateChange(10);
}

var iNavigateLeft = 0;
var iNavigateRight = 0;
var bCancelNavigate = true;

function navigateVideoMenuLeft() {
    bCancelNavigate = false;
    iNavigateLeft = window.setTimeout("NavigateVideoMenu(1)", 10);
}
function navigateVideoMenuRight() {
    bCancelNavigate = false;
    iNavigateRight = window.setTimeout("NavigateVideoMenu(2)", 10);
}
function NavigateVideoMenu(type) {
    if (!bCancelNavigate) {
        if (type == 1) {
            // Navigate left
            $("videoplayerMenu").scrollLeft -= 2;
            iNavigateLeft = window.setTimeout("NavigateVideoMenu(1)", 10);
        }
        if (type == 2) {
            // Navigate right
            $("videoplayerMenu").scrollLeft += 2;
            iNavigateRight = window.setTimeout("NavigateVideoMenu(2)", 10);

        }
    }
}
function cancelNavigate() {
    window.clearTimeout(iNavigateLeft);
    window.clearTimeout(iNavigateRight);
}