// 画像検索を行う関数
function photo_search (param) {
	// APIリクエストパラメタの設定
	param.api_key = 'c39f94ca8620ae78114bcbfe1701be3f';
	param.method = 'flickr.photos.search';
	param.per_page = 9;
	param.sort = 'date-posted-desc';
	param.format = 'json';
	param.jsoncallback = 'jsonFlickrApi';

	// APIリクエストURLの生成(GETメソッド)
	var url = 'http://www.flickr.com/services/rest/?'+
	obj2query( param );
	// script 要素の発行
	var script = document.createElement( 'script' );
	script.type = 'text/javascript';
	script.src = url;
	document.body.appendChild( script );
};

// 現在の表示内容をクリアする
function remove_children ( id ) {
	var div = document.getElementById( id );
	while ( div.firstChild ) { 
		div.removeChild( div.lastChild );
	}
};

// オブジェクトからクエリー文字列を生成する関数
function obj2query (obj) {
	var list = [];
	for( var key in obj ) {
		var k = encodeURIComponent(key);
		var v = encodeURIComponent(obj[key]);
		list[list.length] = k+'='+v;
	}
	var query = list.join( '&' );
	return query;
}

var img_src = new Array();
var img_url = new Array();
// Flickr検索終了後のコールバック関数
function jsonFlickrApi (data,sender) {
	// データが取得できているかチェック
	if ( ! data ) return;
	if ( ! data.photos ) return;
	var list = data.photos.photo;
	if ( ! list ) return;
	if ( ! list.length ) return;

	// 現在の表示内容（Loading...）をクリアする
	remove_children( 'photos_here' );


	// 各画像のURLとリンク先の取り出し
	var div = document.getElementById( 'photos_here' );
	var check_str = "";
	for( var i=0; i<list.length; i++ ) {
		var photo = list[i];
		img_url[i] = "http://www.flickr.com/photos/"+photo.owner+"/"+photo.id+"/";
		img_src[i] = "http://static.flickr.com/"+photo.server+"/"+photo.id+"_"+photo.secret+"_s.jpg";
	}

//	alert(sender_obj.ImageSource);
	sender_obj1.ImageSource = img_src[0];
	sender_obj2.ImageSource = img_src[1];
	sender_obj3.ImageSource = img_src[2];
	sender_obj4.ImageSource = img_src[3];
	sender_obj5.ImageSource = img_src[4];
	sender_obj6.ImageSource = img_src[5];
	sender_obj7.ImageSource = img_src[6];
	sender_obj8.ImageSource = img_src[7];
	sender_obj9.ImageSource = img_src[8];

}



//Silverlight側から検索実行関数を呼び出す関数
var sender_obj;
function GoSearch(sender,args)	{
	sender_obj1 = sender.findName("img1");
	sender_obj2 = sender.findName("img2");
	sender_obj3 = sender.findName("img3");
	sender_obj4 = sender.findName("img4");
	sender_obj5 = sender.findName("img5");
	sender_obj6 = sender.findName("img6");
	sender_obj7 = sender.findName("img7");
	sender_obj8 = sender.findName("img8");
	sender_obj9 = sender.findName("img9");
	var keyword = document.getElementById('myText').value;
	photo_search({ text: keyword },sender);
}