/****************************************************************************
* JW WMV Player version 1.1, created with M$ Silverlight 1.0
*
* This file contains all logic for the JW WMV Player. For a functional setup,
* the following two files are also needed:
* - silverlight.js (for instantiating the silverlight plugin)
* - wmvplayer.xaml (or another XAML skin describing the player graphics)
*
* More info: http://www.jeroenwijering.com/?item=JW_WMV_Player
****************************************************************************/
if(typeof jeroenwijering == "undefined") {
	var jeroenwijering = new Object();
	jeroenwijering.utils = new Object();
}


/****************************************************************************
* The player wrapper; loads config variables and starts MVC cycle.
****************************************************************************/
jeroenwijering.Player = function(cnt,src,cfg) {
	this.controller;
	this.model;
	this.view;
	this.configuration = {
		backgroundcolor:'B6AC86',
		windowless:'true',
		file:'',
		height:'450',
		image:'',
		backcolor:'ECD3A4',
		frontcolor:'714D0B',
		lightcolor:'714D0B',
		screencolor:'B0A585',
		width:'899',
		logo:'',
		overstretch:'false',
		shownavigation:'true',
		showstop:'true',
		showdigits:'true',
		usefullscreen:'false',
		usemute:'false',
		autostart:'true',
		bufferlength:'3',
		duration:'0',
		repeat:'false',
		sender:'',
		start:'0',
		volume:'90',
		link:'',
		linkfromdisplay:'false',
		linktarget:'_self',
		ccFile:'',
		mediaEndRedirect: 'default.aspx',
		overlayDivID: 'overlayContent',
		startDivID: 'overlayContentStart',
		endDivID: 'overlayContentEnd',
		closedcaptionheight: '30',
		whatisdynamicsText:'What is Microsoft Dynamics?',
		whatisdynamicsJavaScript:'javascript:ms.showOffscreen(\'whatisDynamics\');'
	};
	for(itm in this.configuration) {
		if(cfg[itm] != undefined) {
			if (itm.indexOf('color') > 0) { 
				this.configuration[itm] = cfg[itm].substr(cfg[itm].length-6);
			} else {
				this.configuration[itm] = cfg[itm];
			}
		}
	}
	Silverlight.createObjectEx({
		source:src,
		parentElement:cnt,
		properties:{
			width:this.configuration['width'],
			height:this.configuration['height'],
			version:'1.0',
			inplaceInstallPrompt:true,
			isWindowless:this.configuration['windowless'],
			background:'#'+this.configuration['backgroundcolor']
		},
		events:{
			onLoad:this.onLoadHandler,
			onError:null
		},
		context:this
	});
	
    //DataService.GetCcData(1033, GetCcData_Success);
    GetCCData(this.configuration['ccFile'], GetCCDataCallback);
}

/////////////////////////////////////////
//// Closed Captioning XML File Read ////
/////////////////////////////////////////
function PadDigits(n, totalDigits) 
    { 
        n = n.toString(); 
        var pd = ''; 
        if (totalDigits > n.length) 
        { 
            for (i=0; i < (totalDigits-n.length); i++) 
            { 
                pd += '0'; 
            } 
        } 
        return pd + n.toString(); 
    } 



// Bridge XMLHTTP to XMLHttpRequest in pre-7.0 Internet Explorers
var xmlHolder = null;
if (typeof XMLHttpRequest == "undefined")
  XMLHttpRequest = function() {
	try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); } catch(e) {};
	try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); } catch(e) {};
	try { return new ActiveXObject("Msxml2.XMLHTTP"); }     catch(e) {};
	try { return new ActiveXObject("Microsoft.XMLHTTP"); }  catch(e) {};
 
	throw new Error("This browser does not support XMLHttpRequest or XMLHTTP.");
  };
  
function GetCCData(fileName, callbackFunction) 
{
		  var XMLHttp =  new XMLHttpRequest();
		  XMLHttp.open("GET", fileName);
		  if (navigator.userAgent.indexOf("Firefox")!=-1){
		  	XMLHttp.overrideMimeType('text/xml');
		  }
		  XMLHttp.setRequestHeader("Content-Type",
								   "application/x-javascript;");
		 
		  XMLHttp.onreadystatechange = function() {
			if (XMLHttp.readyState == 4 && XMLHttp.status == 200) {
			  if (XMLHttp.responseText) {
				callbackFunction(XMLHttp.responseXML);
			  }
			}
			else{
			   // alert(XMLHttp.responseText);
				//alert("request failed");
			}
		  };
		  XMLHttp.send(null);
		}
