/**************************************************************

		Script          : multiBox
		Version         : 1.4
		Authors         : Samuel Birch
		Desc            : Supports jpg, gif, png, flash, flv, mov, wmv, mp3, html, iframe
		Licence         : Open Source MIT Licence


**************************************************************/

var multiBox = new Class({

		getOptions: function(){
				return {
						initialWidth: 250,
						initialHeight: 250,
						container: document.body, //this will need to be setup to the box open in relation to this.
						overlay: false, //this will be a reference to an overlay instance. - TODO: implement below.
						contentColor: '#FFF',
						showNumbers: false,
						showControls: false,
						//showThumbnails: false,
						//autoPlay: false,
						waitDuration: 4000,
						descClassName: false,
						descMinWidth: 400,
						descMaxWidth: 600,
						movieWidth: 400,
						movieHeight: 300,
						offset: {x:0, y:0},
						fixedTop: false,
						path: 'files/',
						_onOpen: $empty,
						_onClose: $empty,
						openFromLink: true
						//relativeToWindow: true
				};
		},

		initialize: function(className, options){
				this.setOptions(this.getOptions(), options);

				this.openClosePos = {};
				this.timer = 0;
				this.contentToLoad = {};
				this.index = 0;
				this.opened = false;
				this.contentObj = {};
				this.containerDefaults = {};

				if(this.options.useOverlay){
						this.overlay = new overlay({container: this.options.container, onClick:this.close.bind(this)});
				}
				this.overlay = this.options.overlay;
				if(this.overlay){
						this.overlay.setOnClick(this.close.bind(this));
				}

				this.content = $$('.'+className);
				if(this.options.descClassName){
						this.descriptions = $$('.'+this.options.descClassName);
						this.descriptions.each(function(el){
								el.setStyle('display', 'none');
						});
				}

				this.container = new Element('div').addClass('MultiBoxContainer').injectInside(this.options.container);
				this.iframe = new Element('iframe').setProperties({
						'id': 'multiBoxIframe',
						'name': 'mulitBoxIframe',
						'src': 'javascript:void(0);',
						'frameborder': 0,
						'scrolling': 'no'
				}).setStyles({
						'position': 'absolute',
						'top': -20,
						'left': -20,
						'filter': 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)',
						'opacity': 0
				}).inject(this.container);
				this.box = new Element('div').addClass('MultiBoxContent').inject(this.container);

				//this.closeButton = new Element('div').addClass('MultiBoxClose').inject(this.container).addEvent('click', this.close.bind(this));
				this.closeButton2 = new Element('div').addClass('MultiBoxClose2').inject(this.container).addEvent('click', this.close.bind(this));


				this.controlsContainer = new Element('div').addClass('MultiBoxControlsContainer').inject(this.container);
				this.controls = new Element('div').addClass('MultiBoxControls').inject(this.controlsContainer);

				this.previousButton = new Element('div').addClass('MultiBoxPrevious').inject(this.controls).addEvent('click', this.previous.bind(this));
				this.nextButton = new Element('div').addClass('MultiBoxNext').inject(this.controls).addEvent('click', this.next.bind(this));

				this.title = new Element('div').addClass('MultiBoxTitle').inject(this.controls);
				this.titleMargin = this.title.getStyle('margin-left');
				this.number = new Element('div').addClass('MultiBoxNumber').inject(this.controls);
				this.description = new Element('div').addClass('MultiBoxDescription').inject(this.controls);



				if(this.content.length == 1){
						this.title.setStyles({
								'margin-left': 0
						});
						this.description.setStyles({
								'margin-left': 0
						});
						this.previousButton.setStyle('display', 'none');
						this.nextButton.setStyle('display', 'none');
						this.number.setStyle('display', 'none');
				}

				new Element('div').setStyle('clear', 'both').inject(this.controls);

				this.content.each(function(el,i){
						el.index = i;
						el.addEvent('click', function(e){
								new Event(e).stop();
								this.open(el);
						}.bind(this));
						if(el.href.indexOf('#') > -1){
								el.content = $(el.href.substr(el.href.indexOf('#')+1));
								if(el.content){el.content.setStyle('display','none');}
						}
				}, this);

				this.containerEffects = new Fx.Morph(this.container, {duration: 400, transition: Fx.Transitions.Sine.easeInOut});
				this.iframeEffects = new Fx.Morph(this.iframe, {duration: 400, transition: Fx.Transitions.Sine.easeInOut});
				this.controlEffects = new Fx.Morph(this.controlsContainer, {duration: 300, transition: Fx.Transitions.Sine.easeInOut});

				this.reset();
		},

		setContentType: function(link){
				var str = link.href.substr(link.href.lastIndexOf('.')+1).toLowerCase();
				var contentOptions = {};
				if($chk(link.rel)){
						var optArr = link.rel.split(',');
						optArr.each(function(el){
								var ta = el.split(':');
								contentOptions[ta[0]] = ta[1];
						});
				}

				if(contentOptions.type != undefined){
						str = contentOptions.type;
				}

				this.contentObj = {};
				this.contentObj.url = link.href;
				this.contentObj.src = link.href;
				this.contentObj.xH = 0;

				if(contentOptions.width){
						this.contentObj.width = contentOptions.width;
				}else{
						this.contentObj.width = this.options.movieWidth;
				}
				if(contentOptions.height){
						this.contentObj.height = contentOptions.height;
				}else{
						this.contentObj.height = this.options.movieHeight;
				}
				if(contentOptions.panel){
						this.panelPosition = contentOptions.panel;
				}else{
						this.panelPosition = this.options.panel;
				}

				switch(str){
						case 'jpg':
						case 'image':
						case 'gif':
						case 'png':
								this.type = 'image';
								break;
						case 'swf':
								this.type = 'flash';
								break;
						case 'youtube':
								this.type = 'youtube';
								break;
						case 'flv':
								this.type = 'flashVideo';
								this.contentObj.xH = 70;
								break;
						case 'mov':
								this.type = 'quicktime';
								break;
						case 'wmv':
								this.type = 'windowsMedia';
								break;
						case 'rv':
						case 'rm':
						case 'rmvb':
								this.type = 'real';
								break;
						case 'mp3':
								this.type = 'flashMp3';
								this.contentObj.width = 320;
								this.contentObj.height = 70;
								break;
						case 'element':
								this.type = 'htmlelement';
								this.elementContent = link.content;
								this.elementContent.setStyles({
										display: 'block',
										opacity: 0
								})

								if(this.elementContent.getStyle('width') != 'auto'){
										this.contentObj.width = this.elementContent.getStyle('width');
								}

								this.contentObj.height = this.elementContent.getSize().y;
								this.elementContent.setStyles({
										display: 'none',
										opacity: 1
								})
								break;

						default:

								this.type = 'iframe';
								if(contentOptions.ajax){
										this.type = 'ajax';
								}
								break;
				}
		},

		reset: function(){
				this.container.setStyles({
						'opacity': 0,
						'display': 'none'
				});
				this.controlsContainer.setStyles({
						'height': 0
				});
				this.removeContent();
				this.previousButton.removeClass('MultiBoxButtonDisabled');
				this.nextButton.removeClass('MultiBoxButtonDisabled');
				this.opened = false;
		},

		getOpenClosePos: function(el){
				if (this.options.openFromLink) {
						if (el.getFirst()) {
								var w = el.getFirst().getCoordinates().width - (this.container.getStyle('border').toInt() * 2);
								if (w < 0) {
										w = 0
								}
								var h = el.getFirst().getCoordinates().height - (this.container.getStyle('border').toInt() * 2);
								if (h < 0) {
										h = 0
								}
								this.openClosePos = {
										width: w,
										height: h,
										top: el.getFirst().getCoordinates().top,
										left: el.getFirst().getCoordinates().left
								};
						}
						else {
								var w = el.getCoordinates().width - (this.container.getStyle('border').toInt() * 2);
								if (w < 0) {
										w = 0
								}
								var h = el.getCoordinates().height - (this.container.getStyle('border').toInt() * 2);
								if (h < 0) {
										h = 0
								}
								this.openClosePos = {
										width: w,
										height: h,
										top: el.getCoordinates().top,
										left: el.getCoordinates().left
								};
						}
				}else{
						var border = this.container.getStyle('border').toInt();

						if(this.options.fixedTop){
								var top = this.options.fixedTop;
						}else{
								var top = ((window.getHeight()/2)-(this.options.initialHeight/2) - border)+this.options.offset.y;
						}
						this.openClosePos = {
								width: this.options.initialWidth,
								height: this.options.initialHeight,
								top: top,
								left: ((window.getWidth()/2)-(this.options.initialWidth/2)-border)+this.options.offset.x
						};
				}
				return this.openClosePos;
		},

		open: function(el){
				this.options._onOpen();

				this.index = this.content.indexOf(el);

				this.openId = el.getProperty('id');

				var border = this.container.getStyle('border').toInt();

				if(!this.opened){
						this.opened = true;

						if(this.options.overlay){
								this.overlay.show();
						}


						this.container.setStyles(this.getOpenClosePos(el));
						this.container.setStyles({
								opacity: 0,
								display: 'block'
						});

						if(this.options.fixedTop){
								var top = this.options.fixedTop;
						}else{
								var top = ((window.getHeight()/2)-(this.options.initialHeight/2) - border)+this.options.offset.y;
						}


						this.containerEffects.start({
								width: this.options.initialWidth,
								height: this.options.initialHeight,
								top: top,
								left: ((window.getWidth()/2)-(this.options.initialWidth/2)-border)+this.options.offset.x,
								opacity: [0, 1]
						});

						this.load(this.index);

				}else{
						if (this.options.showControls) {
								this.hideControls();
						}
						this.getOpenClosePos(this.content[this.index]);
						this.timer = this.hideContent.bind(this).delay(500);
						this.timer = this.load.pass(this.index, this).delay(1100);

				}

		},

		create: function(obj){
				/*
				obj = {
						url: 'myurl',  *
						title: 'my title',
						description: 'my description',
						type: 'image',
						width: 400,
						height: 300
				}
				*/
				var id = 'mbDirect_' + $time();
				var rel = '';
				if(obj.type){rel+='type:'+obj.type}
				if(obj.width){rel+='width:'+obj.width}
				if(obj.height){rel+='height:'+obj.height}

				var a = new Element('a', {
						'href': obj.url,
						'id': id,
						'title': obj.title || '',
						'rel': rel
				});
				var desc = new Element('div', {
						'class': id,
						'html': obj.description || ''
				})

				this.content.push(a);
				var index = this.content.length-1;

				if(this.options.descClassName){
						this.descriptions.push(desc);
				}
				this.open(a);
		},

		getContent: function(index){
				this.setContentType(this.content[index]);
				var desc = false;
				if(this.options.descClassName){
				this.descriptions.each(function(el,i){
						if(el.hasClass(this.openId)){
								desc = el.clone();
						}
				},this);
				}
				this.contentToLoad = {
						title: this.content[index].title || ' ',
						desc: desc,
						number: index+1
				};
		},

		close: function(){
				if(this.options.overlay){
						this.overlay.hide();
				}
				if (this.options.showControls) {
						this.hideControls();
				}
				this.hideContent();
				this.containerEffects.cancel();
				this.zoomOut.bind(this).delay(500);
				this.options._onClose();
		},

		zoomOut: function(){
				this.iframeEffects.start({
						width: this.openClosePos.width,
						height: this.openClosePos.height
				});
				this.containerEffects.start({
						width: this.openClosePos.width,
						height: this.openClosePos.height,
						top: this.openClosePos.top,
						left: this.openClosePos.left,
						opacity: 0
				});
				this.reset.bind(this).delay(500);
		},

		load: function(index){
				this.box.addClass('MultiBoxLoading');
				this.getContent(index);
				if(this.type == 'image'){
						var xH = this.contentObj.xH;
						this.contentObj = new Asset.image(this.content[index].href, {onload: this.resize.bind(this)});
						this.contentObj.xH = xH;
				}else{
						this.resize();
				}
		},

		resize: function(){
				if(this.tempSRC != this.contentObj.src){

						var border = this.container.getStyle('border').toInt();

						if (this.options.fixedTop) {
								var top = this.options.fixedTop;
						}
						else {
								var top = ((window.getHeight() / 2) - ((Number(this.contentObj.height) + this.contentObj.xH) / 2) - border + window.getScrollTop()) + this.options.offset.y;
						}
						var left = ((window.getWidth() / 2) - (this.contentObj.width.toInt() / 2) - border) + this.options.offset.x;
						if (top < 0) {
								top = 0
						}
						if (left < 0) {
								left = 0
						}

						this.containerEffects.cancel();
						this.containerEffects.start({
								width: this.contentObj.width,
								height: Number(this.contentObj.height) + this.contentObj.xH,
								top: top,
								left: left,
								opacity: 1
						});
						this.iframeEffects.start({
								width: Number(this.contentObj.width) + (border*2),
								height: Number(this.contentObj.height) + this.contentObj.xH + (border*2)
						});
						this.timer = this.showContent.bind(this).delay(500);
						this.tempSRC = this.contentObj.src;
				}
		},

		showContent: function(){
				this.tempSRC = '';
				this.box.removeClass('MultiBoxLoading');
				this.removeContent();

				this.contentContainer = new Element('div').setProperties({id: 'MultiBoxContentContainer'}).setStyles({opacity: 0, width: this.contentObj.width+'px', height: (Number(this.contentObj.height)+this.contentObj.xH)+'px'}).injectInside(this.box);

				if(this.type == 'image'){
						this.contentObj.injectInside(this.contentContainer);

				}else if(this.type == 'iframe'){
						new Element('iframe').setProperties({
								id: 'iFrame'+new Date().getTime(),
								width: this.contentObj.width,
								height: this.contentObj.height,
								src: this.contentObj.url,
								frameborder: 0,
								scrolling: 'auto'
						}).injectInside(this.contentContainer);

				}else if(this.type == 'htmlelement'){
						this.elementContent.clone().setStyle('display','block').injectInside(this.contentContainer);

				}else if(this.type == 'ajax'){
						new Request.HTML({
								update: $('MultiBoxContentContainer'),
								autoCancel: true
						}).get(this.contentObj.url);

				}else{
						var obj = this.createEmbedObject().injectInside(this.contentContainer);
						if(this.str != ''){
								$('MultiBoxMediaObject').innerHTML = this.str;
						}
				}

				this.contentEffects = new Fx.Morph(this.contentContainer, {duration: 500, transition: Fx.Transitions.linear});
				this.contentEffects.start({
						opacity: 1
				});

				this.title.set('html', this.contentToLoad.title);
				/*
				if(this.content.length > 1){
						this.number.set('html', this.contentToLoad.number+' of '+this.content.length);
				}else{
						this.number.set('html','');
				}
				*/
				if (this.options.descClassName) {
						if (this.description.getFirst()) {
								this.description.getFirst().destroy();
						}
						if(this.contentToLoad.desc){
								this.contentToLoad.desc.inject(this.description).setStyles({
										display: 'block'
								});
						}
				}
				//this.removeContent.bind(this).delay(500);
				if (this.options.showControls) {
						if(this.contentToLoad.title != ' ' || this.content.length > 1){
								this.timer = this.showControls.bind(this).delay(800);
						}
				}
		},

		hideContent: function(){
				this.box.addClass('MultiBoxLoading');
				this.contentEffects.start({
						opacity: 0
				});
				this.removeContent.bind(this).delay(500);
		},

		removeContent: function(){
				if($('MultiBoxMediaObject')){
						$('MultiBoxMediaObject').empty();
						$('MultiBoxMediaObject').destroy();
				}
				if($('MultiBoxContentContainer')){
						//$('MultiBoxContentContainer').empty();
						$('MultiBoxContentContainer').destroy();
				}
		},

		showControls: function(){
				this.clicked = false;

				if(this.container.getStyle('height') != 'auto'){
						this.containerDefaults.height = this.container.getStyle('height')
						this.containerDefaults.backgroundColor = this.options.contentColor;
				}

				this.container.setStyles({
						//'backgroundColor': this.controls.getStyle('backgroundColor'),
						'height': 'auto'
				});

				if(this.content.length > 1){
						this.previousButton.setStyle('visibility', 'hidden');
						this.nextButton.setStyle('visibility', 'hidden');
						this.title.setStyle('margin-left', this.titleMargin);

						if(this.contentToLoad.number == 1){
								this.previousButton.addClass('MultiBoxPreviousDisabled');
						}else{
								this.previousButton.removeClass('MultiBoxPreviousDisabled');
						}
						if(this.contentToLoad.number == this.content.length){
								this.nextButton.addClass('MultiBoxNextDisabled');
						}else{
								this.nextButton.removeClass('MultiBoxNextDisabled');
						}
				}else{
						this.previousButton.setStyle('visibility', 'hidden');
						this.nextButton.setStyle('visibility', 'hidden');
						this.title.setStyle('margin-left', 0);
				}

				this.controlEffects.start({'height': this.controls.getCoordinates().height});
				this.iframeEffects.start({'height': this.iframe.getStyle('height').toInt()+this.controls.getStyle('height').toInt()});

				if(this.options.overlay){
						this.options.overlay.position();
				}


		},

		hideControls: function(num){
				this.iframeEffects.start({'height': this.iframe.getStyle('height').toInt()-this.controls.getStyle('height').toInt()});
				this.controlEffects.start({'height': 0}).chain(function(){
						this.container.setStyles(this.containerDefaults);
				}.bind(this));
		},

		showThumbnails: function(){

		},

		next: function(){
				if(this.index < this.content.length-1){
						this.index++;
						this.openId = this.content[this.index].getProperty('id');
						if (this.options.showControls) {
								this.hideControls();
						}
						this.getOpenClosePos(this.content[this.index]);
						//this.getContent(this.index);
						this.timer = this.hideContent.bind(this).delay(500);
						this.timer = this.load.pass(this.index, this).delay(1100);
				}
		},

		previous: function(){
				if(this.index > 0){
						this.index--;
						this.openId = this.content[this.index].getProperty('id');
						if (this.options.showControls) {
								this.hideControls();
						}
						this.getOpenClosePos(this.content[this.index]);
						//this.getContent(this.index);
						this.timer = this.hideContent.bind(this).delay(500);
						this.timer = this.load.pass(this.index, this).delay(1000);
				}
		},

		createEmbedObject: function(){
				if(this.type == 'flash'){
						var url = this.contentObj.url;

						var obj = new Element('div').setProperties({id: 'MultiBoxMediaObject'});
						this.str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" '
						this.str += 'width="'+this.contentObj.width+'" ';
						this.str += 'height="'+this.contentObj.height+'" ';
						this.str += 'title="MultiBoxMedia">';
						this.str += '<param name="movie" value="'+url+'" />'
						this.str += '<param name="quality" value="high" />';
						this.str += '<embed src="'+url+'" ';
						this.str += 'quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ';
						this.str += 'width="'+this.contentObj.width+'" ';
						this.str += 'height="'+this.contentObj.height+'"></embed>';
						this.str += '</object>';

				}

				if(this.type == 'youtube'){
						var url = this.contentObj.url;

						var obj = new Element('div').setProperties({id: 'MultiBoxMediaObject'});
						this.str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" '
						this.str += 'width="'+this.contentObj.width+'" ';
						this.str += 'height="'+this.contentObj.height+'" ';
						this.str += 'title="MultiBoxMedia">';
						this.str += '<param name="movie" value="'+url+'" />'
						this.str += '<param name="quality" value="high" />';
						this.str += '<param name="allowFullScreen" value="true"></param>';
						this.str += '<embed src="'+url+'" ';
						this.str += 'quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ';
						this.str += 'allowfullscreen="true" ';
						this.str += 'width="'+this.contentObj.width+'" ';
						this.str += 'height="'+this.contentObj.height+'"></embed>';
						this.str += '</object>';

				}

				if(this.type == 'flashVideo'){
						//var url = this.contentObj.url.substring(0, this.contentObj.url.lastIndexOf('.'));
						var url = this.contentObj.url;

						var obj = new Element('div').setProperties({id: 'MultiBoxMediaObject'});
						this.str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" '
						this.str += 'width="'+this.contentObj.width+'" ';
						this.str += 'height="'+(Number(this.contentObj.height)+this.contentObj.xH)+'" ';
						this.str += 'title="MultiBoxMedia">';
						this.str += '<param name="movie" value="'+this.options.path+'flvplayer.swf" />'
						this.str += '<param name="quality" value="high" />';
						this.str += '<param name="salign" value="TL" />';
						this.str += '<param name="scale" value="noScale" />';
						this.str += '<param name="FlashVars" value="path='+url+'" />';
						this.str += '<embed src="'+this.options.path+'flvplayer.swf" ';
						this.str += 'quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ';
						this.str += 'width="'+this.contentObj.width+'" ';
						this.str += 'height="'+(Number(this.contentObj.height)+this.contentObj.xH)+'"';
						this.str += 'salign="TL" ';
						this.str += 'scale="noScale" ';
						this.str += 'FlashVars="path='+url+'"';
						this.str += '></embed>';
						this.str += '</object>';

				}

				if(this.type == 'flashMp3'){
						var url = this.contentObj.url;

						var obj = new Element('div').setProperties({id: 'MultiBoxMediaObject'});
						this.str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" '
						this.str += 'width="'+this.contentObj.width+'" ';
						this.str += 'height="'+this.contentObj.height+'" ';
						this.str += 'title="MultiBoxMedia">';
						this.str += '<param name="movie" value="'+this.options.path+'mp3player.swf" />'
						this.str += '<param name="quality" value="high" />';
						this.str += '<param name="salign" value="TL" />';
						this.str += '<param name="scale" value="noScale" />';
						this.str += '<param name="FlashVars" value="path='+url+'" />';
						this.str += '<embed src="'+this.options.path+'mp3player.swf" ';
						this.str += 'quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ';
						this.str += 'width="'+this.contentObj.width+'" ';
						this.str += 'height="'+this.contentObj.height+'"';
						this.str += 'salign="TL" ';
						this.str += 'scale="noScale" ';
						this.str += 'FlashVars="path='+url+'"';
						this.str += '></embed>';
						this.str += '</object>';
				}

				if(this.type == 'quicktime'){
						var obj = new Element('div').setProperties({id: 'MultiBoxMediaObject'});
						this.str = '<object  type="video/quicktime" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"';
						this.str += ' width="'+this.contentObj.width+'" height="'+this.contentObj.height+'">';
						this.str += '<param name="src" value="'+this.contentObj.url+'" />';
						this.str += '<param name="autoplay" value="true" />';
						this.str += '<param name="controller" value="true" />';
						this.str += '<param name="enablejavascript" value="true" />';
						this.str += '<embed src="'+this.contentObj.url+'" autoplay="true" pluginspage="http://www.apple.com/quicktime/download/" width="'+this.contentObj.width+'" height="'+this.contentObj.height+'"></embed>';
						this.str += '<object/>';

				}

				if(this.type == 'windowsMedia'){
						var obj = new Element('div').setProperties({id: 'MultiBoxMediaObject'});
						this.str = '<object  type="application/x-oleobject" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"';
						this.str += ' width="'+this.contentObj.width+'" height="'+this.contentObj.height+'">';
						this.str += '<param name="filename" value="'+this.contentObj.url+'" />';
						this.str += '<param name="Showcontrols" value="true" />';
						this.str += '<param name="autoStart" value="true" />';
						this.str += '<embed type="application/x-mplayer2" src="'+this.contentObj.url+'" Showcontrols="true" autoStart="true" width="'+this.contentObj.width+'" height="'+this.contentObj.height+'"></embed>';
						this.str += '<object/>';

				}

				if(this.type == 'real'){
						var obj = new Element('div').setProperties({id: 'MultiBoxMediaObject'});
						this.str = '<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"';
						this.str += ' width="'+this.contentObj.width+'" height="'+this.contentObj.height+'">';
						this.str += '<param name="src" value="'+this.contentObj.url+'" />';
						this.str += '<param name="controls" value="ImageWindow" />';
						this.str += '<param name="autostart" value="true" />';
						this.str += '<embed src="'+this.contentObj.url+'" controls="ImageWindow" autostart="true" width="'+this.contentObj.width+'" height="'+this.contentObj.height+'"></embed>';
						this.str += '<object/>';

				}

				return obj;
		}

});
multiBox.implement(new Options);
multiBox.implement(new Events);