////////////////////////////////////////////////////////////////////////////////////
var target_travelview = {};
target_travelview.onload = function(data){
	var	ItemNum = 0;
	var	ItemListStr="";
	var i=0;



	if( !data.length ){
		outputLAYER( 'travelview_Result', 'not found');
		return;
	}
	ItemNum =data.length;

	for(i=0;i<ItemNum;i++){
		var TextLinkStr="";
		if(data[i]["albumtitle"]!=""){
			TextLinkStr += 	'<font size=\"+1\"><a target=\"_blank\" href=\"'
							+ data[i]["albumurl"]
							+'\">'
							+data[i]["albumtitle"]
							+'</a></font>';
		}


		var travelerStr="";
		if(document.getElementById('travel_disp_Traveler')){
			if(document.getElementById('travel_disp_Traveler').value==1){
				if(data[i]["traveler"]!=""){
					if(data[i]["travelerurl"]!=""){
						travelerStr += 	'<font size=\"-1\">(<a target=\"_blank\" href=\"'
										+ data[i]["travelerurl"]
										+'\">'
										+data[i]["traveler"]
										+'</a>)</font><br>';
					}
					else{
						travelerStr += 	'<font size=\"-1\">('+data[i]["traveler"]+')</font><br>';
					}
				}

			}
		}

		var themeStr="";
		if(document.getElementById('travel_disp_Theme')){
			if(document.getElementById('travel_disp_Theme').value==1){
				if(data[i]["theme"]!=""){
					if(data[i]["themeurl"]!=""){
						themeStr += 	'<a target=\"_blank\" href=\"'
										+ data[i]["themeurl"]
										+'\">'
										+data[i]["theme"]
										+'</a>';
					}
					else{
						themeStr += 	data[i]["theme"];
					}
				}
			}
		}

		var areaStr="";
		if(document.getElementById('travel_disp_Area')){
			if(document.getElementById('travel_disp_Area').value==1){
				if(data[i]["area"]!=""){
					if(data[i]["areaurl"]!=""){
						areaStr += 	'<a target=\"_blank\" href=\"'
										+ data[i]["areaurl"]
										+'\">'
										+data[i]["area"]
										+'</a>';
					}
					else{
						areaStr += 	data[i]["area"];
					}
				}
			}
		}

		var descriptionStr="";
		if(data[i]["description"]!=""){
			descriptionStr += 	data[i]["description"];
		}

		var DateStr="";
		var fromdateStr="";
		var todateStr="";
		if(document.getElementById('travel_disp_Date')){
			if(document.getElementById('travel_disp_Date').value==1){
				if(data[i]["fromdate"]!=""){
					fromdateStr += 	data[i]["fromdate"];
				}
				if(data[i]["todate"]!=""){
					todateStr += 	data[i]["todate"];
				}
				DateStr = fromdateStr + ' - ' + todateStr+'<br>';
			}
		}


		var PictStr="";
		var numofpict=0;
		var PictMax=0;
		if(document.getElementById('travel_disp_Pict')){
			if(document.getElementById('travel_disp_Pict').value==1){
				if(data[i]["numofpict"]!=""){
					numofpict = data[i]["numofpict"];
				}

				if(document.getElementById('travel_disp_Pict_Max')){
					PictMax = parseInt(document.getElementById('travel_disp_Pict_Max').value);
				}

				if(numofpict>PictMax){
					numofpict=PictMax;
				}


				var PictCount=0;
				var PictPerRow=parseInt(document.getElementById('travel_disp_Pict_Row').value);
				PictPerRow--;
				var ColCount=0;
				PictStr ='<table>';
				for(PictCount=0;PictCount<numofpict;PictCount++){

					if(data[i]["pictinfo"][PictCount]["pictlink"]!=""){
						if(data[i]["pictinfo"][PictCount]["picturl"]!=""){

							if((ColCount==0)||(ColCount>=PictPerRow)){
								if(PictCount==0){//first row
									PictStr +='<tr><td valign=\"top\">';
									ColCount++;
								}
								else if(ColCount==0){
									PictStr +='</tr><tr><td valign=\"top\">';
									ColCount++;
								}
								else{
									PictStr +='<td valign=\"top\">';
									ColCount=0;
								}
							}
							else{
								PictStr +='<td valign=\"top\">';
								ColCount++;
							}


							if(document.getElementById('travel_disp_Pict_Comment')){
								if(document.getElementById('travel_disp_Pict_Comment').value==1){
									PictStr += 	'<a target=\"_blank\" href=\"'
													+ data[i]["pictinfo"][PictCount]["pictlink"]
													+'\">'
													+'<img width=\"90\" align=\"left\" src=\"'
													+ data[i]["pictinfo"][PictCount]["picturl"]
													+'\"'
													+'alt=\"'
													+ data[i]["pictinfo"][PictCount]["pictcomment"]
													+'\" border=\"0\">'
													+'</a>';
									PictStr += data[i]["pictinfo"][PictCount]["pictcomment"]+'<br clear=\"all\">';
								}
								else{
									PictStr += 	'<a target=\"_blank\" href=\"'
													+ data[i]["pictinfo"][PictCount]["pictlink"]
													+'\">'
													+'<img width=\"90\" align=\"left\" src=\"'
													+ data[i]["pictinfo"][PictCount]["picturl"]
													+'\"'
													+'alt=\"'
													+ data[i]["pictinfo"][PictCount]["pictcomment"]
													+'\" border=\"0\">'
													+'</a>';
									PictStr += '<br clear=\"all\">';
								}
							}


							PictStr +='</td>';

						}
					}
				}
				if( ColCount>0 ){
					for(;ColCount<=PictPerRow;ColCount++){
						if(ColCount>=PictPerRow){
							PictStr +='<td></td></tr>';
						}
						else{
							PictStr +='<td></td>';
						}
					}
				}
				else{
					PictStr +='</tr>';
				}
				PictStr +='</table>';
			}
		}


		var ImgStr="";
		if(data[i]["picture"]!=""){
			ImgStr += 	'<a target=\"_blank\" href=\"'
							+ data[i]["albumurl"]
							+'\">'
							+'<img align=\"left\" hspace=\"3\" vspace=\"3\" src=\"'
							+data[i]["picture"]
							+'\"'
							+'alt=\"'
							+ data[i]["albumtitle"]
							+'\" border=\"0\">'
							+'</a>';
		}

		ItemListStr+=(TextLinkStr+'<br>'+ImgStr + areaStr + ' ' + themeStr + travelerStr + DateStr + descriptionStr + '<br clear=\"all\">'+PictStr)+'<br><br><br>';
	}
	outputLAYER( 'travelview_Result', ItemListStr );


	outputLAYER( 'travelview_Result', ItemListStr );
	return;
}

