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

//    param.tags     = 'aurora';
//    param.text    = 'aurora';

    // 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( '&' );
	
	// 自分で条件関係なくここで指定してみる
	// これはOK!
	//query = "api_key=29dda63112ba75a5739009e198fc8380&tags=aurora&method=flickr.photos.search&per_page=10&format=json&jsoncallback=jsonFlickrApi&sort=date-posted-desc" ;
//	query = "api_key=29dda63112ba75a5739009e198fc8380&tags=commet&method=flickr.photos.search&per_page=10&format=json&jsoncallback=jsonFlickrApi&sort=date-posted-desc" ;
//query = "http://www.flickr.com/services/rest/?api_key=29dda63112ba75a5739009e198fc8380
//query = "api_key=29dda63112ba75a5739009e198fc8380
//&method=flickr.photos.search
//&per_page=10
//&sort=date-posted-desc
//&tags=aurora
//&format=json
//&jsoncallback=jsonFlickrApi" ;

//alert (query) ;

    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' );
//    remove_children( 'photos_title' );

    // 各画像を表示する
    var div   = document.getElementById( 'photos_here' );
//    var ptag  = document.createElement( 'pre' );
//	ptag.value = "aaaa" ;
//    div.appendChild( ptag );
//	div.appendChild(document.createTextNode('bazzzz'));


//    dtag.style.border = '3' ;
//    dtag.value = 'aaaa' ;
//	  div.appendChild(document.createTextNode('picture title'));
//    var dtag = document.createElement( 'div' );
//    div.appendChild( dtag );

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

	// ライセンスが「0:all rights reserved」のものは非表示
        if( photo.license != 0) {
        // a 要素の生成
        var atag = document.createElement( 'a' );
        atag.href = 'http://www.flickr.com/photos/'+
                    photo.owner+'/'+photo.id+'/';

        // img 要素の生成
        var img = document.createElement( 'img' );
        img.src = 'http://static.flickr.com/'+photo.server+
                  '/'+photo.id+'_'+photo.secret+'_s.jpg';
        img.style.border = '0';
        img.style.margin = '2';
        atag.appendChild( img );
        div.appendChild( atag );
	}
    }


	// 追加してみた
    // 現在の表示内容をクリアする
//    remove_children( 'photos_title );
    // 各画像を表示する
//    var div = document.getElementById( 'photos_title' );
//	var title = document.write("Hello,JavaScript !");
//	var title = "aaa" ;
//    div.appendChild( title );

}