<%@ Import Namespace="Globals=Spaces.Globals" %>
<div style="display: none">
<div id="musicBoxActiveX"></div>
</div>
<script src="<%=Spaces.Globals.ApplicationPath %>/include/js/musicbox.js"></script>
<script language="JavaScript">
function ShowPlayList(){
		var ctl_play_list = document.getElementById('div_music_play_list');
		var ctl_show_music_list = document.getElementById('img_show_music_list');
		
		if(ctl_play_list.style.display != 'none'){
			ctl_play_list.style.display = 'none';
			ctl_show_music_list.src = "<%=Spaces.Globals.GetSkinPath() %>/images/play/musicpaly_33.gif";
			ctl_show_music_list.alt = "显示播放列表";
			
		}else{
			ctl_play_list.style.display = '';
			ctl_show_music_list.src = "<%=Spaces.Globals.GetSkinPath() %>/images/play/musicpaly_32.gif";
			ctl_show_music_list.alt = "隐藏播放列表";
		}
	}
	var spaces_MusicList=new Array();
     function add_MusicToList(obj)
     {
     if(obj)
     spaces_MusicList[spaces_MusicList.length]=obj;
     }
</script>
<table border="0" cellpadding="0" cellspacing="0" width="98%" align="center">
    <tr>
        <td height="1">
        </td>
    </tr>
    <tr>
        <td   colspan="2" height="20" style="padding-right: 0px;
            padding-left: 0px; padding-bottom: 0px; padding-top: 2px">
            <marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2">
                <span id="music_title"></span>
            </marquee>
        </td>
    </tr>
    <tr>
        <td height="1">
        </td>
    </tr>
    <tr  class="PicTab">
        <td height="17" valign="bottom" width="27">
            <span onclick="ShowPlayList()" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px;
                width: 20px; cursor: hand; padding-top: 5px; height: 15px">
                <img id="img_show_music_list" alt="显示播放列表" height="4" src="<%=Spaces.Globals.GetSkinPath() %>/images/play/musicpaly_33.gif"
                    style="margin: 0px 0px 3px 7px" width="7" /></span></td>
        <td valign="top" width="75"  >
             <table id="tblMusicBoxControls" style="margin: 0px 0px 0px" cellspacing="0" cellpadding="0"
                        width="100%">
                        <tr>
                            <td id="tdMusicPlay" class="imgIcon"   width="15">
                                <img id="imgMusicPlay" title="播放" height="14" src="<%=Spaces.Globals.GetSkinPath() %>/images/play/musicpaly_paly.gif" width="12">
                                </td>
                                <td class="imgIcon"   width="15">
                                <img
                                    id="imgMusicPause" title="暂停"   height="14" src="<%=Globals.GetSkinPath() %>/images/play/musicpaly_pause.gif"
                                    width="12">
                                </td>
                            <td id="tdMusicStop"class="imgIcon"   width="15">
                                <img id="imgMusicStop" title="停止" height="14" src="<%=Globals.GetSkinPath() %>/images/play/musicpaly_stop.gif" width="12"></td>
                            <td id="tdMusicPrevious" class="imgIcon"   width="15">
                                <img id="imgMusicPrevious" title="上一张" height="14" src="<%=Globals.GetSkinPath() %>/images/play/musicpaly_next2.gif"
                                    width="12"></td>
                            <td id="tdMusicNext" class="imgIcon" width="15">
                                <img id="imgMusicNext" title="下一首" height="14" src="<%=Globals.GetSkinPath() %>/images/play/musicpaly_next.gif" width="12"></td>
                            <td id="tdMusicFull" class="fullIcon"  >
                                 </td>
                        </tr>
                    </table>
                  
           </td>
    </tr>
</table>
 
<asp:Literal runat="server" ID="musicList"></asp:Literal>
<asp:Literal runat="server" ID="playList"></asp:Literal>
<div id="div_music_play_list" style="display: none; margin: 2px 0px">
    <table border="0" cellpadding="0" cellspacing="0" width="98%" align="center">
        <tr>
            <td>
                <div id="music_play_list" >
                </div>
            </td>
        </tr>
    </table> 
</div>
