var circle_war_pic_root = circle_war_pic_root;
void function(){
	var $ = function(id){return document.getElementById(id);}
	$('server_sel').onchange = function(){
		if(this.value){
			for(var i=$('group_sel').length-1; i>=0; i--){
				$('group_sel').remove(i);	
			}
			
			var url = '?act=getAjaxGroups&server_id=' + this.value;
			ajax2(url, function(){
				if (this.readyState == 4) {
					if (this.status == 200) {
						eval('var groups = ' + this.responseText);
						
						for(var i=0; i<groups.length; i++){
							var new_opt = document.createElement('OPTION');
							new_opt.value = groups[i].group_id;
							new_opt.innerText = groups[i].group_name;
							new_opt.text = groups[i].group_name;
							
							$('group_sel').appendChild(new_opt);
						}
					}
				}
			});	
		}
	}
	
	$('circle_war_submit_btn').onclick = function(){
		var server_id = $('server_sel').value;
		var group_id = $('group_sel').value;
		
		var server_txt = $('server_sel').options[$('server_sel').selectedIndex].innerText || $('server_sel').options[$('server_sel').selectedIndex].text;
		var group_txt = $('group_sel').options[$('group_sel').selectedIndex].innerText || $('group_sel').options[$('group_sel').selectedIndex].text;
		
		if(!server_id){
			alert('請選擇伺服器');
			return false;
		}
		
		if(!group_id){
			alert('請選擇組別');
			return false;
		}
		
		var url = '?act=getAjaxCircleWar&server_id=' + server_id + '&group_id=' + group_id;
		ajax2(url, function(){
			if (this.readyState == 4) {
				if (this.status == 200) {
					eval('var circle_war_data = ' + this.responseText);
					
					if(!circle_war_data.mem_list || !circle_war_data.circle){
						alert('沒有找到相關的數據');
						return false;
					}
					
					$('circle_war_sub_title').innerHTML = server_txt + ' - ' + group_txt + '  - 冠軍';
										
					$('circle_war_mem_list').innerHTML = '參賽名單：';
					for(var i=0; i<circle_war_data.mem_list.length; i++){
						$('circle_war_mem_list').innerHTML += circle_war_data.mem_list[i].name;
					}
					
					$('circle_war_pic').href = circle_war_pic_root + circle_war_data.circle.pic;
					
					$('circle_war_pic').title = circle_war_data.name;
					$('circle_war_pic').getElementsByTagName('IMG')[0].src = circle_war_pic_root + circle_war_data.circle.pic;
					
					$('circle_war_pic').getElementsByTagName('IMG')[0].alt = circle_war_data.circle.pic;
				}
			}
		});	
	}
}();