var ccData;	
var ie5 = (document.all && document.getElementById); 
var ns6 = (!document.all && document.getElementById); 	
function GetCCDataCallback(responseXML)
{
    var arrItems = responseXML.getElementsByTagName("item");
    for(x=0; x < arrItems.length; x++)
    {
        var timeVal = arrItems[x].getAttribute("time");

        var text;
        if(ie5)
            text = arrItems[x].text;
            
        if(ns6)
            text = arrItems[x].textContent;
        
        var ccObj = new Object();
        
        ccObj.IsLast = x == arrItems.length-1 ? true : false;
        ccObj.Text = text;
        ccObj.Seconds = timeVal;
        if(timeVal == "0")
            ccObj.Time = timeVal;
        else
            ccObj.Time = PadDigits(Math.floor(timeVal/60/60), 2) + ":" + PadDigits(Math.floor(timeVal/60), 2) + ":" + PadDigits(timeVal%60, 2);
        if(ccData == null)
            ccData = new Array();
            
        ccData[x] = ccObj;
    }

}



function GetCcData_Success(ccDataList)
{   
    ccData = ccDataList;
}
/////////////////////////////////////////
//// Closed Captioning XML File Read ////
/////////////////////////////////////////


function onMarkerReached(sender, args)
{
    if(args.marker.Type == "CC")
    {
        var text = args.marker.text;
        var txtClosedCaption =  sender.findName("CCText");
        if(isCCTextLastItem(text) == true)
                txtClosedCaption.Text = "";
            else
                txtClosedCaption.Text = text;
                
        //var textWidth = txtClosedCaption.ActualWidth + 6;
       // txtClosedCaption["Canvas.Left"] = (899 - textWidth) / 2;
            txtClosedCaption["Width"] = sender.findName("ClosedCaptionCanvas")["Width"];
    }
}

function isCCTextLastItem(text)
{
    for(x=0;x<ccData.length;x++)
    {
        if(ccData[x].Text == text && ccData[x].IsLast == true)
            return true;
    }
    return false;
}

function setCCTextForTime(sender, posInSeconds)
{
    for(x=0;x<ccData.length;x++)
    {
        //set cc text
        if(ccData[x].Seconds<=posInSeconds)
        {
            var text = ccData[x].Text;
            var txtClosedCaption =  sender.findName("CCText");
            if(ccData[x].IsLast == true)
                txtClosedCaption = "";
            else
                txtClosedCaption.Text = text;
                
            //var textWidth = txtClosedCaption.ActualWidth + 6;
            //txtClosedCaption["Canvas.Left"] = (899 - textWidth) / 2;
            txtClosedCaption["Width"] = sender.findName("ClosedCaptionCanvas")["Width"];
        }
    }
}

jeroenwijering.Player.prototype = {
	addListener: function(typ,fcn) {
		this.view.listeners.push({type:typ,func:fcn});
	},

	getConfig: function() { 
		return this.configuration;
	},

	onLoadHandler: function(pid,tgt,sdr) {
		tgt.configuration['sender'] = sdr;
		tgt.controller = new jeroenwijering.Controller(tgt.configuration);
		tgt.view = new jeroenwijering.View(tgt.configuration,tgt.controller);
		tgt.model = new jeroenwijering.Model(tgt.configuration,tgt.controller,tgt.view);
		tgt.controller.startMVC(tgt.view,tgt.model);
	},

	sendEvent: function(typ,prm) {
		switch(typ.toUpperCase()) {
			case 'LINK':
				this.controller.setLink();
				break;
			case 'LOAD':
				this.controller.setLoad(prm);
				break;
			case 'MUTE':
				this.controller.setMute();
				break;
			case 'PLAY':
				this.controller.setPlay();
				break;
			case 'CLOSEDCAPTION':
				this.controller.setClosedCaptioning();
				break;
			case 'GOTOSTART':
			    this.controller.setGotoStart();
			    break;
			case 'GOTOEND':
			    this.controller.setGotoEnd();
			    break;
			case 'SCRUB':
				this.controller.setScrub(prm);
				break;
			case 'STOP':
				this.controller.setStop();
				break;
			case 'VOLUME':
				this.controller.setVolume(prm);
				break;
		}
	}
}



/****************************************************************************
* The controller of the player MVC triad, which processes all user input.
****************************************************************************/
jeroenwijering.Controller = function(cfg) {
	this.configuration = cfg;
}

