/*
//pager
function pager_get(word,num,pager){
		var click = function(tag,word,num,page){
			tag.onclick = function(){photo_search(word,num,page)}
		}
		
		var divtag = new Array();
		divtag[0] = "imgleft";
		divtag[1] = "imgright";
		
		
		for(var i=0;i < divtag.length;i++){
			remove_children(divtag[i]);
			var div = document.getElementById(divtag[i]);

			if(i == 0){var page = pager-(1);}else{var page = pager+1;	}
			
			if(0 < page && page < 6){
				
				var atag = document.createElement('a');
				atag.href = 'javascript:void(0)';
				click(atag,word,num,page);
				
				//atag.onclick = function(){photo_search(word,num,page);}
				
				// img 要素の生成
				//var img = document.createElement( 'img' );
				//img.src = '_s.jpg';
				//img.style.border = '0';
				
				//atag.appendChild(img);
				atag.innerHTML=page;
				div.appendChild(atag);
			}else{
				//div.innerHTML = pager;
			}
		}
}
*/
// 画像検索を行う関数
function photo_search (word,num,pager) {

// APIリクエストパラメタの設定
		var param = new Array()
    param.api_key  = 'e91b1070c360712cd67f9922799dfd9d';
    param.text  = word;
    param.method   = 'flickr.photos.search';
    param.per_page = num;
    param.page = pager;
    param.sort     = 'date-posted-desc';
    param.format   = 'json';
    param.jsoncallback = 'jsonFlickrApi';

    // APIリクエストURLの生成(GETメソッド)
    var url = 'http://www.flickr.com/services/rest/?'+obj2query( param );
		//ページャー
		//pager_get(word,num,pager);
		
		// 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 ) {
		var viewurl = 'http://seeing.angry.jp/imageview.php?fi=';
		var fiurl = 'http://static.flickr.com/';
		var tagname = 'photos_here';

    // 各画像を表示する
    var div = document.getElementById( tagname );
		var ultag = document.createElement( 'ul' );
		
    // データが取得できているかチェック
    if ( ! data )return;
    if ( ! data.photos ) return;
    var list = data.photos.photo;
    if ( ! list ) return;
    if ( ! list.length ){
			remove_children(tagname);
			div.innerHTML = "nothing...";
			return;
		}

    // 現在の表示内容（Loading...）をクリアする
    remove_children(tagname);
		
    for( var i=0; i<list.length; i++ ) {
			
				var click = function(url,tag,wh){
					tag.onclick = function(){window.open(url,'_blank',wh)};
				};
				
        var photo = list[i];
				
        // a 要素の生成
        var atag = document.createElement('a');
        atag.href = 'javascript:void(0)';
				
				// li 要素の生成
        var litag = document.createElement( 'li' );

				
				//サムネイル
				var fiimg = viewurl+fiurl+photo.server+'/'+photo.id+'_'+photo.secret+'.jpg&title='+photo.title;
				click(fiimg,atag,'width=534,height=630');
				
				
				// img 要素の生成
				var img = document.createElement( 'img' );
				img.src = fiurl+photo.server+'/'+photo.id+'_'+photo.secret+'_s.jpg';
				img.style.border = '0';
				
				atag.appendChild(img);
				litag.appendChild(atag);
				ultag.appendChild(litag);
				div.appendChild(ultag);
    }
}