﻿$(function() {
	//$("#picture").load("/Inc/Index.html #picNews");
	LoadPicture();
	LoadGroup();
	//BindChangeBtn();
	//$("#changeBtn").click();
	LoadChannel("Sports");
	LoadBlog();
	GetTodayMatch();
	InitFloatPanel();
});
function LoadPicture()
{
	$.get("../html/tpxw/index.html",function(data, textStatus){
		$("#scrollPicture").prepend(data);
		InitSlider();
	});
}
function InitSlider()
{
	$('#photos').galleryView({
		panel_width: 800,
		panel_height: 300,
		frame_width: 100,
		frame_height: 38,
		transition_speed: 1200,
		background_color: '#222',
		border: '1px solid #CCCCCC',
		easing: 'easeInOutBack',
		pause_on_hover: true,
		nav_theme: 'custom',
		overlay_height: 62,
		filmstrip_position: 'top',
		overlay_position: 'bottom'
	});
	$("#pointer img").hide();
}
function LoadGroup()
{
	$.get("../2010WorldCup/Country.xml", function(data) {
		$("#groupName").empty();
		var html = "<ul>";
		$(data).find("Group").each(function() {
			var $entry = $(this);
			html += "<li title='" + $entry.attr("Name") + "'>" + $entry.attr("Local") + "</li>";
		});
		html += "</ul>";
		$("#groupName").html(html);
		$("#groupName ul li").click(function(){
			if($(this).attr("class") != "currentGroup")
			{
				$(this).attr("class","currentGroup").css("cursor","default").siblings().removeAttr("class").css("cursor","pointer");
				var groupName = $(this).attr("title");
				SetGroup(groupName);
				LoadNewsData(groupName);
			}
		});
		$("#infoBanner ul li").hover(function(){
			$(this).addClass("currentInfo").siblings().removeClass("currentInfo");
			var panelId=$(this).attr("title");
			$("#infoTable>div").hide();
			$("#" + panelId).show();
		},function(){
		});
		$("#groupName > ul > li[title='决赛']").click();
	});
}
function LoadChannel(typeName)
{
	$.ajax({
		   type:"GET",
		   url:"../2010WorldCup/Channel.xml",
		   dataType:"xml",
		   beforeSend:function(XMLHttpRequest){
			   $("#changeBtn").attr("disabled","disabled");
		   },
		   success:function(data,textStatus){
				$("#channel").empty();
				var html = "<ul>";
				var html1 = "";
				$(data).find("ChannelList > Channel[type='" + typeName + "']").each(function() {
					var $entry = $(this);
					html += "<li rel='" + $entry.find("Type").text() + "' title='" + $entry.find("Url").text() + "'>" + $entry.find("Name").text() + "</li>";
					html1 += "<option value='" + $entry.find("Url").text() + "'>" + $entry.find("Name").text() + "</option>";
				});
				html += "</ul>";
				$("#channel").html(html);
				$("#channelList").html(html1);
				$("#channel > ul > li").hover(function(){
					$(this).addClass("over").siblings().removeClass("over");
				}, function(){
					$(this).removeClass("over");
				}).click(function(){
					if($(this).attr("name") != 1)
					{
						if(CheckState())
						{
							$(this).addClass("click").attr("name","1").siblings().removeClass("click").attr("name","0");
							var url = $(this).attr("title");
							Play(url);
							UpdateChannelHits(url);
						}
						else
						{
							alert("媒体正在加载，请不要进行切换！");
						}
					}
				});	
				$("#changeBtn").attr("title",typeName);
			   	if(typeName == "Sports")
			   	{
					$("#changeBtn").attr("value","切换到娱乐频道");
			   	}
			   	else if(typeName == "Entertainment")
			   	{
				   	$("#changeBtn").attr("value","切换到体育频道");
			   	}
		   },
		   complete:function(XMLHttpRequest,textStatus){
			   $("#changeBtn").removeAttr("disabled");
		   }
	});
}
function BindChangeBtn()
{
	$("#changeBtn").click(function(){
		if($(this).attr("title")=="Sports")
		{
			LoadChannel("Entertainment");
		}
		else
		{
			LoadChannel("Sports");
		}
	});
}
function LoadBlog()
{
	$("#rightContainer").load("../html/worldcup/index.html #rightContainer>div", 
							  function(){
								  $(".blogList").mouseover(function(){
									$(this).siblings("p").show();
									$(this).siblings(".blog").hide();
									$(this).next(".blog").show();
									$(this).hide();
									});
								  $(".blogList:first").mouseover();
							  }
	);
}
function SetGroup(GroupName)
{
	$.get("../2010WorldCup/Country.xml", function(data) {
		$("#countryTable").empty();
		//var bgImg = "url(Images/" + GroupName + ".jpg)";
		//$(".groupTitle").css("background-image", bgImg);
		var html = "<table class='show'><tr><th>排名</th><th>球队</th><th>胜</th><th>平</th><th>负</th><th>进球</th><th>失球</th><th>净胜球</th><th>积分</th></tr>";
		var expr = "Group[Name='" + GroupName + "']>Countries>Country";
		$(data).find(expr).each(function() {
			var $entry = $(this);
			html += "<tr>";
			html += "<td>" + $entry.find("Rank").text() + "</tb>";
			html += "<td class='country'>" + "<img src='" + $entry.find("ImgUrl").text() + "' alt='" + $entry.find("Name").text() + "' />&nbsp;&nbsp;" + $entry.find("Name").text() + "</tb>";
			html += "<td>" + $entry.find("Victory").text() + "</tb>";
			html += "<td>" + $entry.find("Draw").text() + "</tb>";
			html += "<td>" + $entry.find("Lose").text() + "</tb>";
			html += "<td>" + $entry.find("GoalsScored").text() + "</tb>";
			html += "<td>" + $entry.find("GoalsAgainst").text() + "</tb>";
			html += "<td>" + $entry.find("GoalsDifference").text() + "</tb>";
			html += "<td>" + $entry.find("Points").text() + "</tb>";
			html += "</tr>";
		});
		html += "</table>";
		$("#countryTable").append(html);
		$("#infoMatch").empty();
		expr = "Group[Name='" + GroupName + "']>Games>Game";
		html = "<table><tr><th>日期</th><th>时间</th><th>场次</th><th>对阵</th><th>电视转播</th><th>赛地</th><th>比分</th></tr>";
		$(data).find(expr).each(function() {
			var $entry = $(this);
			html += "<tr>";
			html += "<td class='num'>" + $entry.find("Date").text() + "</tb>";
			html += "<td class='num'>" + $entry.find("Time").text() + "</tb>";
			html += "<td class='num'>" + $entry.find("Number").text() + "</tb>";
			html += "<td class='match'>" + $entry.find("Match").text() + "</tb>";
			html += "<td>" + $entry.find("Broadcast").text() + "</tb>";
			html += "<td>" + $entry.find("Location").text() + "</tb>";
			html += "<td class='num'>" + $entry.find("Score").text() + "</tb>";
			html += "</tr>";
		});
		$("#infoMatch").html(html);
	});
}

