/*-------------------------------------------------------------------
Wizard toggles and update
-------------------------------------------------------------------*/
var usedvars;
var flashvars;
var swfobjvars = {};
var xamlvars;

function toggleDisplay(itm) {
	if(gid(itm).style.display == 'block') {
		gid(itm).style.display = 'none';
	} else { 
		gid(itm).style.display = 'block';
	}
}
function showEmbed() {
	gid('embedcode').style.display = 'block';
	gid('embedswitch').style.display = 'block';
	gid('swfobjswitch').style.display = 'none';
	gid('swfobjcode').style.display = 'none';
	gid('jwembedswitch').style.display = 'none';
	gid('jwembedcode').style.display = 'none';
}
function showSWFObj() {
	gid('embedcode').style.display = 'none';
	gid('embedswitch').style.display = 'none';
	gid('swfobjswitch').style.display = 'block';
	gid('swfobjcode').style.display = 'block';
	gid('jwembedswitch').style.display = 'none';
	gid('jwembedcode').style.display = 'none';
}
function showJWEmbed() {
	gid('embedcode').style.display = 'none';
	gid('embedswitch').style.display = 'none';
	gid('swfobjswitch').style.display = 'none';
	gid('swfobjcode').style.display = 'none';
	gid('jwembedswitch').style.display = 'block';
	gid('jwembedcode').style.display = 'block';
}
function updatePreview() {
	getUsedVars();
	if(usedvars['source'].indexOf('xaml') > 0) {
		writeXAML();
		printXAML();
	} else {
		printEmbed();
		printSWFObj();
		printJWEmbed();
		writeSWFObj();
	}
	try { gid('tracecode').innerHTML = ''; } catch(err) {}
	return false;
}
function getUsedVars() {
	flashvars = "";
	xamlvars = "";
	cfg = new Object();
	usedvars = new Object();
	var ar1 = gid('varsform').getElementsByTagName('input');
	for (var i=0; i<ar1.length; i++) {
		if (ar1[i].value != '' && ar1[i].name != 'example') {
			usedvars[ar1[i].name] = ar1[i].value; 
		}
	}
	var ar2 = gid('varsform').getElementsByTagName('select');
	for (var i=0; i<ar2.length; i++) {
		if (ar2[i].value != '') {
			usedvars[ar2[i].name] = ar2[i].value; 
		}
	}
	for(var itm in usedvars) {
		if(itm != 'source') {
			xamlvars += itm+":'"+usedvars[itm]+"',";
			if(itm != 'width' && itm != 'height' && itm != 'bgcolor') {
				cfg[itm] = usedvars[itm];
				flashvars += "&amp;"+itm+"="+usedvars[itm];
			}
		}
	}
	xamlvars = "{"+xamlvars.substr(0,xamlvars.length-1)+"}";
}
function writeSWFObj() {
	var so = new SWFObject(usedvars['source'],"player",usedvars['width'],usedvars['height'],"9",usedvars['bgcolor']);
	so.addParam("allowfullscreen","true");
	so.addParam("allowscriptaccess","always");
	so.addParam("wmode","opaque");
	so.addParam("flashvars",flashvars);
	so.write("preview");
}
function printEmbed() {
    var ebc = "&lt;object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='"+usedvars['width']+"' height='"+usedvars['height']+"' id='single1' name='single1'&gt;<br/>";
    ebc += "&lt;param name='movie' value='"+usedvars['source']+"'&gt;<br/>";
    ebc += "&lt;param name='allowfullscreen' value='true'&gt;<br/>";
    ebc += "&lt;param name='allowscriptaccess' value='always'&gt;<br/>";
    ebc += "&lt;param name='wmode' value='transparent'&gt;<br/>";
    ebc += "&lt;param name='flashvars' value='"+flashvars.substr(5)+"'&gt;<br/>";
	ebc += "&lt;embed<br/>type='application/x-shockwave-flash'<br/>";
    ebc += "id='single2'<br/>name='single2'<br/>src='"+usedvars['source']+"'<br/>width='"+usedvars['width']+"'<br/>height='"+usedvars['height']+"'<br/>bgcolor='"+usedvars['bgcolor']+"'<br/>allowscriptaccess='always'<br/>allowfullscreen='true'<br/>wmode='transparent'<br/>flashvars='"+flashvars.substr(5)+"'<br/>/&gt;<br/>";
    ebc += "&lt;/object&gt;";
	try { gid('embedcode').innerHTML = ebc; } catch(err) {}
}
function printSWFObj() {
	var swc = "&lt;script type='text/javascript' src='swfobject.js'&gt;&lt;/script&gt;<br/>&nbsp;<br/>&lt;div id='mediaspace'&gt;This text will be replaced&lt;/div&gt;<br/>&nbsp;<br/>&lt;script type='text/javascript'&gt;<br/>" +
				"  var so = new SWFObject('"+usedvars['source']+"','mpl','"+usedvars['width']+"','"+usedvars['height']+"','9');<br/>" +
				"  so.addParam('allowfullscreen','true');<br/>" +
				"  so.addParam('allowscriptaccess','always');<br/>" +
				"  so.addParam('wmode','opaque');<br/>";
	var flashVarArray = flashvars.split(/&amp;|&/);
	for (var i in flashVarArray) {
		if(flashVarArray[i]) {
			var parts = flashVarArray[i].split("=");
			swc += "  so.addVariable('" + parts[0] + "','" + parts[1] + "');<br/>";
		}
	}
	swc +=	"  so.write('mediaspace');<br/>&lt;/script&gt;";
	try { gid('swfobjcode').innerHTML = swc;  } catch(err) {}
}
function printJWEmbed() {
	var swc = "&lt;script type='text/javascript' src='jwplayer.js'&gt;&lt;/script&gt;<br/>&nbsp;<br/>&lt;div id='mediaspace'&gt;This text will be replaced&lt;/div&gt;<br/>&nbsp;<br/>&lt;script type='text/javascript'&gt;<br/>" +
		"  jwplayer('mediaspace').setup({<br/>"+
        "    'flashplayer': '"+usedvars['source']+"',<br/>";

	var flashVarArray = flashvars.split(/&amp;|&/);
	for (var i in flashVarArray) {
		if(flashVarArray[i]) {
			var parts = flashVarArray[i].split("=");
			swc += "    '" + parts[0] + "': '" + parts[1] + "',<br/>";
		}
	}

	
	if (!cfg['controlbar']) {
		swc += "    'controlbar': 'bottom',<br/>";
	}
	
    swc += "    'width': '"+usedvars['width']+"',<br/>";
    swc += "    'height': '"+usedvars['height']+"'<br/>";

	swc +=	"  });<br/>&lt;/script&gt;";
	try { gid('jwembedcode').innerHTML = swc;  } catch(err) {}
}
function writeXAML() {
	previewply.sendEvent('STOP');
	var cnt = gid('preview');
	var src = usedvars['source'];
	previewply = new jeroenwijering.Player(cnt,src,usedvars);
}
function printXAML() {
	var xlc = "&lt;script type='text/javascript' src='silverlight.js'&gt;&lt;/script&gt;<br/>&lt;script type='text/javascript' src='wmvplayer.js'&gt;&lt;/script&gt;<br/>&nbsp;<br/>&lt;div id='container'&gt;&lt;/div&gt;<br/>&nbsp;<br/>&lt;script type='text/javascript'&gt;<br/>&nbsp;var cnt = document.getElementById('container');<br/>&nbsp;var src = '"+usedvars['source']+"';<br/>&nbsp;var cfg = "+xamlvars+";<br/>&nbsp;var ply = new jeroenwijering.Player(cnt,src,cfg);<br/>&lt;/script&gt;";
	gid('xamlcode').innerHTML = xlc;
}