﻿$(function(){
	var moving="false";//連打回避用
	var nowC="all"//現在の国名
	var nowY=0;//現在のトピックスのY座標
	var topicArray = new Array();
	$("#arrowDown a").css("display","none");
	$("#arrowUp a").css("display","none");
	$(".loading").css("display","block");//ローディング呼び出し
	$("#topNewsBt .news01 a").css("backgroundPosition","0 -28px");
	//トピックス初回読み込み
	$("#topNewsList ul").css("top",-100).css("opacity",0);

	$.ajax({
		url: xmlURL,
		dataType: 'xml',
		timeout: 30000,
        error: function(){
			$(".loading").css("display","none");//ローディング削除
			$("#topNewsList").html("<p class='error'>情報の読み込みに失敗しました。</p>")
        },
		success : function(data){
			
            $("topic",data).each(function(i){
				topicArray[i]=$("date",this).text()+','+$("country",this).text()+','+$("url",this).text()+','+$("text",this).text();	
            })
			$(topicArray).each(function(i){
				if ( i >= 100 ) { //表示数を指定
					return false;	
				}
				var topicData = topicArray[i].split(",");
				var month = topicData[0].substring(5,7);//月
				var day = topicData[0].substring(8,10);
				var country = topicData[1];
				var url = topicData[2];//リンク先URL
				var text = topicData[3];//タイトル	
				//HTMLを書き出し
				$("#topNewsList ul").append("<li><p class='date'>"+month+"/"+day+"</p><p class='country'><img src='/images/top_news_"+country+".png' class='png' /></p><p class='text'><a href='"+url+"' target=\'_blank\'>"+text+"</a></p></li>");
			})
			$(".loading").animate({opacity:1},1500,"easeInQuad",function(){
				$(".loading").css("display","none");//ローディング削除
				$("#topNewsList ul").animate({top:0,opacity:1},800,"easeInOutQuad");
			})
			if($("#topNewsList ul").height()<335){
				$("#arrowDown a").css("display","none");
				$("#arrowUp a").css("display","none");
			}else{
				
				$("#arrowDown a").css("display","block");
				$("#arrowUp a").css("display","none");
			}

        }
		

	})
	
	
	
	$("#topNewsBt a").mouseover(function(){$(this).css("backgroundPosition","0 -28px")})
	$("#topNewsBt a").mouseout(function(){
		var selectC=$(this).attr("href");
		if(nowC!=selectC){
			$(this).css("backgroundPosition","0 0px")
		}
	})
	
	//トピックスの国別切り替え
	$("#topNewsBt a").click(function(){
		var selectC=$(this).attr("href");
		var filterNum=0
		if(nowC!=selectC){
			$("#topNewsBt a").css("backgroundPosition","0 0")
			$(this).css("backgroundPosition","0 -28px")
			nowC=selectC;
			$("#topNewsList ul").animate({top:nowY+100, opacity:0},400,"easeInQuad",function(){
				nowY=0;										 
				$("#topNewsList ul li").remove() //トピックスをリセット
				
				$(topicArray).each(function(i){
											  
					var topicData = topicArray[i].split(",");
					var month = topicData[0].substring(5,7);
					var day = topicData[0].substring(8,10);
					var country = topicData[1];
					var url = topicData[2];
					var text = topicData[3];
					if(selectC=="all"){

					   if ( i > 100 ) { //表示数を指定
							return false;	
						}						
						//HTMLを書き出し
						$("#topNewsList ul").append("<li><p class='date'>"+month+"/"+day+"</p><p class='country'><img src='/images/top_news_"+country+".png' class='png' /></p><p class='text'><a href='"+url+"' target=\'_blank\'>"+text+"</a></p></li>");
					}else{
						if(country==selectC){
							filterNum+=1;
							if ( filterNum > 100 ) { //表示数を指定
								return false;
							}
							//HTMLを書き出し
							$("#topNewsList ul").append("<li><p class='date'>"+month+"/"+day+"</p><p class='country'><img src='/images/top_news_"+country+".png' class='png' /></p><p class='text'><a href='"+url+"' target=\'_blank\'>"+text+"</a></p></li>");
							
							
						}
					}	
				})
				if($("#topNewsList ul").height()<335){
					$("#arrowDown a").css("display","none");
					$("#arrowUp a").css("display","none");
				}else{
					
					$("#arrowDown a").css("display","block");
					$("#arrowUp a").css("display","none");
				}

				$("#topNewsList ul").css("top",-100);
				$("#topNewsList ul").animate({top:0,opacity:1},400,"easeOutQuad");
			})
		}
		return false;
	})
	//上下ボタン


	$("#arrowUp a").click(function(){
		if(moving=="false"){//連打回避
			moving="true";
			$("#arrowDown a").css("display","block");						   
			nowY=nowY+300;
			if(nowY>0-20){
				$("#arrowUp a").css("display","none");
				nowY=0;
			}			
			goalY=nowY+"px";
			$("#topNewsList ul").animate({top:goalY},1000,"easeInOutQuad",function(){moving="false"});
		}
		return false;
	})
	$("#arrowDown a").click(function(){
		if(moving=="false"){//連打回避
			moving="true";
			$("#arrowUp a").css("display","block");
			nowY=nowY-300;						 
			if(nowY<335-$("#topNewsList ul").height()+20){
				$("#arrowDown a").css("display","none");
				nowY=335-$("#topNewsList ul").height();
			}
			goalY=nowY+"px";
			$("#topNewsList ul").animate({top:goalY},1000,"easeInOutQuad",function(){moving="false"});
		}
		return false;
	})
});