function LoadNewsData(groupName)
{
	$("#infoNews").load("../html/worldcup/index.html #" + groupName + "");
}

function GetTodayMatch()
{
	var nowTime = new Date();
	var today = (nowTime.getMonth() + 1) + "-" + nowTime.getDate();
	var tommorrow = (nowTime.getMonth() + 1) + "-" + (nowTime.getDate() + 1);
	$.get("../2010WorldCup/Country.xml", function(data) {
		//var bgImg = "url(Images/" + GroupName + ".jpg)";
		//$(".groupTitle").css("background-image", bgImg);
		var html = today + "日比赛：";
		var expr = "Group>Games>Game";
		$(data).find(expr).each(function() {
			var $entry = $(this);
			var date = $entry.find("Date").text();
			if(date == today)
			{
				html += "&nbsp;&nbsp;" + $entry.find("Time").text() + " " + $entry.find("Match").text() + "&nbsp;&nbsp;";
			}
		});
		$("#todayMatch").html(html);
	});
}

function UpdateChannelHits(urlLink)
{
	$.post("../PageAjaxHandler.aspx",{
		   QueryModule:"UpdateHits",
		   URL:urlLink});
}


/**** Float Player Control Functions Start ****/
function InitFloatPanel()
{
	$("#channelList").change(function(){
		if(CheckFloatState())
		{
			var url = $(this).val();
			FloatPlay(url);
		}
		else
		{
			alert("多画面播放器正在加载媒体，请不要切换！");
			return false;
		}
	});
	$("#channelList").hide();
	var top = "1000px";
	if(navigator.appName == "Netscape")
	{
		top = document.documentElement.scrollTop;
	}
	$("#floatPanel").css({"top":top, "left":((document.documentElement.clientWidth - $("#floatPanel").width())/2) + "px"});
	$("#ifOpenWindow").click(function(){
		if($("#ifOpenWindow")[0].checked)
		{
			FloatPlayerShow(true);
		}
		else
		{
			FloatPlayerShow(false);
		}
	});
	$("#floatPanel").draggable({handle:'#dragPanel'});
}
function FloatPlayerShow(ifShow)
{
	if(ifShow == true)
	{
		$("#floatPanel").show();
		$("#checkInfo").text("关闭多画面");
		$("#channelList").show();
		//$("#channelList")[0].value = "mms://vod.cmc6.edu.cn/ustc";
		FloatPlay($("#channelList").val());
	}
	else if (ifShow == false)
	{
		FloatStop();
		$("#checkInfo").text("开启多画面，可以同时看两场比赛哦！");
		$("#channelList").hide();
		$("#floatPanel").hide();
	}
}
function CheckFloatState()
{
	var Player = document.getElementById("FloatMediaPlayer");
	if(navigator.appName == "Netscape") {
		Player = document.getElementById("FloatFFPlayer");
	}
	switch(Player.playState)
	{
		case 0:
			//未定义
			return true;
		case 1:
			//停止，可以切换
			return true;
		case 2:
			//暂停，可以切换
			return true;
		case 3:
			//正在播放，可以切换
			return true;
		case 4:
			//向前搜索，不能切换
			return false;
		case 5:
			//向后搜索，不能切换
			return false;
		case 6:
			//缓冲中，不能切换
			return false;
		case 7:
			//等待中，可以切换
			return true;
		case 8:
			//播放完毕
			return true;
		case 9:
			//正在连接媒体，不能切换
			return false;
		case 10:
			//准备就绪，可以切换
			return true;
		default:
			return false;
	}
}

