//-------------------------------------------
// File Name	: top_visual.js
// Contents		:トップビジュアル
//
// Copyright (c) 1998-2011 studio e-space Inc.
//-------------------------------------------


var IMAGE_POSITION = new Array();

//------------------------------------------------------------------------------
// アバターの名前を設定
//------------------------------------------------------------------------------

var NAME = ['aya','kyasa','maiko','ayako','tatsu','yumi','yoko','rk','makotsu','shu','akira','emiri','hirono'];

//------------------------------------------------------------------------------
// アバターの座標を設定
//------------------------------------------------------------------------------

// aya
IMAGE_POSITION.aya1 = '-1px -2px';
IMAGE_POSITION.aya2 = '-78px -2px';
IMAGE_POSITION.aya3 = '-157px -2px';
IMAGE_POSITION.aya4 = '-235px -2px';
IMAGE_POSITION.aya5 = '-313px -2px';
IMAGE_POSITION.aya6 = '-391px -2px';

// kyasa
IMAGE_POSITION.kyasa1 = '-1px -292px';
IMAGE_POSITION.kyasa2 = '-78px -292px';
IMAGE_POSITION.kyasa3 = '-157px -292px';
IMAGE_POSITION.kyasa4 = '-235px -292px';
IMAGE_POSITION.kyasa5 = '-313px -292px';
IMAGE_POSITION.kyasa6 = '-391px -292px';


// maiko
IMAGE_POSITION.maiko1 = '-1px -437px';
IMAGE_POSITION.maiko2 = '-78px -437px';
IMAGE_POSITION.maiko3 = '-157px -437px';
IMAGE_POSITION.maiko4 = '-235px -437px';
IMAGE_POSITION.maiko5 = '-313px -437px';
IMAGE_POSITION.maiko6 = '-391px -437px';


// ayako
IMAGE_POSITION.ayako1 = '-13px -582px';
IMAGE_POSITION.ayako2 = '-90px -582px';
IMAGE_POSITION.ayako3 = '-165px -582px';
IMAGE_POSITION.ayako4 = '-243px -582px';
IMAGE_POSITION.ayako5 = '-321px -582px';
IMAGE_POSITION.ayako6 = '-400px -582px';


// tatsu
IMAGE_POSITION.tatsu1 = '-1px -727px';
IMAGE_POSITION.tatsu2 = '-78px -727px';
IMAGE_POSITION.tatsu3 = '-157px -727px';
IMAGE_POSITION.tatsu4 = '-235px -727px';
IMAGE_POSITION.tatsu5 = '-313px -727px';
IMAGE_POSITION.tatsu6 = '-391px -727px';


// yumi
IMAGE_POSITION.yumi1 = '-1px -872px';
IMAGE_POSITION.yumi2 = '-78px -872px';
IMAGE_POSITION.yumi3 = '-157px -872px';
IMAGE_POSITION.yumi4 = '-235px -872px';
IMAGE_POSITION.yumi5 = '-313px -872px';
IMAGE_POSITION.yumi6 = '-391px -872px';


// yoko
IMAGE_POSITION.yoko1 = '-1px -1017px';
IMAGE_POSITION.yoko2 = '-78px -1017px';
IMAGE_POSITION.yoko3 = '-157px -1017px';
IMAGE_POSITION.yoko4 = '-235px -1017px';
IMAGE_POSITION.yoko5 = '-313px -1017px';
IMAGE_POSITION.yoko6 = '-391px -1017px';

// rk
IMAGE_POSITION.rk1 = '-1px -1162px';
IMAGE_POSITION.rk2 = '-78px -1162px';
IMAGE_POSITION.rk3 = '-157px -1162px';
IMAGE_POSITION.rk4 = '-235px -1162px';
IMAGE_POSITION.rk5 = '-313px -1162px';
IMAGE_POSITION.rk6 = '-391px -1162px';

// makotsu
IMAGE_POSITION.makotsu1 = '-1px -1307px';
IMAGE_POSITION.makotsu2 = '-78px -1307px';
IMAGE_POSITION.makotsu3 = '-157px -1307px';
IMAGE_POSITION.makotsu4 = '-235px -1307px';
IMAGE_POSITION.makotsu5 = '-313px -1307px';
IMAGE_POSITION.makotsu6 = '-391px -1307px';

// shu
IMAGE_POSITION.shu1 = '-1px -1453px';
IMAGE_POSITION.shu2 = '-78px -1453px';
IMAGE_POSITION.shu3 = '-157px -1453px';
IMAGE_POSITION.shu4 = '-235px -1453px';
IMAGE_POSITION.shu5 = '-313px -1453px';
IMAGE_POSITION.shu6 = '-391px -1453px';

