var _list='L?île aux Enfants:545681:53|Les bronzés - Dirla dirla...:464743:53|Les Bronzés font du ski -...:464791:53|Papa pingouin:470563:53|L?homme qui tombe à pic:144121:53|A la queuleuleu:163951:53|La panthère rose:144091:53|Il était une fois dans l?...:143192:53|Chapi chapo (remix):578577:53|Zidane y va marquer:559454:53|'; var _pos='100:400';

	var playList = null;		
	var player = null;
	var cookie = null;
	var browser = new Browser();
	var drag = null;
	
	var host='musiclive.magikmobile.com';
	
	function Initialize()
	{	
		
		if (browser.Compatible == 1 )
		{
			player = new Player();
			player.LoadPos();
			playList = new PlayList(10);
			PlayListShow();
			DragAndDrop('MagikPlayListMain');
			
			window.onscroll=playermove;
			window.onresize=playermove;
			moveit();
		}
	}
	
	window.onload=Initialize;

	
	var scroll=true;
	var postop=0;
	var posleft=0;
	function playermove()
	{
	  if ( scroll )
		{
	    idTimer=setTimeout("moveit()",50);
	  }
	}
		
	function moveit()
	{
	  elt=document.getElementById("MagikPlayListMain");
		
	  w=document.body.scrollLeft*1+player.OffsetLeft;
	  h=document.body.scrollTop*1+player.OffsetTop;
	  elt.style.left=w;
	  elt.style.top=h;
		
	  scroll=true;
	}
	
	// CLASS BROWSER
	function Browser()
	{
		this.OS;
		this.Browser;
		this.Version;
		this.Compatible=0;
		
		var detect = navigator.userAgent.toLowerCase();
		var place;
		var thestring;
				
		if (checkIt('konqueror')){this.Browser = "Konqueror";this.OS = "Linux";}
		else if (checkIt('msie')) {this.Browser = "Internet Explorer";this.Compatible=1;}
		else if (checkIt('safari')) this.Browser = "Safari"
		else if (checkIt('omniweb')) this.Browser = "OmniWeb"
		else if (checkIt('opera')) this.Browser = "Opera"
		else if (checkIt('webtv')) this.Browser = "WebTV";
		else if (checkIt('icab')) this.Browser = "iCab"
		else if (!checkIt('compatible'))
		{
			this.Browser = "Netscape Navigator"
			this.Version = detect.charAt(8);
			this.Compatible=1;
		}
		else this.Browser = "An unknown browser";
		if (!this.Version) this.Version = detect.charAt(place + thestring.length);

		if (!this.OS)
		{
			if (checkIt('linux')) this.OS = "Linux";
			else if (checkIt('x11')) this.OS = "Unix";
			else if (checkIt('mac')) this.OS = "Mac"
			else if (checkIt('win')) this.OS = "Windows"
			else this.OS = "an unknown operating system";
		}
		
		function checkIt(string)
		{
			place = detect.indexOf(string) + 1;
			thestring = string;
			return place;
		}
	}

	
	// CLASS PRODUCT
	function Product(title,id,typeId)
	{
		this.Id=id;
		this.TypeId=typeId;
		this.Title=title;
				
	}
	

	// CLASS PLAYLIST
	function PlayList(max)
	{
		this.Count=0;
		this.Size=max;
		this.List = new Array(max);
		
		Deserialize(this);
		
		this.Add = function(obj)
		{
			this.List[this.Count]=obj;
			this.Count++;
			Serialize(this);
		}
		
		this.Remove = function(id)
		{
			for(i=0;i<this.Count;i++)
			{
				p=this.List[i];
				if (p.Id == id)
				{
					if (i != this.Count-1)
					{
						last=this.List[this.Count-1];
						this.List[i]=last;
						this.List[this.Count-1]=p;
					}
					
					p=this.List.pop();
					delete(p);
					this.Count--;
					Serialize(this);
					return;
				}
			}
		}
		
		this.Contain = function(id)
		{
			for(i=0;i<this.Count;i++)
			{
				p=this.List[i];
				if (p.Id == id) return true;
			}
			return false;
		}
		
		
		this.Clear = function()
		{
			this.Count=0;
			Serialize (this);
		}
		
		function Serialize (obj)
		{
			var output='';
			for(i=0;i<obj.Count;i++)  
			{
				p=obj.List[i];
				output=output+p.Title+':'+p.Id+':'+p.TypeId+'|';
			}
			cookie=new Cookie();
			cookie.Write("MagikPlayList",output);
			delete(cookie);
		}
		
		function Deserialize(obj)
		{
			obj.Count=0;
			cookie=new Cookie();
			str=cookie.Read("MagikPlayList");
		
			delete(cookie);
			
			if (str == null || str =='' ) 
			{
				str=_list;
			}
			
			if (str.length == 0) return;
			
			var objs=str.split("|");
			
			for(i=0;i<objs.length-1;i++)
			{
				var o=objs[i].split(":");
				var p = new Product(o[0],o[1],o[2]);
				obj.List[obj.Count]=p;
				obj.Count++;
			}
			
		}
		
		
	}
	
	
	//CLASS COOKIE
	function Cookie()
	{
		this.Write= function(nom, valeur)
		{
			var argv=this.Write.arguments;
			var argc=this.Write.arguments.length;
			var expires=(argc > 2) ? argv[2] : null;
			var path=(argc > 3) ? argv[3] : null;
			var domain=(argc > 4) ? argv[4] : null;
			var secure=(argc > 5) ? argv[5] : false;
			document.cookie=nom+"="+escape(valeur)+
			((expires==null) ? "" : ("; expires="+expires.toGMTString()))+
			((path==null) ? "" : ("; path="+path))+
			((domain==null) ? "" : ("; domain="+domain))+
			((secure==true) ? "; secure" : "");
		}
		
		this.Read = function(nom)
		{
			var arg=nom+"=";
			var alen=arg.length;
			var clen=document.cookie.length;
			var i=0;
			while (i<clen)
			{
				var j=i+alen;
				if (document.cookie.substring(i, j)==arg) return getCookieVal(j);
				i=document.cookie.indexOf(" ",i)+1;
				if (i==0) break;
			}
			return null; 
		}
		
		
		function getCookieVal(offset)
		{
			var endstr=document.cookie.indexOf (";", offset);
			if (endstr==-1) endstr=document.cookie.length;
			return unescape(document.cookie.substring(offset, endstr)); 
		}
	}
	
		
	// CLASS PLAYER
	function Player()
	{
		this.Id=0;
		this.State=0;
		this.CurrentPlayer=null;
		this.Pos='0:0';
		this.OffsetTop=0;
		this.OffsetLeft=0;
			
			
		this.Play = function(id)
		{
			if (id != null)
			{
				this.Id=id;
			}
			
			if ( this.State == 1 )
			{
				this.CurrentPlayer.innerHTML='';
				
				if (!document.all)
					document.body.removeChild(this.CurrentPlayer);
			}
			
			this.State=1;
			this.CurrentPlayer=document.createElement('span');
			this.CurrentPlayer.innerHTML="<embed src='http://content.mkmb.net/p.ashx?id="+this.Id+"&t=1.mp3' hidden=true autostart=true loop=false >";
			
			if (!document.all)
				document.body.appendChild(this.CurrentPlayer);
		}
		this.Stop = function()
		{
			if ( this.State == 1 )
			{
				this.CurrentPlayer.innerHTML='';
				if (!document.all)
					document.body.removeChild(this.CurrentPlayer);
			}
			
			this.Url='';
			this.State=0;
		}
		
		this.Clear= function Clear()
		{
			this.Stop();
			this.Id=0;
		}
		
		this.IsPlaying = function (id)
		{
			if ( this.Id == id) return true;
			return false;
		}
		
		this.SetPos = function (toppos,leftpos)
		{
			this.OffsetTop=toppos;
			toppos=toppos*1+document.body.scrollTop;
			
			this.OffsetLeft=leftpos;
			leftpos=leftpos*1+document.body.scrollLeft;
			
			document.getElementById("MagikPlayListMain").style.top=toppos;
			document.getElementById("MagikPlayListMain").style.left=leftpos;
		}
		
		this.SavePos=function()
		{
			
			toppos=document.getElementById("MagikPlayListMain").style.top.replace('px','');
			leftpos=document.getElementById("MagikPlayListMain").style.left.replace('px','');
		
			this.OffsetTop=toppos*1-document.body.scrollTop;
			this.OffsetLeft=leftpos*1-document.body.scrollLeft;
			c = new Cookie();
			c.Write("PlayerPos",toppos+":"+leftpos);
			delete(c);
		}
		
		this.LoadPos=function()
		{
			
			c = new Cookie();
			pos=c.Read("PlayerPos");
			delete(c);
			if (pos == null)
			{
				pos=_pos;
			}
				
			if (pos == null) pos='0:0';
			if (pos.length == 0) pos='0:0';
		
			tok=pos.split(":");
			
			this.OffsetTop=tok[0]*1;
			this.OffsetLeft=tok[1]*1;
			
			document.getElementById("MagikPlayListMain").style.top=tok[0];
			document.getElementById("MagikPlayListMain").style.left=tok[1];
			
		}
		
		
		
		var player='';
		
		player+=''; player+=''; player+=' '; player+='<div id="MagikPlayListMain"  style="width:359px;border: 0px;top:10;left:500;visibility:hidden;position:absolute;">'; player+='<table border="0" cellpadding="0" cellspacing="0" width="359">'; player+='	<tr>'; player+='		<td colspan="2" valign="top">'; player+='		<!-- clear/close -->'; player+='		<table border="0" cellpadding="0" cellspacing="0" summary="">'; player+='	<tr>'; player+='		<td colspan="5"><img src="http://www.magikmobile.com/images/player/1a.gif" border="0" width="354" height="6" alt=""></td>'; player+='	</tr>'; player+='	<tr>'; player+='		<td><img src="http://www.magikmobile.com/images/player/1b.gif" border="0" width="11" height="41" alt=""></td>'; player+='		<td><a href="javascript:PlayListClear()" onMouseOver="PlayerBouton.src = player_image2.src" onMouseOut="PlayerBouton.src = player_image1.src"><img src="http://www.magikmobile.com/images/player/bout_clear_up.gif" NAME="PlayerBouton" border="0" width="28" height="41" alt=""></a></td>'; player+='		<td style="background-image:url(http://www.magikmobile.com/images/player/1c.jpg);height:41px;width:278;" ></td>'; player+='		<td><a href="javascript:PlayListClose()" onMouseOver="PlayerBouton1.src = player_image4.src" onMouseOut="PlayerBouton1.src = player_image3.src"><img src="http://www.magikmobile.com/images/player/bout_close_up.gif" NAME="PlayerBouton1" border="0" width="27" height="41" alt=""></a></td>'; player+='		<td><img src="http://www.magikmobile.com/images/player/1d.gif" border="0" width="14" height="41" alt=""></td>'; player+='	</tr>'; player+='</table>'; player+='		<!-- /clear/close -->'; player+='		</td>'; player+='	</tr>'; player+='	<tr>'; player+='		<td colspan="2" valign="top"><!-- titre -->'; player+='		<table width="359" border="0" cellpadding="0" cellspacing="0" summary="">'; player+='	<tr>'; player+='		<td width="2"></td>'; player+='		<td width="10" height="63" background="http://www.magikmobile.com/images/player/2a.gif"></td>'; player+='		<td width="333">'; player+='		'; player+='		<table border="0" cellpadding="0" cellspacing="0">'; player+='	<tr>'; player+='		<td valign="top"><img src="http://www.magikmobile.com/images/player/scrn_1.gif" border="0" width="7" height="63" alt=""></td>'; player+='		<td background="http://www.magikmobile.com/images/player/download-vide.gif" width="326" height="63" valign="top">'; player+='		'; player+='		'; player+='			<div id="MagikPlayListInfo" style="position:relative;">'; player+='		</div>'; player+=''; player+='		'; player+='		</td>'; player+='		<!-- <td><img id="PlayingImage" src="http://www.magikmobile.com/images/player/scrn_3-vide.gif" border="0" width="57" height="63" alt=""></td> -->'; player+='	</tr>'; player+='</table>'; player+='		</td>'; player+='		<td width="14" height="63" background="http://www.magikmobile.com/images/player/2b.gif"></td>'; player+='	</tr>'; player+='</table>'; player+='		'; player+='		<!-- /titre -->'; player+='	</td>'; player+='	</tr>'; player+='	<tr>'; player+='		<td colspan="2"><!-- play stop -->'; player+='		<table border="0" cellpadding="0" cellspacing="0" summary="">'; player+='	<tr>'; player+='		<td width="12" height="45" background="http://www.magikmobile.com/images/player/3a.gif" rowspan="3"></td>'; player+='		<td width="330" height="16" background="http://www.magikmobile.com/images/player/3b.gif" colspan="2"></td>'; player+='		<td width="13" height="45" background="http://www.magikmobile.com/images/player/3c.gif" rowspan="3"></td>'; player+='	</tr>'; player+='	<tr>'; player+='		<td><a href="javascript:PlayListPlayCurrent()"onMouseOver="PlayerBouton2.src = player_image6.src" onMouseOut="PlayerBouton2.src = player_image5.src"><img src="http://www.magikmobile.com/images/player/bout_play_up.gif" NAME="PlayerBouton2" border="0" width="167" height="18" alt=""></a></td>'; player+='		<td><a href="javascript:PlayListStop()"onMouseOver="PlayerBouton3.src = player_image8.src" onMouseOut="PlayerBouton3.src = player_image7.src"><img src="http://www.magikmobile.com/images/player/bout_stop_up.gif" NAME="PlayerBouton3" border="0" width="166" height="18" alt=""></a></td>'; player+='	</tr>'; player+='	<tr>'; player+='		<td width="330" height="11" background="http://www.magikmobile.com/images/player/3d.gif" colspan="2"></td>'; player+='	</tr>'; player+='	'; player+='</table>'; player+='		'; player+='		'; player+='		<!-- /play stop --></td>'; player+='	</tr>'; player+=''; player+='<!-- playlist -->'; player+='<tr   valign="top" style="height:0px;">'; player+='	<td width="3" style="height:0px;"></td>'; player+='	<td style="height:0px;">'; player+='	<div id="MagikPlayListList" style="width:354px;">'; player+='	'; player+='			<table width="354" border="0" cellspacing="0" cellpadding="0">'; player+='			  <tr>'; player+='			    <td style="background-image:url(http://www.magikmobile.com/images/player/liste_titre2.gif);width:354px;height:24px;" ></td>'; player+='			  </tr>'; player+='			</table>'; player+='			'; player+='			<div id="MagikPlayListItem" style="position:relative;"></div>'; player+=''; player+='			<table width="352" border="0" cellspacing="0" cellpadding="0">'; player+='			  <tr>'; player+='			    <td style="background-image:url(http://www.magikmobile.com/images/player/liste_foot.gif);width:352px;height:11px;" valign="top">'; player+='				'; player+='						<span style="font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;font-weight:bold;">'; player+='						<div id="MagikPlayListListError" style="position:relative;left:53px;"></div>'; player+='						</span>'; player+='					'; player+='					</td>'; player+='			  </tr>'; player+='			</table>'; player+='			'; player+='			<table width="354" border="0" cellspacing="0" cellpadding="0">'; player+='			  <tr>'; player+='			    <td style="background-image:url(http://www.magikmobile.com/images/player/3e.gif);width:354px;height:5px;"></td>'; player+='			  </tr>'; player+='			</table>'; player+='		</div>'; player+='	</td>'; player+='</tr>'; player+='<!-- /playlist -->'; player+=''; player+='	<tr>'; player+='		<td colspan="2" valign="top">'; player+='		'; player+='		<!-- footer -->'; player+='		<table  border="0" cellspacing="0" cellpadding="0">'; player+='	<!--tr>'; player+='		<td width="354" height="11"  colspan="3" valign="top" style="background-image:url(http://www.magikmobile.com/images/player/3e.gif);width:354px;height:5px;" ></td>'; player+='	</tr-->'; player+='	<tr>'; player+='		'; player+='		<td ><a href="javascript:PlayListTitles()" ><img Id="OpenCloseListe" src="http://www.magikmobile.com/images/player/bout_liste.gif" Border="0" width="47" height="14" alt=""></a></td>'; player+='		<td></td>'; player+='		<td></td>'; player+='	</tr>'; player+='</table>'; player+='	<!-- /footer -->'; player+='	'; player+='		</td>'; player+='	</tr>'; player+='</table>'; player+=''; player+='<div id="MagikPlayListTemplate" style="visibility:hidden;position:absolute;width:333px">'; player+='<table width="352" border="0" cellspacing="0" cellpadding="0">'; player+='  <tr>'; player+='    <td><a href="javascript:PlayListPlay(\'PRODUCT_TITLE\',\'PRODUCT_ID\',\'PRODUCT_TYPEID\')"><img src="http://www.magikmobile.com/images/player/liste_sel_play-ITEM.gif" border="0" width="53" height="20" /></a></td>'; player+='    <td onclick="PlayListPlay(\'PRODUCT_TITLE\',\'PRODUCT_ID\',\'PRODUCT_TYPEID\')" style="background-image:url(http://www.magikmobile.com/images/player/liste_sel_1-ITEM.gif);width:192px;height:20px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;font-weight:bold;cursor:pointer;" >PRODUCT_TITLE</td>'; player+='    <td><a href="javascript:PlayListOpenPopup(\'PRODUCT_ID\',\'PRODUCT_TYPEID\')"><img src="http://www.magikmobile.com/images/player/liste_sel_2-ITEM.gif" border="0" width="52" height="20" /></a></td>'; player+='    <td><a href="javascript:PlayListDel(\'PRODUCT_ID\')"><img src="http://www.magikmobile.com/images/player/liste_sel_4-ITEM.gif" border="0" width="55" height="20" /></a></td>'; player+='  </tr>'; player+='</table>'; player+='</div>'; player+=''; player+='</div>'; player+=''; player+='<div id="MagikPlayListInfoTemplate"  style="position:absolute;visibility:hidden;">'; player+='	<table border="0" cellpadding="0" width="326" cellspacing="0" summary="" style="cursor:pointer;" onclick="javascript:PlayListOpenPopup(\'PRODUCT_ID\',\'PRODUCT_TYPEID\')">'; player+='			<tr>'; player+='			<td width="15"></td>'; player+='			<td width="166" >'; player+='				<table>'; player+='				<tr><td height="6"></td></tr>'; player+='				<tr><td>'; player+='					<span style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ffffff;font-weight:bold;text-decoration:none;">PRODUCT_TITLE</span>'; player+='				</td></tr>'; player+='				</table>'; player+='			</td>'; player+='			<td width="145" height="63" valign="top" background="http://www.magikmobile.com/images/player/download-1.gif" ></td></tr>'; player+='	</table>'; player+='</div>'; player+=''; 
		
		MagikPlayer=document.createElement('span');
		MagikPlayer.innerHTML=player;
		document.body.appendChild(MagikPlayer);
	
	}
	
	

		
	
	// PUBLIC API
	function PlayListSetPos(toppos,leftpos)
	{
		player.SetPos(toppos,leftpos);
		player.SavePos();
	
	}
	
	function PlayListInfo(title,id,typeid)
	{
	
		html=document.getElementById("MagikPlayListInfoTemplate").innerHTML;
		html=html.replace(/PRODUCT_TITLE/g,title);
		html=html.replace(/PRODUCT_ID/g,id);
		html=html.replace(/PRODUCT_TYPEID/g,typeid);
		
		src="http://www.magikmobile.com/images/player/scrn_3.gif";
		if (title == '') 
		{
			html='';
			src="http://www.magikmobile.com/images/player/scrn_3-vide.gif";;
		}
		document.getElementById("MagikPlayListInfo").innerHTML=html;
	}
	
	function PlayListPlayCurrent()
	{
		player.Play();
		playListError(0);
	}
		
	function PlayListOpenPopup(id,typeid)
	{
		if (browser.Compatible == 1 ) PlayListStop();
		window.open('http://'+host+'/commande-popup.aspx?t1=p&q5='+id+'&p='+typeid,'_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=1, copyhistory=0, menuBar=0, width=640, height=504,left=10, top=10');
	}
	
	function PlayListStop()
	{
		player.Stop();
		playListError(0);
	}
	
	function PlayListPlay(title,id,typeid)
	{
	
		player.Play(id);		
		PlayListInfo(title,id,typeid);
		PlayListShow(id);
		playListError(0);
	}

	function PlayListDel(id)
	{
		if (player.IsPlaying(id))
		{
			player.Clear();
			PlayListInfo('',0,0);
		}
		playList.Remove(id);
		PlayListShow();
	}
	
	function PlayListAdd(title,id,typeid)
	{
		
		if (browser.Compatible == 0 )
		{
			PlayListOpenPopup(id,typeid);
			return;
		}
		
		len=25;
		if (len < title.length)
		{
			title=title.substr(0,25)+'...';
		
		}
				
		
		if (playList.Contain(id)) 
		{
			
			player.Play(id);
			PlayListInfo(title,id,typeid);
			PlayListShow(id);
			playListError(1);
			return;
		}
		
		if (playList.Count == playList.Size )
		{
			PlayListShow();
			playListError(2);
			return;
		}
		playListError(0);
		
		var p = new Product(title,id,typeid);
	
		playList.Add(p);
		
		PlayListPlay(title,id,typeid);
		
		PlayListShow(id);
	}
	
	function playListError(id)
	{
		switch(id)
		{
			case 1:
				document.getElementById("MagikPlayListListError").innerHTML='Already in the playlist';
			break;
			case 2:
				document.getElementById("MagikPlayListListError").innerHTML='Playlist full';
			break;
			default:
				document.getElementById("MagikPlayListListError").innerHTML='';
			break;
		}
	
	}
	
	
	function PlayListShow(id)
	{

	
		document.getElementById("OpenCloseListe").src='http://www.magikmobile.com/images/player/bout_liste_2.gif';
		obj=document.getElementById("MagikPlayListItem");
		html='';
		
		if (playList.Count <= 0) 
		{
			PlayListHide()
			obj.innerHTML=html;
			return;
		}
		
		if (document.getElementById("MagikPlayListMain").style.visibility == 'hidden')
		{
			document.getElementById("MagikPlayListMain").style.visibility='visible';
		}
		
		if (document.getElementById("MagikPlayListList").style.visibility== 'hidden')
			document.getElementById("MagikPlayListList").style.visibility='visible';
			
		document.getElementById("MagikPlayListList").style.position='relative';
		
		
		
		html='';
		baseTemplate=document.getElementById("MagikPlayListTemplate").innerHTML;
		for(i=0;i<playList.Count;i++)
		{
			p=playList.List[i];
			template=baseTemplate;
			template=template.replace(/PRODUCT_TITLE/g,p.Title);
			template=template.replace(/PRODUCT_ID/g,p.Id);
			template=template.replace(/PRODUCT_TYPEID/g,p.TypeId);
			if (id != null && id == p.Id)
				template=template.replace(/ITEM/g,"1");
			else
				template=template.replace(/ITEM/g,"0");
			html+=template;
			
		}
		obj.innerHTML=html;
	}

	var state=1;
	function PlayListTitles()
	{
		if (state == 0 )
		{
			PlayListShow('');
			state=1;
		}
		else
		{
			
			PlayListHide()
			state=0;
		}
	}	
	
	function PlayListHide()
	{
		document.getElementById("OpenCloseListe").src='http://www.magikmobile.com/images/player/bout_liste.gif';
		document.getElementById("MagikPlayListList").style.visibility='hidden';
		document.getElementById("MagikPlayListList").style.position='absolute';
	}
	
	function PlayListClear()
	{
	
		playList.Clear();
	
		player.Clear();
		
		PlayListShow();
		PlayListInfo('',0,0);
	}
	
	function PlayListClose()
	{
		player.Stop();
		
		PlayListHide();
		
		document.getElementById("MagikPlayListMain").style.visibility='hidden';
		//document.getElementById("MagikPlayListFooter").innerHTML='';
	}
	
		
	// Drag and Drop
	var drag_obj;
	
	function DragAndDrop(name) 
	{
		drag_obj=document.getElementById(name);
		drag_obj.onmousedown= startDrag;
	}
	
	function startDrag(e) 
	{
  
		if (document.all)
		{
			//Rcupration de la position de la souris
			window.lastX=event.clientX; 
			window.lastY=event.clientY;
			// lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant
			document.onmousemove=doDrag;
			// lance endDrag quand on relache le bouton de la souris
			document.onmouseup=endDrag;
		}
		else
		{
			//Rcupration de la position de la souris
			window.lastX=e.clientX;
			window.lastY=e.clientY;
			// lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant
			window.onmousemove=doDrag;
			// lance endDrag quand on relache le bouton de la souris
			window.onmouseup=endDrag;
		}
	}
	
	function doDrag(e) 
	{
		if (document.all)
		{
			// Calcul de l'cart de position de la souris
			var difX=event.clientX-window.lastX;
			var difY=event.clientY-window.lastY;
			//Rcupration de la position du div et ajout de l'cart de position de la souris
			var newX1 = parseInt(drag_obj.style.left)+difX;
			var newY1 = parseInt(drag_obj.style.top)+difY;
			// Assignation des nouvelles coordonnes au div
			drag_obj.style.left=newX1+"px";
			drag_obj.style.top=newY1+"px";
			//Assignation de l'ancinne position de la souris
			window.lastX=event.clientX;
			window.lastY=event.clientY;
		}
		else
		{
			// Calcul de l'cart de position de la souris
			var difX=e.clientX-window.lastX;
			var difY=e.clientY-window.lastY;
			//Rcupration de la position du div et ajout de l'cart de position de la souris
			var newX1 = parseInt(drag_obj.style.left)+difX;
			var newY1 = parseInt(drag_obj.style.top)+difY;
			// Assignation des nouvelles coordonnes au div
			drag_obj.style.left=newX1+"px";
			drag_obj.style.top=newY1+"px";
			//Assignation de l'ancinne position de la souris
			window.lastX=e.clientX;
			window.lastY=e.clientY;

		}
	}
	
	function endDrag(e) 
	{
		//Rinitialisation du onmousemove
		if (document.all)
		{
			document.onmousemove=null;
		}
		else
		{
			window.onmousemove=null;
		}
		player.SavePos();

	}
	
	   

var player_image1 = new Image(28,41);
player_image1.src = "http://www.magikmobile.com/images/player/bout_clear_up.gif";

var player_image2 = new Image(28,41);
player_image2.src = "http://www.magikmobile.com/images/player/bout_clear_do.gif";

var player_image3 = new Image(27,41);
player_image3.src = "http://www.magikmobile.com/images/player/bout_close_up.gif";

var player_image4 = new Image(27,41);
player_image4.src = "http://www.magikmobile.com/images/player/bout_close_do.gif";

var player_image5 = new Image(167,18);
player_image5.src = "http://www.magikmobile.com/images/player/bout_play_up.gif";

var player_image6 = new Image(167,18);
player_image6.src = "http://www.magikmobile.com/images/player/bout_play_ov.gif";

var player_image7 = new Image(166,18);
player_image7.src = "http://www.magikmobile.com/images/player/bout_stop_up.gif";

var player_image8 = new Image(166,18);
player_image8.src = "http://www.magikmobile.com/images/player/bout_stop_ov.gif";