
 window.addEvent('domready', function(){
var szNormal = 0, szSmall  = 6, szFull   = 81;
var tempId = Math.floor(Math.random() * 999)

var parents = $$(".parents");
var players = $$(".player");
var fx = new Fx.Elements(players, {wait: false, duration: 555, transition: Fx.Transitions.Back.easeInOut,onComplete:function(){showPlayers()} });
parents.each(function(parent,i){
		var listens = parent.getElements(".listen");
					  listens.each(function(listen) {
							listen.addEvent("click", function(event) {
															var fileInfo = listen.getElement('.fileInfo');
															var player = parent.getElement('.player');
															
															var filePath = fileInfo.getElement('code.filePath').getText()
															var playerType = fileInfo.getElement('code.playerType').getText()
															var isVideo = fileInfo.getElement('code.isVideo').getText().toInt();
															player.setStyle('visibility','hidden');			
															player.setHTML(playfile(playerType,filePath,isVideo,tempId));
															
															if(isVideo == 1) szFull = 339 ; else szFull = 81;
															var o = {};
															var h = player.getStyle("height").toInt();
															 o[i] = {'height': [h, szFull]};
															
															parents.each(function(other,j) {
																			   if(i != j){
																				   var otherPlayers = other.getElement('.player');
																					   otherPlayers.setHTML('');
																						//otherPlayers.setStyle('visibility','hidden');			
																				   var w = otherPlayers.getStyle("height").toInt();
																				   if(w != szSmall)  o[j] = {'height' : [w,szSmall]};
																			   }
																		});
															fx.start(o);
														   })		
							   });
					  });
 			function showPlayers()
			{
				players.each(function(player){
							player.setStyle('visibility','visible');			
				})
			}
});
 
			function playfile(player,filePath,video,tempId)
			{
				//var playerDiv=document.getElementById('player');
				//playerDiv.style.height = (video) ? '285px' : '65px';
				var winMedPlayrHeight =  (video) ? "285px" : "65px" ;
				
				var realOneAudio="<embed name='ra"+tempId+"' id='ra"+tempId+"' console='ra"+tempId+"' HEIGHT='60px' src='"+filePath+"' WIDTH='315' pluginspage='http://www.real.com/player' type='audio/x-pn-realaudio-plugin' nojava='true' autostart='true' maintainaspect='false' controls='controlpanel,statusbar' vspace='0' hspace='0' border='0'></embed>";
				var realOneVideo='<embed name="ra'+tempId+'" id="ra'+tempId+'" console="ra'+tempId+'" width="315" height="250px" pluginspage="http://www.real.com/player" src="'+filePath+'" type="audio/x-pn-realaudio-plugin" nojava="true" autostart="true" maintainaspect="false" src="'+filePath+'" controls="imagewindow" vspace="0" hspace="0" border="0"></embed><embed name="ra'+tempId+'" id="ra'+tempId+'" console="ra'+tempId+'" HEIGHT="60" WIDTH="315" pluginspage="http://www.real.com/player" type="audio/x-pn-realaudio-plugin" nojava="true" autostart="true" maintainaspect="false" controls="controlpanel,statusbar" vspace="0" hspace="0" border="0"></embed>';
				var windowsMediaPlayer='<embed name="ra'+tempId+'" id="ra'+tempId+'" console="ra'+tempId+'" type="application/x-mplayer2"  pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"  autosize="0"     bgcolor="darkblue" showstatusbar="1"  width="320" height='+winMedPlayrHeight+' src="'+filePath+'" autostart="true" loop="false"></embed>';
				var mobile='<embed name="ra'+tempId+'" id="ra'+tempId+'" console="ra'+tempId+'" width="315" height="250px" pluginspage="http://www.real.com/player" src="'+filePath+'" type="video/3gpp" nojava="true" autostart="true" maintainaspect="false" src="'+filePath+'" controls="imagewindow" vspace="0" hspace="0" border="0"></embed><embed name="ra'+tempId+'" id="ra'+tempId+'" console="ra'+tempId+'" HEIGHT="60" WIDTH="315" pluginspage="http://www.real.com/player" type="audio/x-pn-realaudio-plugin" nojava="true" autostart="true" maintainaspect="false" controls="controlpanel,statusbar" vspace="0" hspace="0" border="0"></embed>';
				var selectedDiv;
				switch(player)
				{
					case "realOne": if(video) { selectedDiv = realOneVideo ; } else {selectedDiv = realOneAudio;}; break;
					case "windowsMediaPlayer": selectedDiv = windowsMediaPlayer; break;
					case "mobile": selectedDiv = mobile; break;
				}
				var paddingDiv = "<div style='height:11px'></div>"
				//playerDiv.innerHTML=selectedDiv;
				return paddingDiv+selectedDiv;
				
			}