// akira
IMAGE_POSITION.akira1 = '-1px -1587px';
IMAGE_POSITION.akira2 = '-78px -1587px';
IMAGE_POSITION.akira3 = '-157px -1587px';
IMAGE_POSITION.akira4 = '-235px -1587px';
IMAGE_POSITION.akira5 = '-313px -1587px';
IMAGE_POSITION.akira6 = '-391px -1587px';

// emiri
IMAGE_POSITION.emiri1 = '-1px -1858px';
IMAGE_POSITION.emiri2 = '-78px -1858px';
IMAGE_POSITION.emiri3 = '-157px -1858px';
IMAGE_POSITION.emiri4 = '-235px -1858px';
IMAGE_POSITION.emiri5 = '-313px -1858px';
IMAGE_POSITION.emiri6 = '-391px -1858px';

// hirono
IMAGE_POSITION.hirono1 = '-1px -1992px';
IMAGE_POSITION.hirono2 = '-78px -1992px';
IMAGE_POSITION.hirono3 = '-157px -1992px';
IMAGE_POSITION.hirono4 = '-235px -1992px';
IMAGE_POSITION.hirono5 = '-313px -1992px';
IMAGE_POSITION.hirono6 = '-391px -1992px';


//------------------------------------------------------------------------------
// アニメーション タイプ1
//------------------------------------------------------------------------------

function animation_patern1( name ){
	setTimeout('moveImage("' + name + '",2)',200);
	setTimeout('moveImage("' + name + '",1)',400);
	setTimeout('moveImage("' + name + '",2)',600);
	setTimeout('moveImage("' + name + '",1)',800);
	setTimeout('moveImage("' + name + '",2)',1000);
	setTimeout('moveImage("' + name + '",1)',1200);
	setTimeout('moveImage("' + name + '",2)',1400);
	setTimeout('moveImage("' + name + '",1)',1600);
}

//------------------------------------------------------------------------------
// アニメーション タイプ2
//------------------------------------------------------------------------------

function animation_patern2( name ){

	setTimeout('moveImage("' + name + '",4)',200);
	setTimeout('moveImage("' + name + '",3)',400);
	setTimeout('moveImage("' + name + '",4)',600);
	setTimeout('moveImage("' + name + '",3)',800);
	setTimeout('moveImage("' + name + '",4)',1000);
	setTimeout('moveImage("' + name + '",3)',1200);
	setTimeout('moveImage("' + name + '",4)',1400);
	setTimeout('moveImage("' + name + '",3)',1600);
}

//------------------------------------------------------------------------------
// アニメーション タイプ3
//------------------------------------------------------------------------------

function animation_patern3( name ){

	setTimeout('moveImage("' + name + '",6)',200);
	setTimeout('moveImage("' + name + '",5)',400);
	setTimeout('moveImage("' + name + '",6)',600);
	setTimeout('moveImage("' + name + '",5)',800);
	setTimeout('moveImage("' + name + '",6)',1000);
	setTimeout('moveImage("' + name + '",5)',1200);
	setTimeout('moveImage("' + name + '",6)',1400);
	setTimeout('moveImage("' + name + '",5)',1600);
}

//------------------------------------------------------------------------------
// アニメーション タイプ4
//------------------------------------------------------------------------------

function animation_patern4( name ){

	setTimeout('moveImage("' + name + '",3)',200);
	setTimeout('moveImage("' + name + '",1)',400);
	setTimeout('moveImage("' + name + '",3)',600);
	setTimeout('moveImage("' + name + '",1)',800);
	setTimeout('moveImage("' + name + '",3)',1000);
	setTimeout('moveImage("' + name + '",1)',1200);
}

//------------------------------------------------------------------------------
// アニメーション タイプ5
//------------------------------------------------------------------------------

function animation_patern5( name ){

	setTimeout('moveImage("' + name + '",5)',200);
	setTimeout('moveImage("' + name + '",1)',400);
	setTimeout('moveImage("' + name + '",5)',600);
	setTimeout('moveImage("' + name + '",1)',800);
	setTimeout('moveImage("' + name + '",5)',1000);
	setTimeout('moveImage("' + name + '",1)',1200);
}

//------------------------------------------------------------------------------
// アニメーション タイプ6
//------------------------------------------------------------------------------

function animation_patern6( name ){

	setTimeout('moveImage("' + name + '",5)',200);
	setTimeout('moveImage("' + name + '",3)',400);
	setTimeout('moveImage("' + name + '",5)',600);
	setTimeout('moveImage("' + name + '",3)',800);
	setTimeout('moveImage("' + name + '",5)',1000);
	setTimeout('moveImage("' + name + '",3)',1200);
}