///////////////////////////////////////////////////////////////////////////////////
function travelview_item_view_page( Page )
{
	var Tag;
	var ReqNum;
	var AreaKey;
	var AreaType="COUNTRY";
	if(document.getElementById('travelview_tag')){
		Tag = document.getElementById('travelview_tag').value;
	}
	if(document.getElementById('travel_ReqNum')){
		ReqNum = document.getElementById('travel_ReqNum').value;
	}
	if(document.getElementById('travel_AreaKey')){
		AreaKey = document.getElementById('travel_AreaKey').value;
	}

	if(AreaKey==""){
		AreaType="";
	}

	TargetURL = 'http://api.4travel.jp/Ver1/SearchAlbum.php?format=jsonp&callback=target_travelview.onload&ic=utf8&areatype='+encodeURIComponent(AreaType)+'&areakey='+encodeURIComponent(AreaKey)+'&keyword='+ encodeURIComponent(Tag) +'&max='+encodeURIComponent(ReqNum)+'&order=travel_date';

    var script = document.createElement('script');
    script.charset = 'UTF-8';
    script.src = TargetURL;
    document.body.appendChild(script);
	travelview_page=Page+1;

	outputLAYER( 'travelview_Result', 'now loading...' );

	return;
}
///////////////////////////////////////////////////////////////////////////////////