////
//


function makeLinkForm( num, title ){
	var link;

	link = '<span onclick="google.maps.event.trigger(_markers['+num+'].obj, \'click\');return false;" class="map_list_one">'+title+'</span>';
	if( typeof(_main_markers[num]) != 'undefined' ){
		link += '<input type="hidden" name="tids[]" value="'+_main_markers[num].gid+'" />';
	}

	return link;
}


function makeLinkFormInComp( num, title, comp ){
	var link;

	link = '<span onClick="google.maps.event.trigger(_markers['+num+'].obj, \'click\');return false;" class="map_list_one">'+title+'</span>';
	if( typeof(comp) != 'undefined' ){link += '<div>'+comp+'</div>';}
	if( typeof(_main_markers[num]) != 'undefined' ){
		link += '<input type="hidden" name="tids[]" value="'+_main_markers[num].gid+'" />';
	}

	return link;
}


function readMaterialAdminAsync(opt, marker_num){
	var mat = new MaterialSoba();
	var xml = mat.readMaterialAsync(opt);
	var tree = parseXML4Material(xml);

	if( typeof(tree.material) != 'undefined' ){
		return mat.compSmallMaterial(tree.material, marker_num)
	} else {
		return '';
	}
}


function readMaterialMainAsync(opt, marker_num){
	var mat = new MaterialSoba();
	var xml = mat.readMaterialAsync(opt);
	var tree = parseXML4Material(xml);

	if( typeof(tree.material) != 'undefined' ){
		return mat.compBigMaterial(tree.material, marker_num)
	} else {
		return '';
	}
}


function putMaterial(html){
	var mat = new MaterialSoba();

	return mat.compHtml(html)
}


/*--------------------------------------------------------------------------*/


var MaterialSoba = Class.create(MaterialAdmin, {


	//
	//　Composition Material practice
	//
		compSmallMaterial : function(material, marker_num){
			var html = '';
			var title;
			var url;
			var comment;
			var img_url = '';
			var lng = material.lng;
			var lat = material.lat;
			var width = 400;
			var height = 250;

			tid = material.tid;
			if( typeof(material.title) != 'undefined' ){title = material.title;} else {title = '';}
			if( typeof(material.url) != 'undefined' ){url = material.url;} else {title = '';}
			if( typeof(material.comment) != 'undefined' ){comment = material.comment;} else {comment = '';}
			if( typeof(material.img_url) != 'undefined' ){
				img_url = material.img_url;
			} else if( typeof(material.thumb_url) != 'undefined' ){
				img_url = material.thumb_url;
			}
			comment = comment.replace('&lt;', '<');
			comment = comment.replace('&gt;', '>');
			comment = comment.replace('&quot;', '"');
			comment = comment.replace('\'', '\'');

			html += '<div id=\'blow_small\'>';
			html += '<table cellspacing=\'0\' cellpadding=\'0\' width=\'100%\'>';
			html += '<tr><td>';

			html += '<div class=\'title\' style=\'margin-top:0px;\'><b>';
			if( ! _linkoff ){html += '<a href=\''+url+'\'>';}
			html += title;
			if( ! _linkoff ){html += '</a>';}
			html += '</b>';

			if( img_url != '' ){
				html += '<br /><img src=\''+img_url+'\' align=\'left\' width=\'125\' style=\'margin-right:6px;margin-bottom:6px;\' />';
			}

			if( _viewmode == 'ex' ){
				html += '<span style=\'cursor:pointer;\' onClick=\'compMarker("';
				html += _modname;
				html += '",';
				html += material.lng;
				html += ',';
				html += material.lat;
				html += ',';
				html += material.id;
				html += ',"';
				html += material.title;
				html += '")\'>';
				html += '[*]';
				html += '</span>';
			}

			html += '</div>';

			html += '<div class=\'comment\'>'+comment+'</div>';

			if( _viewmode == 'routeset' ){
				opt = '&modname='+_modname+'&id='+material.id;
				html += '<br /><br />';
				html += '<a href="#" onClick="pushListBox(\''+opt+'\');return false;">目的地へ追加</a> / ';
				html += '<a href="#" onClick="popListBox('+material.id+');return false;">目的地から削除</a>';
			}

			html += '</td></tr>';
			html += '</table>';
			html += '</div>';

			return html;
		},


	//
	//　Composition Material practice
	//
		compBigMaterial : function(material, marker_num){
			var html = '';
			var title;
			var url;
			var comment;
			var lng = material.lng;
			var lat = material.lat;
			var width = 400;
			var height = 250;

			tid = material.tid;
			if( typeof(material.title) != 'undefined' ){title = material.title;} else {title = '';}
			if( typeof(material.url) != 'undefined' ){url = material.url;} else {title = '';}
			if( typeof(material.comment) != 'undefined' ){comment = material.comment;} else {comment = '';}
			comment = comment.replace('&lt;', '<');
			comment = comment.replace('&gt;', '>');
			comment = comment.replace('&quot;', '"');
			comment = comment.replace('\'', '\'');

			html += '<div id=\'blow_small\' style=\'width:100%;border:1px #ccc solid;padding:6px;\'>';
			html += '<table cellspacing=\'0\' cellpadding=\'0\'>';
			html += '<tr><td>';

			html += '<div class=\'title\' style=\'margin-top:0px;\'><b>';
			if( ! _linkoff ){html += '<a href=\''+url+'\'>';}
			html += title;
			if( ! _linkoff ){html += '</a>';}
			html += '</b>';

			if( _viewmode == 'ex' ){
				html += '<span style=\'cursor:pointer;\' onClick=\'compMarker("';
				html += _modname;
				html += '",';
				html += material.lng;
				html += ',';
				html += material.lat;
				html += ',';
				html += material.id;
				html += ',"';
				html += material.title;
				html += '")\'>';
				html += '[*]';
				html += '</span>';
			}

			html += '</div>';

			html += '<div class=\'comment\'>'+comment+'</div>';
			html += '</td></tr>';
			html += '</table>';
			html += '</div>';

			return html;
		}


});