var hurl = "http://"+window.location.host+"/";
		function switchRank(type){
		
			$("div[@group='rank']").hide();
			addHtml(type);
			$("#"+type).show();
		}
		
		function addHtml(type){
			
			//alert($("#"+type).attr("group"));
			if(typeof($("#"+type).attr("group"))!="undefined"){
			
				
			}
			else{

				var ajaxurl = "http://"+window.location.host+"/index/switchrank.shtml";
				$.ajax({
				
					url:ajaxurl,
					type:"POST",
					data:"type="+type,
					dataType:"json",
					success:function(data){
						
						//alert(data);
						eval(type+"(data);");
					}
				});
			}
		}

		
		function hotest(data){
		
			var html = '<div class="listby" id="tab_1"><a href="#" onclick="time(\'today_hotest\',this); return false;" class="on">Today</a><a href="#" onclick="time(\'week_hotest\',this); return false;">Week</a><a href="#" onclick="time(\'month_hotest\',this); return false;">1 Month</a><a href="#" onclick="time(\'halfyear_hotest\',this); return false;">6 Months</a><a href="#" onclick="time(\'year_hotest\',this); return false;">Year</a></div>';
			$.each(data,function(i,n){
				
				var display = '';
				if(i!== 'today_hotest'){
					
					display = 'none';
				}
				html += '<div time="'+i+'" group="time" style="display:'+display+'">';
				html += '<div class="no1"><h4>No.1 game</h4><dl><dt><a href="'+n[0]['exd_feature_url']+'">'+n[0]['gae_name']+'</a></dt>';
				html += '<dd><a href="'+n[0]['exd_feature_url']+'"><img src="'+n[0]['gae_logo']+'" alt="" /></a></dd>';
				html += '<dd>&nbsp;Genre: <a href="'+hurl+'genre/'+n[0]['gae_genre_url']+'">'+n[0]['gae_genre']+'</a></dd>';
				//html += '<dd>&nbsp;status:<a href="#">'+n[0]['status']+'</a></dd>';
				html += '<dd>&nbsp;Fee: <a href="'+hurl+'fee/'+n[0]['gae_expense_url']+'">'+n[0]['gae_expense']+'</a></dd>';
				//html += '<dd>&nbsp;Publisher:<a href="#">fantasy</a></dd>';
				html += '<dd>&nbsp;Hot: <strong>'+n[0]['hot']+'</strong> Hits</dd>';
				html += '</dl></div>';
				html += '<div class="nox"><table>';
				$.each(n,function(j,o){
					
					if(j!=0){
							
						html += '<tr><td width="20"><strong>#'+(j+1)+'</strong></td><td><a href="'+o['exd_feature_url']+'">'+o['gae_name']+'</td><td><strong>'+o['hot']+'</strong> Hits</td></tr>';
					}
				});
				html += '</table></div><div class="more"><a href="/game/gamemore/type_hotest.shtml">more</a></div></div>';
			});
			$("div[@id='tab_main1']").append(html);
		}
		
		function mostvoted(data){
		
			//alert(data);
			var html = '<div class="listby"></div>';
			html += '<div class="no1"><h4>No.1 game</h4><dl><dt><a href="'+data[0]['exd_feature_url']+'">'+data[0]['gae_name']+'</a></dt>';
			html += '<dd><a href="'+data[0]['exd_feature_url']+'"><img src="'+data[0]['gae_logo']+'" alt="" /></a></dd>';
			html += '<dd>&nbsp;Genre: <a href="'+hurl+'genre/'+data[0]['gae_genre_url']+'.shtml">'+data[0]['gae_genre']+'</a></dd>';
			//html += '<dd>&nbsp;Status: <a href="#">fantasy</a></dd>';多地区
			html += '<dd>&nbsp;Fee: <a href="'+hurl+'fee/'+data[0]['gae_expense_url']+'.shtml">'+data[0]['gae_expense']+'</a></dd>';
			//html += '<dd>&nbsp;Publisher: <a href="#">fantasy</a></dd>';
			html += '<dd>&nbsp;Score: <a href="'+hurl+'g/'+data[0]['gae_name_url']+'.shtml"><strong>'+data[0]['vote_point']+'</strong></a> / <a href="'+hurl+'g/'+data[0]['gae_name_url']+'.shtml">'+data[0]['gae_sumpointer']+'</a> Votes</dd>';
			html += '</dl></div>';
			html += '<div class="nox"><table>';
			$.each(data,function(i,n){
			
				if(i!=0){
					html += '<tr><td width="20"><strong>#'+(i+1)+'</strong></td><td><a href="'+n.exd_feature_url+'">'+n.gae_name+'</a></td><td><a href="'+hurl+'g/'+n.gae_name_url+'.shtml"><strong>'+n.vote_point+'</strong></a></td><td><a href="'+hurl+'g/'+n.gae_name_url+'.shtml">'+n.gae_sumpointer+'</a> Votes</td></tr>';
				}
			});
			html += '</table></div>';
			html += '<div class="more"><a href="/game/gamemore/type_mostvoted.shtml">more</a></div>';
			
			$("div[@id='tab_main2']").append(html);
			//alert(html);
		}
		
		function inbeta(data){

			var html = '<div class="listby"><table><tr><td>&nbsp;</td><td width="80">Date</td><td width="50">Area</td><td width="50">Stage</td><td width="45">Get Key</td></tr></table></div>';
			html += '<div class="no1"><h4>No.1 game</h4><dl><dt><a href="'+data[0]['exd_feature_url']+'">'+data[0]['gae_name']+'</a></dt>';
			html += '<dd><a href="'+data[0]['exd_feature_url']+'"><img src="'+data[0]['gae_logo']+'" alt="" /></a></dd>';
			html += '<dd>&nbsp;Genre: <a href="'+hurl+'genre/'+data[0]['gae_genre_url']+'.shtml">'+data[0]['gae_genre']+'</a></dd>';
			html += '<dd>&nbsp;Status: <a href="'+hurl+'status/'+data[0]['status_url']+'.shtml">'+data[0]['status']+'</a></dd>';
			html += '<dd>&nbsp;Publisher: <a href="'+data[0]['publishurl']+'">'+data[0]['publish']+'</a></dd>';
			if (data[0]['getaccount']!=''){
			html += '<dd>&nbsp;Get Key: <a href="'+data[0]['getaccount']+'"><img src="http://images.mmosite.com/gamelist/images/ico_key_yes.gif" alt="" style="margin:0; width:auto; height:auto; border:none; vertical-align:middle;"></a></dd>'; 
			}else{
			html += '<dd>&nbsp;Get Key: <img src="http://images.mmosite.com/gamelist/images/ico_key_no.gif" alt="" style="margin:0; width:auto; height:auto; border:none; vertical-align:middle;"></dd>';
				}
			html += '<dd>&nbsp;<span style=" text-transform:uppercase;">'+data[0]['betatype']+'</span> Date: <strong>'+data[0]['betatime']+' </strong></dd></dl></div>';
			html += '<div class="nox"><table>';
			$.each(data,function(i,n){
			
				if(i>0){
					html += '<tr><td width="20"><strong>#'+(i+1)+'</strong></td><td><a href="'+n.exd_feature_url+'">'+n.gae_name+'</a></td><td width="80" align="center">'+n.betatime+'</td><td width="50" align="center">'+n.area+'</td><td width="50" align="center"><strong style=" text-transform:uppercase;">'+n.betatype+'</strong></td><td width="50" align="center">'
					if(n.getaccount!=''){
						
						html += '<a href="'+n.getaccount+'"><img src="http://images.mmosite.com/gamelist/images/ico_key_yes.gif" alt=""></a>'
					}else{
						
						html += '<img src="http://images.mmosite.com/gamelist/images/ico_key_no.gif" alt="">';
					}
					html += '</td></tr>';
				}
			})
			html += '</table></div>';
			html += '<div class="more"><a href="/game/gamemore/type_inbeta.shtml">more</a></div>';

			$("div[@id='tab_main4']").append(html);
		}
		
		function anticipated(data){
		
			var html = '<div class="listby" id="tab_2"><a href="#" onclick="return area(\'US\',this); return false;" class="on">US</a><a href="#" onclick="return area(\'EU\',this); return false;">EU</a><a href="#" onclick="return area(\'SEA\',this); return false;">SEA</a><a href="#" onclick="return area(\'Global\',this); return false;">Global</a></div>';
			$.each(data,function(i,n){
				
				var display;
				if(i!='US'){display = "none";}
				if(n!=''){

					html += '<div area="'+i+'" group="area" style="display:'+display+'">';
					html += '<div class="no1"><h4>No.1 game</h4><dl><dt><a href="'+n[0]['exd_feature_url']+'">'+n[0]['gae_name']+'</a></dt>';
					html += '<dd><a href="'+n[0]['exd_feature_url']+'"><img src="'+n[0]['gae_logo']+'" alt="" /></a></dd>';
					html += '<dd>&nbsp;Genre: <a href="'+hurl+'genre/'+n[0]['gae_genre_url']+'.shtml">'+n[0]['gae_genre']+'</a></dd>';
					html += '<dd>&nbsp;Status: <a href="'+hurl+'status/'+n[0]['status_url']+'.shtml">'+n[0]['status']+'</a></dd>';
					html += '<dd>&nbsp;Fee: <a href="'+hurl+'fee/'+n[0]['gae_expense_url']+'.shtml">'+n[0]['gae_expense']+'</a></dd>';
					html += '<dd>&nbsp;Publisher: <a href="'+n[0]['publishurl']+'">'+n[0]['publish']+'</a></dd>';
					html += '<dd>&nbsp;Hot: <strong>'+n[0]['gae_sumclick']+'</strong> Hits&nbsp;&nbsp; Score: <a href="'+hurl+'g/'+n[0]['gae_name_url']+'.shtml"><strong>'+n[0]['gae_votepoint']+'</strong></a></dd></dl></div>';
					html += '<div class="nox"><table>';
					$.each(n,function(j,o){
					
						if(j!=0){
						
							html += '<tr><td width="20"><strong>#'+(j+1)+'</strong></td><td><a href="'+o.exd_feature_url+'">'+o.gae_name+'</a></td><td><strong>'+o.gae_sumclick+'</strong> Hits</td><td><a href="'+hurl+'g/'+o.gae_name_url+'.shtml"><strong>'+o.gae_votepoint+'</strong></a></td><td><img src="http://images.mmosite.com/gamelist/images/ico_'+o.l+'.gif" alt=""></td></tr>';
							//<img src="http://images.mmosite.com/gamelist/images/ico_keep.gif" alt=""><img src="http://images.mmosite.com/gamelist/images/ico_down.gif" alt="">
						}
					});
					html +='</table></div><div class="more"><a href="/game/gamemore/type_anticipated.shtml">more</a></div></div>';
				}
			})
			$("div[@id='tab_main3']").append(html);
		}
		
		function area(whicharea,o){
			$( "#tab_2 a" ).each( function(){
				this.className = "";
			} );
			o.className = "on";
			
			$("div[@group='area']").hide();
			$("div[@area='"+whicharea+"']").show();
			
			return false;
		}
		
		function time(whichtime,o){
			$( "#tab_1 a" ).each( function(){
				this.className = "";
			} );
			o.className = "on";
		
			$("div[@group='time']").hide();
			$("div[@time='"+whichtime+"']").show();
		}