https://www.brynk.com/universal/scripts/mediaplay.js

1function insertPlayer() {
2 var theBody = document.getElementsByTagName("body");
3 var bodyElement = theBody.item(0);
4 var newdiv = document.createElement("div");
5 newdiv.innerHTML = '<' + 'div style="position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100; display:none; background-color:#333333;" id="bgdisabled"' + '>' + '</' + 'div' + '>' +
6 				'<' + 'table style="position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:101; visibility:hidden;" id="mediaPlayercont"' + '><' + 'tr' + '>' +
7				'<' + 'td align="center" valign="middle"' + '>' + '<' + 'table' + '><' + 'tr' + '>' + '<' + 'td class="Bodies" style="color:#FFFFFF; cursor:pointer; cursor:hand;" onClick="mediaClose();" align="right">CLOSE PLAYER [X]' +
8				'</' + 'td' + '></' + 'tr' + '><' + 'tr' + '><' + 'td id="mediaPlayer" align="center" style="border:1px dashed #FFFFFF;"' + '></' + 'td' + '></' + 'tr' + '></' + 'table' + '></' + 'td' + '></' + 'tr' + '></' + 'table' + '>';
9 bodyElement.appendChild(newdiv);
10}
11
12function mediaClose() {
13	myEffects.fade('bgdisabled');
14	changeObjectVisibility('mediaPlayercont', 'hidden');
15	document.getElementById('mediaPlayer').innerHTML = '';
16}
17
18function getStyleObject(objectId) {
19	// cross-browser function to get an object's style object given its id
20	if(document.getElementById && document.getElementById(objectId)) {
21	// W3C DOM
22	return document.getElementById(objectId).style;
23	} else if (document.all && document.all(objectId)) {
24	// MSIE 4 DOM
25	return document.all(objectId).style;
26	} else if (document.layers && document.layers[objectId]) {
27	// NN 4 DOM.. note: this won't find nested layers
28	return document.layers[objectId];
29	} else {
30	return false;
31	}
32}
33
34function changeObjectVisibility(objectId, newVisibility) {
35	// get a reference to the cross-browser style object and make sure the object exists
36	var styleObject = getStyleObject(objectId);
37	if(styleObject) {
38	styleObject.visibility = newVisibility;
39	return true;
40	} else {
41	//we couldn't find the object, so we can't change its visibility
42	return false;
43	}
44}
45
46function changeObjectProperty(objectId, cssProperty, newValue) {
47	// get a reference to the cross-browser style object and make sure the object exists
48	var styleObject = getStyleObject(objectId);
49	if(styleObject) {
50	eval("styleObject."+cssProperty+" = newValue");
51	return true;
52	} else {
53	//we couldn't find the object, so we can't change its visibility
54	return false;
55	}
56}
57
58function mediaplay(mediaFile, w, h) {
59	mediaPlay(mediaFile, w, h);
60}
61
62function mediaPlay(mediaFile, w, h) {
63	var ctnTop = 0;
64	var nLeft = document.getElementById('wrapper').offsetLeft+"px";
65	var nLeft2 = (document.getElementById('wrapper').offsetLeft)+"px";
66	var nHeight = document.getElementById('wrapper').offsetHeight + 60 +"px";
67	var nTop = ctnTop + "px";
68	if (w == null) w = 384;
69	if (h == null) h = 311;
70
71	var fo = new FlashObject("/flash/misc/mediaplayer.swf", "mediaplayerswf", w, h, "7", "#FFFFFF", false, "high");
72	fo.addParam("flashvars", "url="+ mediaFile);
73	fo.addParam("salign", "LT");
74	fo.addParam("loop", "0");
75	fo.addParam("menu", "0");
76	fo.addParam("quality", "high");
77	if (navigator.appName.indexOf("Microsoft") != -1) fo.addParam("scale", "noscale");
78	else fo.addParam("scale", "exactfit");
79	fo.addParam("allowScriptAccess", "sameDomain");
80	fo.addParam("wmode", "transparent");
81
82	if (document.getElementById('mediaPlayer') == null) insertPlayer(w, h);
83	fo.write("mediaPlayer");
84	document.getElementById('mediaPlayercont').style.display = '';
85
86	changeObjectProperty('bgdisabled', 'height', nHeight);
87	myEffects.fade('bgdisabled');
88	changeObjectVisibility('mediaPlayercont', 'visible');
89
90	JSFX_FloatTopDiv();
91}
92
93//Enter "frombottom" or "fromtop"
94var verticalpos="fromtop"
95
96function JSFX_FloatTopDiv()
97{
98	var startX = document.getElementById('wrapper').offsetLeft;
99	startY = 0;
100	var ns = (navigator.appName.indexOf("Netscape") != -1);
101	var d = document;
102	function ml(id)
103	{
104		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
105		if(d.layers)el.style=el;
106		el.sP=function(x,y){
107		//	this.style.left=x + "px";
108			this.style.top=y + "px";;
109		};
110		//el.x = document.getElementById('wrapper').offsetLeft + 125;
111		if (verticalpos=="fromtop")
112		el.y = startY;
113		else{

114		el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
115		el.y -= startY;
116		}
117		return el;
118	}
119	window.stayTopLeft=function()
120	{
121		if (verticalpos=="fromtop"){
122		var pY = ns ? pageYOffset : document.body.scrollTop;
123		ftlObj.y += (pY + startY - ftlObj.y)/8;
124}
125		else{
126		var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
127		ftlObj.y += (pY - startY - ftlObj.y)/8;
128		}
129		ftlObj.sP(ftlObj.x, ftlObj.y);
130
131		setTimeout("stayTopLeft()", 10);
132	}
133	ftlObj = ml("mediaPlayercont");
134	stayTopLeft();
135}
136
137var myEffects = {
138  fade: function(elid) {
139	var opacs = ["0",".1",".2",".3",".4",".5",".6",".7",".8",".9","1"];
140	var opacs2 = ["0",".1",".2",".3",".4",".5",".6"];
141	if (document.getElementById(elid).style.display == 'none'){
142		if(elid == 'bgdisabled'){
143			document.getElementById(elid).style.opacity = '0';
144			document.getElementById(elid).style.filter = 'alpha(opacity=0)';
145			document.getElementById(elid).style.display = 'block';
146			for (var i = 0; i < 7; i++){
147				setTimeout('document.getElementById(\''+elid+'\').style.opacity = "'+opacs2[i]+'";', i * 40);
148				setTimeout('document.getElementById(\''+elid+'\').style.filter = "alpha(opacity='+(opacs2[i] * 100)+')";', i * 40);
149			}
150		} else {
151			document.getElementById(elid).style.opacity = '0';
152			document.getElementById(elid).style.filter = 'alpha(opacity=0)';
153			document.getElementById(elid).style.display = 'block';
154			for (var i = 0; i < 11; i++){
155				setTimeout('document.getElementById(\''+elid+'\').style.opacity = "'+opacs[i]+'";', i * 40);
156				setTimeout('document.getElementById(\''+elid+'\').style.filter = "alpha(opacity='+(opacs[i] * 100)+')";', i * 40);
157			}
158		}
159	}else{
160		if(elid == 'bgdisabled'){
161			opacs2.reverse();
162			for (var i = 0; i < 7; i++) {
163		    	setTimeout('document.getElementById(\''+elid+'\').style.opacity = "'+opacs2[i]+'";', i * 40);
164		    	setTimeout('document.getElementById(\''+elid+'\').style.filter = "alpha(opacity='+(opacs2[i] * 100)+')";', i * 40);
165			}
166			setTimeout('document.getElementById(\''+elid+'\').style.display = "none";', i * 40);
167		} else{
168			opacs.reverse();
169			for (var i = 0; i < 11; i++) {
170		    	setTimeout('document.getElementById(\''+elid+'\').style.opacity = "'+opacs[i]+'";', i * 40);
171		    	setTimeout('document.getElementById(\''+elid+'\').style.filter = "alpha(opacity='+(opacs[i] * 100)+')";', i * 40);
172			}
173			setTimeout('document.getElementById(\''+elid+'\').style.display = "none";', i * 40);
174		}
175	}
176   }
177}