function getArtistList( si){

        var url;
        
        url = '../xml/xml_kkbox_star_list.aspx?si=' + si;

        if( window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
        else if( window.ActiveXObject) xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
        
        xmlhttp.open( 'GET', url, false);
              
        if( navigator.appName == 'Netscape'){

            xmlhttp.send( null);
            setArtistList();
        
        }
        
        else{

            xmlhttp.onreadystatechange = setArtistList;
            xmlhttp.send( null);
            
        }

    }

    function setArtistList(){

        var i, j;
        var classify, id, subject, author, thumb, publish, brief;
        var url;
        var xmlroot, xmlsingle;
        var content;

        if( xmlhttp.readyState == 4 && xmlhttp.status == 200){ 

            xmlroot = xmlhttp.responseXML.documentElement;

            xmlsingle = xmlroot.selectNodes('./result/single')[0];

            if( xmlsingle != null){

                classify = xmlsingle.selectSingleNode('./classify').firstChild.nodeValue;
                id = xmlsingle.selectSingleNode('./id').firstChild.nodeValue;
                subject = xmlsingle.selectSingleNode('./subject').firstChild.nodeValue;
                author = xmlsingle.selectSingleNode('./author').firstChild.nodeValue;
                thumb = xmlsingle.selectSingleNode('./thumb').firstChild.nodeValue;
                publish = xmlsingle.selectSingleNode('./publish').firstChild.nodeValue;
                brief = xmlsingle.selectSingleNode('./brief').firstChild.nodeValue;

                url = 'artist_content.aspx?si=' + classify + '&id=' + id;

                content = '    <table width="632" border="0" cellspacing="0" cellpadding="0">';
                content += '     <tr><td valign="top" class="enttit"><div class="titend"><img src="../images/kk_tit02.gif" width="237" height="28" style="float:left;" /></div></td></tr>';
                content += '     <tr>';
                content += '      <td height="215" align="center" valign="middle" bgcolor="#FFFFFF">';
                content += '       <table width="616" border="0" cellpadding="0" cellspacing="0">';
                content += '        <tr>';
                
                if( classify == '22'){
                
                    content += '         <td><a href="javascript: getArtistList(21);" onmouseout="ImageRestore();" onmouseover="ImageOver( \'star-chinese\', \'../images/kkstar_tabover1.gif\');"><img src="../images/kkstar_tab1.gif" width="206" height="21" border="0" id="star-chinese" /></a></td>';
                    content += '         <td><img src="../images/kkstar_tabover2.gif" width="205" height="21" border="0" id="star-english" /></td>';
                    content += '         <td><a href="javascript: getArtistList(23)" onmouseout="ImageRestore();" onmouseover="ImageOver( \'star-japan\', \'../images/kkstar_tabover3.gif\');"><img src="../images/kkstar_tab3.gif" width="205" height="21" border="0" id="star-japan" /></a></td>';
                
                }
                
                else if( classify == '23'){

                    content += '         <td><a href="javascript: getArtistList(21);" onmouseout="ImageRestore();" onmouseover="ImageOver( \'star-chinese\', \'../images/kkstar_tabover1.gif\');"><img src="../images/kkstar_tab1.gif" width="206" height="21" border="0" id="star-chinese" /></a></td>';
                    content += '         <td><a href="javascript: getArtistList(22)" onmouseout="ImageRestore();" onmouseover="ImageOver( \'star-english\', \'../images/kkstar_tabover2.gif\');"><img src="../images/kkstar_tab2.gif" width="205" height="21" border="0" id="star-english" /></td>';
                    content += '         <td><img src="../images/kkstar_tabover3.gif" width="205" height="21" border="0" id="star-japan" /></td>';                    
                    
                }
                
                else{
                    
                    content += '         <td><img src="../images/kkstar_tabover1.gif" width="206" height="21" border="0" id="star-chinese" /></td>';
                    content += '         <td><a href="javascript: getArtistList(22)" onmouseout="ImageRestore();" onmouseover="ImageOver( \'star-english\', \'../images/kkstar_tabover2.gif\');"><img src="../images/kkstar_tab2.gif" width="205" height="21" border="0" id="star-english" /></a></td>';
                    content += '         <td><a href="javascript: getArtistList(23)" onmouseout="ImageRestore();" onmouseover="ImageOver( \'star-japan\', \'../images/kkstar_tabover3.gif\');"><img src="../images/kkstar_tab3.gif" width="205" height="21" border="0" id="star-japan" /></a></td>';
                    
                }
                
                content += '        </tr>';
                content += '        <tr>';
                content += '         <td height="161" colspan="3" align="center" valign="top" bgcolor="#BBBBBB">';
                content += '          <div align="center" style="height:145px; width:614px; background-color:#FFFFFF; padding-top:15px">';
                content += '           <table width="586" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="gr12">';
                content += '            <tr>';
                content += '             <td width="140" rowspan="4" align="left" valign="top"><a href="' + url + '"><img src="' + thumb + '" width="120" height="120" border="0" class="picb2" /></a></td>';
                content += '             <td height="20" colspan="2" align="left" valign="top"><a href="' + url + '" class="u_blu15b">' + subject + '</a></td>';
                content += '            </tr>';
                content += '            <tr><td height="5" colspan="2"><div class="kkline"><img src="../images/dot.gif" /></div></td></tr>';
                content += '            <tr>';
                content += '             <td width="286" height="25" align="right" valign="top" class="gr10"><img src="../images/ent_orgdot.gif" width="11" height="6" />作者名稱：' + author + '</td>';
                content += '             <td width="160" align="right" valign="top" class="gr10"><img src="../images/ent_orgdot.gif" width="11" height="6" />更新時間：' + publish + '</td>';
                content += '            </tr>';
                content += '            <tr><td colspan="2" align="left" valign="top">' + brief + ' <a href="' + url + '" class="u_org">more</a></td></tr>';
                content += '           </table>';
                content += '          </div>';
                content += '         </td>';
                content += '        </tr>';
                content += '       </table>';
                content += '      </td>';
                content += '     </tr>';
                content += '    </table>';

                document.getElementById('kkbox-star').innerHTML = content;

            }

        }    
    
    }