/**
 * @author Owner
 */

$(window).load(loadHandler);
$(window).resize(setContentSize);

var counterSite=0;
var ex = new Animator({transition: Animator.makeEaseOut(3),duration:1500});

var R_width;
var L_width;

function loadHandler(){
	//alert("load");
	loadXML();
}

function setContentSize(){
	
	var nWidth, nHeight; 
	var headH,footH,naviW;
	var containerH;
	var mainW,mainVW,mainPW;
	
	//画面のサイズ取得
	nHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
	nWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

	//CSS要素のサイズ取得
	
	R_width = Math.floor((nWidth-100)*0.45);
	L_width = Math.floor((nWidth-100)*0.45);
	
	var r = R_width + "px";
	var l = L_width + "px";
	
	$('#right_container').css('width',r);
	$('#main_contents').css('width',r);
	$('#left_container').css("width",l);	
	
		
}

var xmlTag;

function loadXML(){
	
	var msec=(new Date()).getTime();
	
	$(document).ready(function(){
		
		$.ajax({
			type:"GET",
			url:"data.xml",
			dataType:"xml",
			success:function(data){
				
				xmlTag = data;
				
				
				
				//ヘッダーとタイトルの設定
				$("page",data).each(function(){
					var page_name = $("page_name",this).text();
					document.title = page_name + ": ('-')/ powered by Noooodle ('-')/";//ページタイトル
					$('h1').html(page_name);//大見出し
					$("#page_explane").html($("description",this).text());//サイトの説明
					$("#left_container").css('background-color',$("navi_bgcolor",this).text());
					$("#main_contents").css('background-color',$("content_bgcolor",this).text());
					$("#footer").html(page_name + " is powered by Noooodle.");//フッター
					$("#footer").css('color',$("navi_bgcolor",this).text());
				});
	
				var html_str = '<ul>';
				var service = '';
				var user = '';
				var i=0;
				
				//naviの設定
				$("item",data).each(function(){
					
					service = $("service",this).text();
					switch (service) {
						case "twitter":
						user = $("user",this).text();
						//alert($("user",this).text());
						break;
			
						case "youtube":
						user = $("user",this).text();
						//alert($("user",this).text());
						break;
						
						case "rss":
						user = $("url",this).text();
						break;
						
					}
					
					html_str += '<li><a href="#" onclick="showData(' + i + ',\'' + service + '\',\'' + user + '\')">';
					html_str += $("title",this).text() + '</a></li>';
					
					
					

					
					i++;
				});
				
				html_str += "</ul>";
				
				$("#navi_panels").html(html_str);
				//alert(html_str);
				//コンテンツを配置
				setContentSize();
				
				var ex_main1 = new Animator({transition: Animator.makeEaseIn(3),duration:1});
				ex_main1.addSubject(new NumericalStyleSubject($("#right_container"),"opacity",1,0));
				
				ex_main1.play();
				
				
				
			}
		});
		
	});
	
}


function failLoadXML(){
	alert("XMLデータの読み込みに失敗しました。");
}


function showData(i,serv,user){
	
	var ex_main1 = new Animator({
				transition: Animator.makeEaseOut(3),
				duration:500,
				onComplete:function(){
					
	
	//サービスにアクセスする
	switch(serv){
		
		case "home":
		showHome();
		break;
		
		case "twitter":
		//getTwitter(xmlTag[i].getElementsByTagName("user")[0].firstChild.nodeValue,10);
		showTwitter(user);
		break;
		
		case "youtube":
		showYouTube(user);
		break;
		
		case "rss":
		showRss(user);
		break;
	}
	
	setContentSize();
	
	}
	
				});
	
	var ex_main2 = new Animator({transition: Animator.makeEaseIn(3),duration:500});
	
	ex_main1.addSubject(new NumericalStyleSubject($("#right_container"),"opacity",1,0));
	ex_main2.addSubject(new NumericalStyleSubject($("#right_container"),"opacity",0,1));
	
	var animators = [ex_main1,ex_main2];
	var ex_main = new AnimatorChain(animators);
	
	ex_main.play();
	
	
			
}

function showHome(){
	
	$('#main_contents').html("");
	
}