function FloatPlay(URL)
{
	var Player = document.getElementById("FloatMediaPlayer");
	if(navigator.appName == "Netscape") {
		Player = document.getElementById("FloatFFPlayer");
		//FF只要获取到了SRC地址就能自动播放
		Player.src = URL;
		Player.src = URL;
		Player.controls.play();
	}
	else
	{
		Player.URL = URL;
		Player.controls.play();
	}
}

function FloatStop()
{
	var Player = document.getElementById("FloatMediaPlayer");
	if(navigator.appName == "Netscape") {
		Player = document.getElementById("FloatFFPlayer");
	}
	Player.controls.stop();
}

/**** Float Player Control Functions End ****/
/***控制Media Player代码 ***/
function CheckState()
{
	var Player = document.getElementById("WindowsMediaPlayer");
	if(navigator.appName == "Netscape") {
		Player = document.getElementById("FFMediaPlayer");
	}
	switch(Player.playState)
	{
		case 0:
			//未定义
			return true;
		case 1:
			//停止，可以切换
			return true;
		case 2:
			//暂停，可以切换
			return true;
		case 3:
			//正在播放，可以切换
			return true;
		case 4:
			//向前搜索，不能切换
			return false;
		case 5:
			//向后搜索，不能切换
			return false;
		case 6:
			//缓冲中，不能切换
			return false;
		case 7:
			//等待中，可以切换
			return true;
		case 8:
			//播放完毕
			return true;
		case 9:
			//正在连接媒体，不能切换
			return false;
		case 10:
			//准备就绪，可以切换
			return true;
		default:
			return false;
	}
}

function Play(URL)
{
	var Player = document.getElementById("WindowsMediaPlayer");
	if(navigator.appName == "Netscape") {
		Player = document.getElementById("FFMediaPlayer");
		Player.src = URL;
		Player.src = URL;
		Player.controls.play();
	}
	else
	{
		Player.URL = URL;
		Player.controls.play();
	}
}

function Stop()
{
	var Player = document.getElementById("WindowsMediaPlayer");
	if(navigator.appName == "Netscape") {
		Player = document.getElementById("FFMediaPlayer");
	}
	Player.controls.stop();
}