//------------------------------------------------------------------------------
// アニメーション タイプ7
//------------------------------------------------------------------------------

function animation_patern7( name ){

	setTimeout('moveImage("' + name + '",3)',200);
	setTimeout('moveImage("' + name + '",5)',400);
	setTimeout('moveImage("' + name + '",3)',600);
	setTimeout('moveImage("' + name + '",5)',800);
	setTimeout('moveImage("' + name + '",3)',1000);
	setTimeout('moveImage("' + name + '",5)',1200);
}


IMAGE_POSITION.count = 0;

function actionPerson( name ){
	var count = 0;
	$("#" + name).css("background-position", IMAGE_POSITION[name + '4']);
}

//ランダムアニメーション
function animationKick(){
		
	//対象アバターをランダムに選択
	var name = NAME[parseInt(Math.random()*(NAME.length))];
	
	//アニメーションパターンをランダムに選択
	var animation_number = parseInt(Math.random()*4);

	switch( (animation_number+4) ){
		case 4:
			animation_patern4(name);
			break;
			
		case 5:
			animation_patern5(name);
			break;
			
		case 6:
			animation_patern6(name);
			break;

		case 7:
			animation_patern7(name);
			break;
		
		default:
			break;
	}
	
}

function moveImage( name, num){
	$("#" + name).css("background-position", IMAGE_POSITION[name + num]);
}


//------------------------------------------------------------------------------
// SNS取得用配列
//------------------------------------------------------------------------------

var STAFF = []

STAFF[0] = {
	name : 'aya',
	left     : '45px',　//吹き出しの位置
	tw_id		 : "",        //twitterのID
	insta_feed_id : ""  //instagramのfeed
};

STAFF[1] = {
	name : 'kyasa',
	left     : '162px',
	tw_id		 : "",
	insta_feed_id : "" 
};

STAFF[2] = {
	name : 'maiko',
	left     : '222px',
	tw_id		 : "",
	insta_feed_id : "14034890"
};

STAFF[3] = {
	name : 'ayako',
	left     : '286px',
	tw_id		 : "",
	insta_feed_id : ""
};

STAFF[4] = {
	name : 'tatsu',
	left     : '347px',
	tw_id		 : "dragonvisions",
	insta_feed_id : ""
};

STAFF[5] = {
	name : 'yumi',
	left     : '408px',
	tw_id		 : "",
	insta_feed_id : "1694161"
};

STAFF[6] = {
	name : 'yoko',
	left     : '475px',
	tw_id		 : "",
	insta_feed_id : "300976"	
};

STAFF[7] = {
	name : 'rk',
	left     : '533px',
	tw_id		 : "",
	insta_feed_id : "209106"
};

STAFF[8] = {
	name : 'makotsu',
	left     : '591px',
	tw_id		 : "",
	insta_feed_id : "5671528"
};

STAFF[9] = {
	name : 'shu',
	left     : '648px',
	tw_id		 : "",
	insta_feed_id : ""
};

STAFF[10] = {
	name : 'akira',
	left     : '702px',
	tw_id		 : "",
	insta_feed_id : ""
};

STAFF[11] = {
	name : 'emiri',
	left     : '760px',
	tw_id		 : "",
	insta_feed_id : ""
};

STAFF[12] = {
	name : 'hirono',
	left     : '808px',
	tw_id		 : "",
	insta_feed_id : "" 
};

//google ajax feed api の読み込み
//google.load('feeds', '1');	

//吹き出しを切り替える速さを設定
changeSpeed = 4000;

$(window).bind("load", function() {
	
//setInterval('balloon()',changeSpeed);
balloon();


$.each(STAFF, function(i, value){	
		if(value.tw_id != ''){
			get_twitter(i,value);
		}else if(value.tw_id == '' && value.insta_feed_id != ''){
			var userAgent = window.navigator.userAgent.toLowerCase();
			var appVersion = window.navigator.appVersion.toLowerCase();
			if(userAgent.indexOf("msie") > -1){
				if (appVersion.indexOf("msie 6.0") > -1 || appVersion.indexOf("msie 7.0") > -1){
						}
				}else {
					 google.setOnLoadCallback(get_instagram(i, value));
				}
			//google.setOnLoadCallback(get_instagram(i, value));
		}else{
		};
	});
});