jeroenwijering.Controller.prototype = {
    startMVC: function(vie, mdl) {
        this.view = vie;
        this.model = mdl;
        if (this.configuration['usemute'] == 'true') {
            this.view.onVolume(0);
            this.view.onMute(true);
            this.model.goVolume(0);
        } else {
            this.view.onVolume(this.configuration['volume']);
            this.model.goVolume(this.configuration['volume']);
        }
        if (this.configuration['autostart'] == 'true') {
            this.model.goStart();
        } else {
            this.model.goPause();
        }
    },

    setState: function(old, stt) {
        this.state = stt;
        var pos = this.configuration['start'];
        if (old == 'Closed' && pos > 0) {
            setTimeout(jeroenwijering.utils.delegate(this, this.setScrub), 200, pos);
        }
    },

    setLink: function() {
        if (this.configuration['linktarget'].indexOf('javascript:') == 0) {
            return Function(this.configuration['linktarget']).apply();
        } else if (this.configuration['linktarget'] == '_blank') {
            window.open(this.configuration['link']);
        } else if (this.configuration['linktarget'] != '') {
            window.location = this.configuration['link'];
        }
    },

    setLoad: function(fil) {
        if (this.model.state != "Closed") {
            this.model.goStop();
        }
        this.configuration['file'] = fil;
        if (this.configuration['autostart'] == 'true') {
            setTimeout(jeroenwijering.utils.delegate(this.model, this.model.goStart), 100);
        }
    },

    setMute: function() {
        if (this.configuration['usemute'] == 'true') {
            this.configuration['usemute'] = 'false';
            this.model.goVolume(this.configuration['volume']);
            this.view.onMute(false);
        } else {
            this.configuration['usemute'] = 'true';
            this.model.goVolume(0);
            this.view.onMute(true);
        }
    },

    setPlay: function() {
        if (this.state == 'Buffering' || this.state == 'Playing') {
            if (this.configuration['duration'] == 0) {
                this.model.goStop();
            } else {
                this.model.goPause();
            }
        } else {
            this.model.goStart();
        }
    },

    setClosedCaptioning: function() {

        //set closed captioning on or off
        var playerDisplay = this.configuration['sender'].findName("PlayerDisplay");
        if (playerDisplay.findName('ClosedCaptionCanvas').Visibility == "Collapsed")
            playerDisplay.findName('ClosedCaptionCanvas').Visibility = "Visible";
        else
            playerDisplay.findName('ClosedCaptionCanvas').Visibility = "Collapsed";

    },

    setGotoStart: function() {

        this.model.goStart(0);

    },

    showWhatIsDynamics: function() {
        if (this.configuration['whatisdynamicsJavaScript'].indexOf('javascript:') == 0) {
           return Function(this.configuration['whatisdynamicsJavaScript']).apply();
        }
    },

    setGotoEnd: function() {

        //			this.model.goStart(this.configuration['duration']);
        this.model.goEnd();
    },

    setScrub: function(sec) {
        if (sec < 2) {
            sec = 0;
        } else if (sec > this.configuration['duration'] - 4) {
            sec = this.configuration['duration'] - 4;
        }
        if (this.state == 'Buffering' || this.state == 'Playing') {
            this.model.goStart(sec);
        } else {
            this.model.goPause(sec);
        }
    },

    setStop: function() {
        this.model.goStop();
    },

    setVolume: function(pct) {
        if (pct < 0) { pct = 0; } else if (pct > 100) { pct = 100; }
        this.configuration['volume'] = Math.round(pct);
        this.model.goVolume(pct);
        this.view.onVolume(pct);
        if (this.configuration['usemute'] == 'true') {
            this.configuration['usemute'] = 'false';
            this.view.onMute(false);
        }
    },

    setFullscreen: function() {
        var fss = !this.configuration['sender'].getHost().content.FullScreen;
        this.configuration['sender'].getHost().content.FullScreen = fss;
        jeroenwijering.utils.delegate(this.view, this.view.onFullscreen);
    }
}


/****************************************************************************
* The view of the player MVC triad, which manages the graphics.
****************************************************************************/
jeroenwijering.View = function(cfg,ctr) {
	this.configuration = cfg;
	this.listeners = Array();
	this.controller = ctr;
	this.fstimeout;
	this.fslistener;
	this.display = this.configuration['sender'].findName("PlayerDisplay");
	this.controlbar = this.configuration['sender'].findName("PlayerControls");
	this.configuration['sender'].getHost().content.onResize = 
		jeroenwijering.utils.delegate(this,this.resizePlayer);
	this.configuration['sender'].getHost().content.onFullScreenChange = 
		jeroenwijering.utils.delegate(this,this.onFullscreen);
	this.assignColorsClicks();
	this.resizePlayer();
}




