//滚动数据
 var objStar = {
                            cid:0,
							starUserCount:0,
                            eleStarList:null,
                            init:function() {
                                var html = "";
								var len = arrStar.length;
								objStar.starUserCount = len;
								var mLen = len * 2;
                                for(var i = 0;i < mLen;i++) {
									var ii = (i-len)>=0 ? i-len : i;
                                    html += '<dd><a href="javascript:void(0);" onclick="objStar.clickStar(' + i + ');return false;"><img height=44 src="'+arrStar[ii].pic+'" width=44></a> </dd>';
                                }
                                $("starList").innerHTML = html;
								
                                
                            },
                            changeStar:function(id) {
                                if(objStar.eleStarList == null) return;
                                var starIndex = (id-objStar.starUserCount)>=0 ? (id-objStar.starUserCount) : id;
                                if(typeof(arrStar[starIndex]) != "undefined") {
                                    objStar.showStar(starIndex);
									var nowStar = $("frame").getAttribute('ref');
									if(nowStar != 'undefined' && nowStar!="-1"){
										objStar.eleStarList[nowStar].style.border = "1px solid #a0a0a0";
									}
                                    objStar.eleStarList[starIndex].style.border = "2px solid #B60019";
									$("frame").setAttribute("ref",starIndex);
                                    /*if(objStar.eleStarList[objStar.cid] != 'undefined') {
                                        objStar.eleStarList[objStar.cid].style.border = "1px solid #a0a0a0";
                                    }*/
                                    objStar.cid = starIndex;
                                }
                            },
							showStar:function(id){
									var bigImg = $("bigImg");
                                    bigImg.src = arrStar[id].pic;
									
                                    $("starNickname").innerHTML = decodeURIComponent(arrStar[id].nickname);

                                    var strStarLevel = "";
                                    strStarLevel += getLevel(arrStar[id].level,1);

                                    $("starLevel").innerHTML = strStarLevel;
                                    $("starDesc").innerHTML = decodeURIComponent(arrStar[id].desc);
							},
							clickStar:function(id){
								var nowStar = $("frame").getAttribute('ref');
								if(nowStar != 'undefined' && nowStar!="-1"){
									objStar.eleStarList[nowStar].style.border = "1px solid #a0a0a0";
								}
								var starIndex = (id-objStar.starUserCount)>=0 ? (id-objStar.starUserCount) : id;
								objStar.showStar(starIndex);
								objStar.eleStarList[id].style.border = "2px solid #B60019";
								$("frame").setAttribute("ref",id);
							}

                        }
						function bigImgOnmouse() {
							stopStarMarquee();
							var index = parseInt($('frame').getAttribute('ref'));
							var starIndex = (index-objStar.starUserCount)>=0 ? (index-objStar.starUserCount) : index;
							showStartUserCard(starIndex,0);
						    showMenu({'ctrlid':'bigImg','menuid':'startUserGame','posTop':-128,'posLeft':-78,'timeout':100,'mouseoutCtrlidFunc':'continueStarMarquee()','mouseoverMenuFunc':'stopStarMarquee()','mouseoutMenuFunc':'continueStarMarquee()'})
							
}


//滚动代码
objStar.init();
						
                        //滚动
                        var starMarquee = $("frame"); //滚动对象
                        var starMarqueePlan = $("starList");
                        var starStartID = 0;
                        var starWidth = 55; //单行高度，像素
                        var starCount = objStar.starUserCount; //实际行数
                        var starScrollAmount = 1; //每次滚动步长
                        var starMarqueeTimerA,starMarqueeTimerB,starMarqueeTimerC,starMarqueeTimerD;
                        var starMarqueeStart = 1; //1为继续滚动。0为停止滚动

                        //starMarqueePlan.innerHTML += starMarqueePlan.innerHTML;
                        objStar.eleStarList = starMarqueePlan.getElementsByTagName("dd");
						objStar.changeStar(0);
						
                        function starRunmc() {
                            clearTimeout(starMarqueeTimerA);
                            clearTimeout(starMarqueeTimerB);
                            clearTimeout(starMarqueeTimerC);
                            clearTimeout(starMarqueeTimerD);
                            if(starMarqueeStart == 0) return;

                            starMarquee.scrollLeft += starScrollAmount;

                            if ( starMarquee.scrollLeft == starCount * starWidth )
                            {
                                starMarquee.scrollLeft = 0;
                            }

                            if ( starMarquee.scrollLeft % starWidth == 0 ) {
                                starStartID++;
                                starStartID = (starStartID-objStar.starUserCount)>=0 ? (starStartID-objStar.starUserCount) : starStartID;
                                
//                                if(starStartID > starCount*2)starStartID = 0;
                                objStar.changeStar(starStartID);
                                starMarqueeTimerA = setTimeout( "starRunmc()", 3000 );
                            } else {
                                starMarqueeTimerB = setTimeout( "starRunmc()", 30 );
                            }
                        }
                        starMarqueeTimerC = setTimeout( "starRunmc()", 3000 );
                        Event.observe(starMarquee, 'mouseover', function() {
                            stopStarMarquee();
                        });
                        Event.observe(starMarquee, 'mouseout', function() {
                           continueStarMarquee();
                        });



						function stopStarMarquee() {
							clearTimeout(starMarqueeTimerA);
                            clearTimeout(starMarqueeTimerB);
                            clearTimeout(starMarqueeTimerC);
                            clearTimeout(starMarqueeTimerD);
                            starMarqueeStart = 0;
							
						}

						function continueStarMarquee() {
							starMarqueeStart = 1;
                            starMarqueeTimerD = setTimeout( "starRunmc()", 1000 );
						}