//Twitterの取得をする関数
function get_twitter(i,value){
			
	//twitterタイムライン取得のURL作成									 
	var twitter_url = "http://twitter.com/statuses/user_timeline/" + STAFF[i].tw_id + ".json?callback=?" ;
	
	//ajax通信で情報を取得		
	$(function(){	
		//twitterのタイムライン取得と表示
		$.getJSON(twitter_url, function(data) {		
	  
		var text = data[0].text;
				
		//URLにリンクを付ける
		text = text.replace(/(s?https?:\/\/[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#]+)/gi,'<a href="$1">$1</a>');
		//ハッシュタグにリンク
		text = text.replace(/#(\w+)/gi,'<a href="http://twitter.com/search?q=%23$1">#$1</a>');
		//リプライにリンク
		text = text.replace(/@(\w+)/gi,'<a href="http://twitter.com/$1">@$1</a>');
					
		//alert(text.length);
		var feedtext = text.substr(0,60) + '...';
								
		//結果を出力
		//$("#feed_area").append($('<div id ="' + value.name +'_feed">').attr('class', 'tw_feed_bg').html('<p>' + data[0].user.screen_name + feedtext + '</p>'));
		$("#feed_area").append($('<div id ="' + value.name +'_feed">').attr('class', 'tw_feed_bg').html('<p>' + feedtext + '</p>'));

		});	
	});
};

//instagramの取得をする関数
function get_instagram(i, value){
/* google ajax feed apiで http://instagram.heroku.com/ からRSSで取得 */
	
	//instagramの画像取得のURL作成
	var instagram_url = "http://instagram.heroku.com/users/" + STAFF[i].insta_feed_id + ".atom" ;	
	
	//読み込むfeedのURLを入力
	var feed = new google.feeds.Feed(instagram_url);
	feed.setNumEntries(1);//読み込むフィードの数

	//loadメソッドを実行して、フィードを取得する。コールバック関数の引数resultでフィード情報を受け取る
	feed.load(function(result){
		var items = result.feed.entries;
			 
		//イメージをhtmlに挿入	
		$(items).each(function(i){
						
			$('#feed_area').append( 
					/*$('<p></p>').append(
						$('<a></a>',{
							href: this.link,
							text: this.title,
						})								
					),*/
			  $(this.content).attr('id', value.name + '_feed').attr('class', 'insta_feed_bg')
			);
		});		
	});
};
	
//配列の並び替え



	
	
//吹き出しをランダムで表示する関数



function balloon(){
	//スタッフの配列をランダムに並び替える
	for (i=0 ; i<STAFF.length; i++){
	var tmpA, tmpB, rnd;
	rnd=Math.floor(Math.random() * STAFF.length);
	tmpA=STAFF[i];
	tmpB=STAFF[rnd];
	STAFF[i]=tmpB;
	STAFF[rnd]=tmpA;
	}	
	
	
	n=-1;
	setInterval(function(){
		$("#feed_area > div:visible").fadeOut(500,staff_feed());
		}, 5000);
		
	function staff_feed() {
//		alert(STAFF.length[14]);
			n++	
			//alert(STAFF.length);
			if(n == STAFF.length){
			//	alert(n + "：　nは１４以上です。");
				n=-1;	
			}else if(n < STAFF.length+1){
			//	alert(n + " : " + STAFF[n].name + "：　nは１４以下です。");
				//吹き出しの位置
				$('#' + STAFF[n].name + '_feed').css({
					 'left' :  STAFF[n].left
				});
				$('#' + STAFF[n].name + '_feed').fadeIn(500);
				animationSnsKick();
			}
		//	alert(n + "　:　" + STAFF[n].name);
};

//alert(n);
//	$.each(STAFF,function(n,value){
		
//	});
	

	
/*		for (n=0; n <= STAFF.length; n++){
		setInterval(function(){
			$("#feed_area > div:visible").fadeOut(500);	
			//吹き出しの位置
			$('#' + STAFF[n].name + '_feed').css({
				 'left' :  STAFF[n].left
			});
			$('#' + STAFF[n].name + '_feed').fadeIn(500);
			animationSnsKick();
		},changeSpeed);
		}*/
};

/*function balloon() {	
	//n = Math.floor(Math.random()*STAFF.length);
	$("#feed_area > div:visible").fadeOut(500);
		
	//吹き出しの位置
	$('#' + STAFF[n].name + '_feed').css({
		 'left' :  STAFF[n].left
	});
	$('#' + STAFF[n].name + '_feed').fadeIn(500);
	animationSnsKick();
};*/


//SNS表示用のアニメーション
function animationSnsKick(i,value){
	var animation_number = parseInt(Math.random()*3);
	var name =  STAFF[n].name;
	
	switch( animation_number ){
		case 0:
			animation_patern1(name);
			break;
			
		case 1:
			animation_patern2(name);
			break;
			
		case 2:
			animation_patern3(name);
			break;
	
		default:
			break;
	}
}