jeroenwijering.View.prototype = {
    onBuffer: function(pct) {
        var snd = this.configuration['sender'];
        if (pct == 0) {
            snd.findName("BufferText").Text = null;
        } else {
            pct < 10 ? pct = "0" + pct : pct = "" + pct;
            snd.findName("BufferText").Text = pct;
        }
        this.delegate('BUFFER', [pct]);
    },

    onFullscreen: function(fss) {
        var snd = this.configuration['sender'];
        var fst = snd.getHost().content.FullScreen;
        if (fst) {
            this.fstimeout = setTimeout(jeroenwijering.utils.delegate(this,
				this.hideFSControls), 2000);
            this.fslistener = this.display.addEventListener('MouseMove',
				jeroenwijering.utils.delegate(this, this.showFSControls));
            snd.findName("FullscreenSymbol").Visibility = "Collapsed";
            snd.findName("FullscreenOffSymbol").Visibility = "Visible";
        } else {
            clearTimeout(this.fstimeout);
            this.display.removeEventListener("MouseMove", this.fslistener);
            this.controlbar.Visibility = "Visible";
            this.display.Cursor = "Hand";
            snd.findName("FullscreenSymbol").Visibility = "Visible";
            snd.findName("FullscreenOffSymbol").Visibility = "Collapsed";
        }
        this.resizePlayer();
        this.delegate('FULLSCREEN');
    },

    showFSControls: function(sdr, arg) {
        var vbt = sdr.findName('PlayerControls');
        var yps = arg.GetPosition(vbt).Y;
        clearTimeout(this.fstimeout);
        this.controlbar.Visibility = "Visible";
        this.display.Cursor = "Hand";
        if (yps < 0) {
            this.fstimeout = setTimeout(jeroenwijering.utils.delegate(this,
				this.hideFSControls), 2000);
        }
    },

    hideFSControls: function() {
        this.controlbar.Visibility = "Collapsed";
        this.display.Cursor = "None";
    },

    onLoad: function(pct) {
        var snd = this.configuration['sender'];
        var max = snd.findName("TimeSlider").Width;
        snd.findName("DownloadProgress").Width = Math.round(max * pct / 100);
        this.delegate('LOAD', [pct]);

        if (snd.findName("VideoWindow").markers.count == 0) {
            var timeLineMarker;
            if (ccData != null) {
                for (i = 0; i < ccData.length; i++) {
                    timeLineMarker = snd.findName("VideoWindow").getHost().content.createFromXaml('<TimelineMarker/>');
                    timeLineMarker.Type = "CC";
                    timeLineMarker.Text = ccData[i].Text;
                    timeLineMarker.Time = ccData[i].Time;
                    snd.findName("VideoWindow").markers.add(timeLineMarker);
                }
                this.configuration['sender'].findName("VideoWindow").addEventListener("MarkerReached", onMarkerReached);
            }
        }

        snd.findName("WhatIsDynamicsBarTextBlock")["Text"] = this.configuration['whatisdynamicsText'];
    },

    onMute: function(mut) {
        var snd = this.configuration['sender'];
        this.configuration['usemute'] = '' + mut;
        if (mut) {
            snd.findName("VolumeHighlight").Visibility = "Collapsed";
            //snd.findName("MuteSymbol").Visibility = "Visible";
            snd.findName("MuteOffSymbol").Visibility = "Collapsed";
            //if(this.state == 'Playing') {
            //	snd.findName("MuteIcon").Visibility = "Visible";
            //}
        } else {
            snd.findName("VolumeHighlight").Visibility = "Visible";
            //snd.findName("MuteSymbol").Visibility = "Collapsed";
            snd.findName("MuteOffSymbol").Visibility = "Visible";
            //snd.findName("MuteIcon").Visibility = "Collapsed";
        }
        this.delegate('MUTE');
    },

    onState: function(old, stt) {
        var snd = this.configuration['sender'];
        this.state = stt;
        if (stt == 'Buffering' || stt == 'Playing' || stt == 'Opening') {
            //snd.findName("PlayIcon").Visibility = "Collapsed";
            snd.findName("PlaySymbol").Visibility = "Collapsed";
            snd.findName("PlayOffSymbol").Visibility = "Visible";
            if (stt == 'Playing') {
                snd.findName("BufferIcon").Visibility = "Collapsed";
                snd.findName("BufferText").Visibility = "Collapsed";
                if (this.configuration['usemute'] == 'true') {
                    //snd.findName("MuteIcon").Visibility = "Visible";
                }
            } else {
                snd.findName("BufferIcon").Visibility = "Visible";
                snd.findName("BufferText").Visibility = "Visible";
            }
        } else {
            //snd.findName("MuteIcon").Visibility = "Collapsed";
            snd.findName("BufferIcon").Visibility = "Collapsed";
            snd.findName("BufferText").Visibility = "Collapsed";
            snd.findName("PlayOffSymbol").Visibility = "Collapsed";
            snd.findName("PlaySymbol").Visibility = "Visible";
            //if(this.configuration['linkfromdisplay'] == 'true') {
            //	snd.findName("PlayIcon").Visibility = "Collapsed";
            //} else { 
            //	snd.findName("PlayIcon").Visibility = "Visible";
            //}
        }
        try {
            if (!(old == 'Completed' && stt == 'Buffering') &&
				!(old == 'Buffering' && stt == 'Paused')) {
                playerStatusChange(old.toUpperCase(), stt.toUpperCase());
            }
        } catch (err) { }
        this.delegate('STATE', [old, stt]);
    },

    onTime: function(elp, dur) {
        var snd = this.configuration['sender'];
        var snd = this.configuration['sender'];
        var max = snd.findName("TimeSlider").Width;
        if (dur > 0) {
            var pos = Math.round(max * elp / dur);
            this.configuration['duration'] = dur;
            snd.findName("ElapsedText").Text = jeroenwijering.utils.timestring(elp) + "/";
            snd.findName("RemainingText").Text = jeroenwijering.utils.timestring(dur - elp);
            snd.findName("TimeSymbol").Visibility = "Visible";
            snd.findName("TimeSymbol")['Canvas.Left'] = pos;
            snd.findName("TimeHighlight").Width = pos - 2;
        } else {
            //snd.findName("TimeSymbol").Visibility = "Collapsed";
            snd.findName("TimeSymbol")["Canvas.Left"] = 0;

        }

        this.delegate('TIME', [elp, dur]);
    },

    onVolume: function(pct) {
        var snd = this.configuration['sender'];
        snd.findName("VolumeHighlight").Width = Math.round(pct / 5);
        this.delegate('VOLUME', [pct]);
    },

    assignColorsClicks: function() {
        //this.display.Cursor = "Hand";
        this.display.Background = "#FF" + this.configuration['screencolor'];
        //		if(this.configuration['linkfromdisplay'] == 'false') { 
        //			this.display.addEventListener('MouseLeftButtonUp',
        //				jeroenwijering.utils.delegate(this.controller,
        //				this.controller.setPlay));
        //		} else { 
        //			this.display.addEventListener('MouseLeftButtonUp',
        //				jeroenwijering.utils.delegate(this.controller,
        //				this.controller.setLink));
        //			this.display.findName("PlayIcon").Visibility = "Collapsed";
        //		}
        if (this.configuration['logo'] != '') {
            this.display.findName('OverlayCanvas').Visibility = "Visible";
            this.display.findName('OverlayLogo').ImageSource =
				this.configuration['logo'];
        }
        this.controlbar.findName("ControlbarBack").Fill = "#FF" + this.configuration['backcolor'];
        this.assignButton('Play', this.controller.setPlay);
        this.assignButton('GotoStart', this.controller.setGotoStart);
        this.configuration['sender'].findName('GotoStartPath2').Fill =
			"#FF" + this.configuration['frontcolor'];
        this.configuration['sender'].findName('GotoStartPath2').Stroke =
			"#FF" + this.configuration['frontcolor'];
        this.assignButton('GotoEnd', this.controller.setGotoEnd);
        this.configuration['sender'].findName('GotoEndPath2').Fill =
			"#FF" + this.configuration['frontcolor'];
        this.configuration['sender'].findName('GotoEndPath2').Stroke =
			"#FF" + this.configuration['frontcolor'];
        this.assignButton('CC', this.controller.setClosedCaptioning);
        this.assignButton('Stop', this.controller.setStop);
        this.configuration['sender'].findName('ElapsedText').Foreground =
			"#FF" + this.configuration['frontcolor'];
        this.assignSlider('Time', this.changeTime);
        this.configuration['sender'].findName('TimeSymbol').Stroke =
			"#FF" + this.configuration['frontcolor'];
        this.configuration['sender'].findName('DownloadProgress').Fill =
			"#FFECD3A4";
        this.configuration['sender'].findName('DownloadProgress').Stroke =
			"#FF" + this.configuration['frontcolor'];
        this.configuration['sender'].findName('RemainingText').Foreground =
			"#FF" + this.configuration['frontcolor'];
        this.assignButton('Link', this.controller.setLink);
        this.assignButton('Fullscreen', this.controller.setFullscreen);
        this.assignButton('Mute', this.controller.setMute);
        this.assignSlider('Volume', this.changeVolume);
        this.assignObjectAction('WhatIsDynamicsBar', this.controller.showWhatIsDynamics);
    },

    assignObjectAction: function(obj, act) {
        var el1 = this.configuration['sender'].findName(obj);
        el1.Cursor = "Hand";
        el1.addEventListener('MouseLeftButtonUp',
            jeroenwijering.utils.delegate(this.controller, act));

    },

    assignButton: function(btn, act) {
        var el1 = this.configuration['sender'].findName(btn + 'Button');
        el1.Cursor = "Hand";
        el1.addEventListener('MouseLeftButtonUp',
			jeroenwijering.utils.delegate(this.controller, act));
        el1.addEventListener('MouseEnter',
			jeroenwijering.utils.delegate(this, this.rollOver));
        el1.addEventListener('MouseLeave',
			jeroenwijering.utils.delegate(this, this.rollOut));
        if (btn != "Time") {
            this.configuration['sender'].findName(btn + 'Symbol').Fill =
			"#FF" + this.configuration['frontcolor'];
        }
        this.configuration['sender'].findName('CCBox').Stroke =
			"#FF" + this.configuration['frontcolor'];
        try {
            this.configuration['sender'].findName(btn + 'OffSymbol').Fill =
				"#FF" + this.configuration['frontcolor'];
        } catch (e) { }
    },

    assignSlider: function(sld, act) {
        var el1 = this.configuration['sender'].findName(sld + 'Button');
        el1.Cursor = "Hand";
        el1.addEventListener('MouseLeftButtonUp',
			jeroenwijering.utils.delegate(this, act));
        el1.addEventListener('MouseEnter',
			jeroenwijering.utils.delegate(this, this.rollOver));
        el1.addEventListener('MouseLeave',
			jeroenwijering.utils.delegate(this, this.rollOut));
        this.configuration['sender'].findName(sld + 'Slider').Fill =
			"#FF" + this.configuration['frontcolor'];
        this.configuration['sender'].findName(sld + 'Highlight').Fill =
			"#FFBA821B";
        this.configuration['sender'].findName(sld + 'Highlight').Stroke =
			"#FF" + this.configuration['frontcolor'];
        if (sld != "Time") {
            this.configuration['sender'].findName(sld + 'Symbol').Fill =
			"#FF" + this.configuration['frontcolor'];
        }
    },

    delegate: function(typ, arg) {
        for (var i = 0; i < this.listeners.length; i++) {
            if (this.listeners[i]['type'].toUpperCase() == typ) {
                this.listeners[i]['func'].apply(null, arg);
            }
        }
    },

    rollOver: function(sdr) {
        var str = sdr.Name.substr(0, sdr.Name.length - 6);
        if (str != "Time") {
            this.configuration['sender'].findName(str + 'Symbol').Fill =
			"#FF" + this.configuration['lightcolor'];
        }
        try {
            this.configuration['sender'].findName(str + 'OffSymbol').Fill =
				"#FF" + this.configuration['lightcolor'];
        } catch (e) { }
    },

    rollOut: function(sdr) {
        var str = sdr.Name.substr(0, sdr.Name.length - 6);
        if (str != "Time") {
            this.configuration['sender'].findName(str + 'Symbol').Fill =
			"#FF" + this.configuration['frontcolor'];
        }
        try {
            this.configuration['sender'].findName(str + 'OffSymbol').Fill =
				"#FF" + this.configuration['frontcolor'];
        } catch (e) { }
    },

    changeTime: function(sdr, arg) {
        var tbt = sdr.findName('TimeSlider');
        var xps = arg.GetPosition(tbt).X;
        var sec = Math.floor(xps / tbt.Width * this.configuration['duration']);
        this.controller.setScrub(sec);
        setCCTextForTime(sdr, sec);
    },

    changeVolume: function(sdr, arg) {
        var vbt = sdr.findName('VolumeButton');
        var xps = arg.GetPosition(vbt).X;
        this.controller.setVolume(xps * 5);
    },

    resizePlayer: function() {
        var wid = this.configuration['sender'].getHost().content.actualWidth;
        var hei = this.configuration['sender'].getHost().content.actualHeight;
        var fss = this.configuration['sender'].getHost().content.FullScreen;
        if (this.configuration['shownavigation'] == 'true') {
            if (fss == true) {
                this.resizeDisplay(wid, hei);
                this.controlbar['Canvas.Left'] = Math.round(wid / 2 - 250);
                this.configuration['sender'].findName("WhatIsDynamicsBar")['Canvas.Left'] = Math.round(wid / 2 - 250);
                this.resizeControlbar(500, hei - this.controlbar.Height - 16);
            } else {
                this.resizeDisplay(wid, hei - 20);
                this.controlbar['Canvas.Left'] = 0;
                this.resizeControlbar(wid, hei - this.controlbar.Height);
            }
        } else {
            this.resizeDisplay(wid, hei);
        }
    },

    resizeDisplay: function(wid, hei) {
        this.stretchElement('PlayerDisplay', wid, hei);
        this.stretchElement('ClosedCaptionCanvas', wid, this.configuration['closedcaptionheight']);
        this.placeElement('ClosedCaptionCanvas', 0, hei - 15 - this.configuration['closedcaptionheight']);
        this.stretchElement('VideoWindow', wid, hei);
        this.stretchElement('PlaceholderImage', wid, hei);
        this.centerElement('PlayIcon', wid, hei);
        //this.centerElement('MuteIcon',wid,hei);
        this.centerElement('BufferIcon', wid, hei);
        this.centerElement('BufferText', wid, hei);
        this.display.findName('OverlayCanvas')['Canvas.Left'] = wid -
			this.display.findName('OverlayCanvas').Width - 10;
        this.display.Visibility = "Visible";
        //this.display.findName('PlayerDisplay').ZIndex = 1;
        //	this.display['Canvas.ZIndex'] = 0;
    },

    resizeControlbar: function(wid, yps, alp) {

        this.controlbar['Canvas.Top'] = yps - 19;
        this.configuration['sender'].findName("WhatIsDynamicsBar")['Canvas.Top'] = yps;
        this.stretchElement('PlayerControls', wid);
        this.stretchElement('WhatIsDynamicsBar', wid);
        this.stretchElement('WhatIsDynamicsBarFill', wid);
        this.placeElement('GotoStartButton', 0);

        var lft = 17;
        this.placeElement('PlayButton', lft);
        if (this.configuration['showstop'] == 'true') {
            lft += 17;
            this.placeElement('StopButton', lft);
            this.controlbar.findName('StopButton').Visibility = "Visible";

        } else {
            this.controlbar.findName('StopButton').Visibility = "Collapsed";
        }
        lft += 17;
        this.placeElement('GotoEndButton', lft);
        this.placeElement('VolumeButton', wid - 22);
        this.placeElement('MuteButton', wid - 34);
        var rgt = 37;

        if (this.configuration['usefullscreen'] == 'true') {
            rgt += 18;
            this.placeElement('FullscreenButton', wid - rgt);
        } else {
            this.controlbar.findName('FullscreenButton').Visibility =
				"Collapsed";
        }
        rgt += 18;
        this.placeElement('CCButton', wid - rgt - 4);
        this.stretchElement('CCFill', 24);

        //		if(this.configuration['link'] != '') {
        //			rgt += 18;
        //			this.placeElement('LinkButton',wid-rgt);
        //		} else {
        //			this.controlbar.findName('LinkButton').Visibility="Collapsed";
        //		}
        if (this.configuration['showdigits'] == 'true' && wid - rgt - lft > 160) {
            rgt += 35;
            this.controlbar.findName('RemainingButton').Visibility = "Visible";
            this.controlbar.findName('ElapsedButton').Visibility = "Visible";
            this.placeElement('RemainingButton', wid - rgt - 6);
            this.placeElement('ElapsedButton', wid - rgt - 40 - 6);
            this.stretchElement('ElapsedFill', 40);
            lft += 35;
        } else {
            this.controlbar.findName('RemainingButton').Visibility = "Collapsed";
            this.controlbar.findName('ElapsedButton').Visibility = "Collapsed";
        }
        this.placeElement('TimeButton', lft - 17);
        this.stretchElement('TimeButton', wid - lft - rgt - 5 - 23);
        this.stretchElement('TimeFill', wid - lft - rgt - 5 - 17);
        this.stretchElement('TimeSlider', wid - lft - rgt - 15 - 23);
        this.stretchElement('DownloadProgress', wid - lft - rgt - 15 - 23);
        var tsb = this.configuration['sender'].findName('TimeSymbol');
        this.stretchElement('TimeHighlight', tsb['Canvas.Left'] - 5 - 23);



        this.controlbar.Visibility = "Visible";
    },

    centerElement: function(nam, wid, hei) {
        var elm = this.configuration['sender'].findName(nam);
        elm['Canvas.Left'] = Math.round(wid / 2 - elm.Width / 2);
        elm['Canvas.Top'] = Math.round(hei / 2 - elm.Height / 2);
    },

    stretchElement: function(nam, wid, hei) {
        var elm = this.configuration['sender'].findName(nam);
        elm.Width = wid;
        if (hei != undefined) { elm.Height = hei; }
    },

    placeElement: function(nam, xps, yps) {
        var elm = this.configuration['sender'].findName(nam);
        elm['Canvas.Left'] = xps;
        if (yps) { elm['Canvas.Top'] = yps; }
    }
}