//游族首页身份证游戏
function showStartUserCard(index,serverIndex){
    var curInfo = arrStar[index];
    var objServer = curInfo.game;
    var countPage = objServer.length;
    if(serverIndex < 0){
        serverIndex = 0;
    }
    if(serverIndex > (countPage-1))
    {
        serverIndex = countPage - 1;
    }


    $("startUserGame").innerHTML = createStartUserCard(countPage,serverIndex,objServer,index);
	
}
function createStartUserCard(countPage,serverIndex,objAllServer,index){


    var strHTML = '';
    if(countPage>0){
        var cardPage = (serverIndex+1)+"/"+countPage;
        objServer    = objAllServer[serverIndex];
        var perBtn   = '/images/disable_left.gif';
        var nextBtn  = '/images/btn_right.gif';
        if(serverIndex>0){
            perBtn = '/images/btn_left.gif';
        }

        if((serverIndex+1) ==  countPage){
            nextBtn  = '/images/disable_right.gif';
        }
        strHTML = '<div class="ServeShowU">';
        strHTML += '<div class="CardHiddCon">';
        strHTML += '<p><span>'+cardPage+'</span> </p>';
        strHTML += '<dl>';
        strHTML += '<dd class="left"><a href="javascript:void(0);" onclick="showStartUserCard('+index+','+(serverIndex-1)+');return false;">';
        strHTML += '<img src="'+perBtn+'" width="20" height="88" border="0" ></a></dd>';
        strHTML += '<dd  class="middle"  ref="gameInfo">';
        strHTML += '<h1><span>所在服务器：'+decodeURIComponent(objServer.servername)+'</span>三十六计</h1>';
        strHTML += '<table width="100%" border="0" cellspacing="0" cellpadding="0" class="text">';
        strHTML += '<tr>';
        strHTML += '<td><span class="bold">'+decodeURIComponent(objServer.name)+'</span></td>';
        strHTML += '<th>发展分：'+objServer.resource_score+'</th>';
        strHTML += '</tr>';
        strHTML += '  <tr>';
        strHTML += '   <td>所在国家：'+decodeURIComponent(objServer.nation)+'</td>';
        strHTML += '     <th>军功分：'+objServer.kill_score+'</th>';
        strHTML += '   </tr>';
        strHTML += '   <tr>';
        strHTML += '     <td>所属军团：'+(objServer.clan)+'</td>';
        strHTML += '      <th>贡献分：'+objServer.nation_score+'</th>';
        strHTML += '   </tr>';
        strHTML += ' </table>';
        strHTML += '</dd>';

        strHTML += '<dd class="right"><a href="javascript:void(0);" onclick="showStartUserCard('+index+','+(serverIndex+1)+');return false;"><img src="'+nextBtn+'" width="20" height="88" border="0"></a></dd>';
        strHTML += '</dl>';
        strHTML += '<div class="clear"></div>';
        strHTML += '</div></div>';

        return strHTML;
    }
    else{
        strHTML = '<div class="ServeShowU">';
        strHTML += '<div class="CardHiddCon">';
        strHTML += '<p><span>0/0</span></p>';
        strHTML += '<dl>';
        strHTML += '<dd class="left"><a href="javascript:void(0);" ><img src="/images/disable_left.gif" width="20" height="88" border="0"></a></dd>';
        strHTML += '<dd class="Servemiddle">';
        strHTML += '<h1 style="text-align:center">我的资料都是保密的</h1>';
        strHTML += '</dd>';
        strHTML += '<dd class="right"><a href="javascript:void(0);"><img src="/images/disable_right.gif" width="20" height="88" border="0"></a></dd>';
        strHTML += '</dl>';
        strHTML += '<div class="clear"></div>';
        strHTML += '</div></div>';
        return strHTML;
    }
	

}