/*

date-posted-desc アップロード日時の新しい順

date-posted-asc	アップロード日時の古い順

date-taken-asc 撮影日時の古い順

date-taken-desc	撮影日時の新しい順

interestingness-desc 人気の高い順

interestingness-asc	人気の低い順

relevance	関連度の高い順

*/


// 画像検索を行う関数

function photo_search ( param ) {

// APIリクエストパラメタの設定

param.api_key  = 'c6cae3b8ae6d8174cfefffc4bb8cc1cd';

param.method   = 'flickr.photos.search';

param.per_page = 8;

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;

}


// Flickr検索終了後のコールバック関数

function jsonFlickrApi ( data ) {

// データが取得できているかチェック

if ( ! data ) return;

if ( ! data.photos ) return;

var list = data.photos.photo;

if ( ! list ) return;

if ( ! list.length ) return;


 // 現在の表示内容（Loading...）をクリアする

remove_children( 'photos_here' );


 // 各画像を表示する

var div = document.getElementById( 'photos_here' );

for( var i=0; i<list.length; i++ ) {

var photo = list[i];


 // a 要素の生成

var atag = document.createElement( 'a' );

atag.href = 'http://www.flickr.com/photos/'+

photo.owner+'/'+photo.id+'/';

atag.target = '_blank';


 // img 要素の生成

var img = document.createElement( 'img' );

img.src = 'http://static.flickr.com/'+photo.server+

'/'+photo.id+'_'+photo.secret+'_s.jpg';

img.style.border = '0';

atag.appendChild( img );

div.appendChild( atag );

}

}