document.onkeydown = onkeysubmit;
function onkeysubmit(evt) {
    evt = (evt) ? evt : ((event) ? event : null);
    if (evt) {
        if (evt.keyCode == 27) { try { window['Player'].stop(); } catch (e) { }; return false; }
    }
}

var VideoIndex = 1;
function VideoStart(pIndex) {
    funkclick = true;
    var playerStart = document.getElementById('playerStart');
    if (playerStart)
        playerStart.style.visibility = 'hidden';
    if (typeof (pIndex) == "undefined")
        pIndex = VideoIndex;
    else
        VideoIndex = pIndex;
    createPlayer(VideoIndex, window['url'])
}



var url = new Array();
url.push(''); //0
url.push(''); //1
url.push(''); //2
url.push(''); //3
url.push(''); //4
url.push(''); //5
url.push(''); //6
url.push(''); //7
url.push(''); //8

var ZoomedX = 750;
var ZoomedY = 470;

var isplayer = new Array();
isplayer.push(true);
isplayer.push(false);
isplayer.push(false);
isplayer.push(false);
isplayer.push(false);
isplayer.push(false);
isplayer.push(false);
isplayer.push(false);
isplayer.push(false);

function PlayerAnim1(pAction) {
    if (typeof (pAction) == "undefined")
        pAction = "";
    PlayerMax = false;
    try { window['Player'].getPlugin("content").hide(); } catch (e) { }
    try { window['Player'].getPlugin("controls").hide(); } catch (e) { }
    window['Player'].getScreen().animate({ left: 0, top: 0, width: 208, height: 177 }, function() { window['Player'].getParent().style.width = ''; window['Player'].getParent().style.height = ''; BigPanel(false); eval(pAction); }, 1000);      //
 }
 function PlayerFinish() {
     var playerStart = document.getElementById('playerStart');
     if (playerStart)
         playerStart.style.visibility = url[VideoIndex] > '' ? 'visible' : 'hidden';
     DoClosePlayer = true;
     var onscript = "window['Player'].hide();";
     try {
         if ("2,3".indexOf(window['Player'].getState().toString()) >= 0)
             onscript = "window['Player'].stop();" + onscript;
     } catch (e) { }
     if (PlayerMax)
         PlayerAnim1(onscript);
     else {
         try { eval(onscript) } catch (e) { }
     }
 }
 function PlayerStop() {
     var playerStart = document.getElementById('playerStart');
     if (playerStart)
         playerStart.style.visibility = url[VideoIndex] > '' ? 'visible' : 'hidden';

     DoClosePlayer = true;
     if (PlayerMax)
         PlayerAnim1("window['Player'].hide();");
     else {
         try {window['Player'].hide(); } catch (e) { }
     }
 }

 function PlayerAnim2() {
    PlayerMax = true;
//    try { window['Player'].show(); } catch (e) { }
    var Panel = window['Player'].getParent();
    Panel.style.width = ZoomedX.toString()+'px';
    Panel.style.height = ZoomedY.toString() + 'px';
    BigPanel(true);
    try { window['Player'].getPlugin("controls").show(); } catch (e) { }
    window['Player'].getScreen().animate({ left: 0, top: 0, width: ZoomedX, height: ZoomedY }, function() { if (window['DoClosePlayer']) { window['DoClosePlayer'] = false; window['Player'].stop(); } }, 1000);
}
var PlayerPaused = false;
var PlayerInfo = false;
var PlayerMax = false;
var DoClosePlayer = false;