/****************************************************************************
* The model of the player MVC triad, which stores all playback logic.
****************************************************************************/
jeroenwijering.Model = function(cfg,ctr,vie) {
	this.configuration = cfg;
	this.controller = ctr;
	this.view = vie;
	this.video = this.configuration['sender'].findName("VideoWindow");

	this.preview = this.configuration['sender'].findName("PlaceholderImage");
	var str = {
		'true':'UniformToFill',
		'false':'Uniform',
		'fit':'Fill',
		'none':'None'
	}
	this.state = this.video.CurrentState;
	this.timeint;
	this.video.Stretch = str[this.configuration['overstretch']];
	this.preview.Stretch = str[this.configuration['overstretch']];
	this.video.BufferingTime = 
		jeroenwijering.utils.spanstring(this.configuration['bufferlength']);
	this.video.AutoPlay = true;
	this.video.AddEventListener("CurrentStateChanged",
		jeroenwijering.utils.delegate(this,this.stateChanged));
	this.video.AddEventListener("MediaEnded",
		jeroenwijering.utils.delegate(this,this.mediaEnded));
	this.video.AddEventListener("BufferingProgressChanged",
		jeroenwijering.utils.delegate(this,this.bufferChanged));
	this.video.AddEventListener("DownloadProgressChanged",
		jeroenwijering.utils.delegate(this,this.downloadChanged));
	if(this.configuration['image'] != '') {
		this.preview.Source = this.configuration['image'];
	}
}