function BigPanel(pWert) {

    var playerClose = document.getElementById('playerClose');
    var GrPanel = document.getElementById('playerGR');
    if (pWert) {
        GrPanel.style.visibility = 'visible';
        GrPanel.style.width = '300px';
        GrPanel.style.width = '400px';
        GrPanel.style.width = '500px';
        GrPanel.style.width = '600px';
        GrPanel.style.width = '786px';
        playerClose.style.visibility = 'visible';
    }
    else {
        playerClose.style.visibility = '';
        GrPanel.style.width = '600px';
        GrPanel.style.width = '500px';
        GrPanel.style.width = '400px';
        GrPanel.style.width = '300px';
        GrPanel.style.width = '205px';
        GrPanel.style.visibility = '';
    }
}
var Player = null;
function createPlayer(pNr, pArr) {
    DoClosePlayer = false;
    try{ window['Player'].unload();}catch(e){}
    if (isplayer[pNr] == false) {
        var ProjectName = "myTransoffice";
        var PlayerColor = '#BBBBBB';
        var ControlColor = '#555555';

        // onPause: PlayerAnim1,onResume: PlayerAnim2, onBegin: PlayerAnim1,
        var ClipConfig = { url: pArr[pNr], autoPlay: true, scaling: 'fit', onFinish: PlayerFinish, onStop: PlayerStop,
            onCuepoint: [[1, 300, 2000, 3000, 7000],
                function(clip, cuepoint) {
                    if (!PlayerPaused) {
                        window['Player'].pause(); window['Player'].getParent().style.top = ''; PlayerPaused = true;
                    }
                    if (cuepoint > 1) {
                        if (!PlayerMax)
                            PlayerAnim2();
                        else if (typeof (window['Player']) != "undefined") {
                        if (window['Player'].getScreen().height < 178)
                                PlayerAnim2();
                        }
                    }
                    if (cuepoint == 3000 & !PlayerInfo) {
                        PlayerInfo = true; window['Player'].getPlugin("content").show(); window['Player'].getPlugin("content").setHtml(Durationstring.replace('XX', Math.round(clip.duration).toString()));
                    } else {
                        try { window['Player'].getPlugin("content").hide(); } catch (e) { }
                    }
                }
            ]
        };
        var CanvasConfig = { backgroundColor: PlayerColor, backgroundGradient: 'none' };
        var ControlConfig = { controls: { backgroundColor: ControlColor, backgroundGradient: 'high' }, content: { url: 'start/flowplayer.content-3.1.0.swf', left: 150, height: 35, width: '60%', style: { div: { fontSize: 20, textAlign: 'center'}}} };      //  { controls: { backgroundColor: ControlColor, backgroundGradient: 'high'} };   
//        var LogoConfig={url: 'IMG/myTransoffice-Logo-weiss.png', top: 20, right: 20,  opacity: 0.4, width: '6.5%', height: '6.5%', fullscreenOnly: false,   displayTime: 3, fadeSpeed: 1, linkUrl: 'http://flowplayer.org', displayTime: 2000 }

        var PlayerConfig = { clip: ClipConfig, canvas: CanvasConfig, plugins: ControlConfig, onBeforeKeyPress: function(key) { Player.stop(); } };   //, key: '#$c3c366926fb8d35de35' 
        var Panel = document.getElementById('player'); // + pNr.toString()

        if (Panel!=null & url[VideoIndex]>'')
        {
            Panel.style.width = '';
            Panel.style.height = '';
            PlayerPaused = true;
            PlayerInfo = false;
            PlayerMax = false;
            //Panel.style.top = '-1000px';
            document.getElementById('playerGR').style.visibility = '';
            if (Player != null) {
                Player.unload();
            }
            Player = flowplayer('player', 'start/flowplayer-3.1.0.swf', PlayerConfig); //flowplayer.commercial-3.1.0.swf
            Player.onLoad(function() {
                window['Player'].seek(0);
                try { window['Player'].getPlugin("content").hide(); } catch (e) { }
                try { window['Player'].getPlugin("controls").hide(); } catch (e) { }
            });


            Player.onError(function() {
                window['Player'].unload();
            });
            //setTimeout('document.getElementById("player").style.top="";',2000);
            isplayer[pNr] = false;
        }
    }
}