jeroenwijering.Model.prototype = {
    goPause: function(sec) {
        this.video.pause();
        if (!isNaN(sec)) {
            try {
                this.video.Position = jeroenwijering.utils.spanstring(sec);
            }
            catch (e) { };
        }
        this.timeChanged();
    },

    goStart: function(sec) {

        this.transitionToVideo();
        this.video.Visibility = 'Visible';
        this.preview.Visibility = 'Collapsed';
        if (this.state == "Closed") {
            this.video.Source = this.configuration['file'];
        } else {
            this.video.play();
        }
        if (!isNaN(sec)) {
            this.video.Position = jeroenwijering.utils.spanstring(sec);
        }
    },

    transitionToVideo: function() {
        try {
            var overlayDiv = document.getElementById(this.configuration['overlayDivID']);
            var overlayDivStart = document.getElementById(this.configuration['startDivID']);
            var overlayDivEnd = document.getElementById(this.configuration['endDivID']);
            if (overlayDiv != null)
                overlayDiv.style.display = 'none';
            if (overlayDivStart != null)
                overlayDivStart.style.display = 'none';
            if (overlayDivEnd != null)
                overlayDivEnd.style.display = 'none';
        }
        catch (e) { };
    },

    transitionFromVideo: function() {
        try {
            var overlayDiv = document.getElementById(this.configuration['overlayDivID']);
            var overlayDivStart = document.getElementById(this.configuration['startDivID']);
            var overlayDivEnd = document.getElementById(this.configuration['endDivID']);
            if (overlayDiv != null)
                overlayDiv.style.display = '';
            if (overlayDivStart != null)
                overlayDivStart.style.display = '';
            if (overlayDivEnd != null)
                overlayDivEnd.style.display = 'none';

        }
        catch (e) { };
    },

    transitionToEndFromVideo: function() {
        try {
            var overlayDiv = document.getElementById(this.configuration['overlayDivID']);
            var overlayDivStart = document.getElementById(this.configuration['startDivID']);
            var overlayDivEnd = document.getElementById(this.configuration['endDivID']);
            if (overlayDiv != null)
                overlayDiv.style.display = '';
            if (overlayDivStart != null)
                overlayDivStart.style.display = 'none';
            if (overlayDivEnd != null)
                overlayDivEnd.style.display = '';
        }
        catch (e) { };
    },

    goEnd: function() {
        this.video.Visibility = 'Collapsed';
        this.preview.Visibility = 'Visible';
        this.goPause(this.configuration['duration']);
        //document.location.href = this.configuration['mediaEndRedirect'];

        //this.transitionFromVideo();
        this.transitionToEndFromVideo();
    },

    goStop: function() {
        this.video.Visibility = 'Collapsed';
        this.preview.Visibility = 'Visible';
        this.goPause(0);
        this.video.Source = 'null';
        this.view.onBuffer(0);
        clearInterval(this.timeint);

        //this.goPause(this.configuration['duration']);
        document.location.href = this.configuration['mediaEndRedirect'];
        // this.goPause(0);
        //this.transitionFromVideo();
    },

    goVolume: function(pct) {
        this.video.Volume = pct / 100;
    },

    stateChanged: function() {
        var stt = this.video.CurrentState;
        if (stt != this.state) {
            this.controller.setState(this.state, stt);
            this.view.onState(this.state, stt);
            this.state = stt;
            this.configuration['duration'] =
				Math.round(this.video.NaturalDuration.Seconds * 10) / 10;
            if (stt != "Playing" && stt != "Buffering" && stt != "Opening") {
                clearInterval(this.timeint);
            } else {
                this.timeint = setInterval(jeroenwijering.utils.delegate(
					this, this.timeChanged), 100);
            }
        }
    },

    mediaEnded: function() {
        if (this.configuration['repeat'] == 'true') {
            this.goStart(0);
        } else {
            this.state = 'Completed';
            this.view.onState(this.state, 'Completed');
            this.video.Visibility = 'Collapsed';
            this.preview.Visibility = 'Visible';
            //this.goPause(0);
            // document.location.href = this.configuration['mediaEndRedirect'];

            this.transitionToEndFromVideo();
        }
    },

    bufferChanged: function() {
        var bfr = Math.round(this.video.BufferingProgress * 100);
        this.view.onBuffer(bfr);
    },

    downloadChanged: function() {
        var dld = Math.round(this.video.DownloadProgress * 100);
        this.view.onLoad(dld);
    },

    timeChanged: function() {
        var pos = Math.round(this.video.Position.Seconds * 10) / 10;
        this.view.onTime(pos, this.configuration['duration']);
    }
}


/****************************************************************************
* Some utility functions.
****************************************************************************/
jeroenwijering.utils.delegate = function(obj,fcn) {
	return function() {
		return fcn.apply(obj,arguments);
	}
}
jeroenwijering.utils.timestring = function(stp) {
	var hrs = Math.floor(stp/3600);
	var min = Math.floor(stp%3600/60);
	var sec = Math.round(stp%60);
	var str = "";
	sec > 9 ? str += sec: str +='0'+sec;
	min > 9 ? str = min+":"+str: str='0'+min+":"+str;
	hrs > 0 ? str = hrs+":"+str: null;
	return str;
}
jeroenwijering.utils.spanstring = function(stp) {
	var hrs = Math.floor(stp/3600);
	var min = Math.floor(stp%3600/60);
	var sec = Math.round(stp%60*10)/10;
	var str = hrs+':'+min+':'+sec;
	return str;
}