#!/usr/local/bin/perl

# 2006.02.06 Google Maps API v2.36に設定変更。
# 2006.7.20 緯度経度情報がないときの表示を「このデータには位置情報が登録されていません。」から「このデータは、地図案内をしておりません。相模原フィルム・コミッション事務局までお問い合せ下さい。」へ変更。

use CGI qw(:standard fatalsToBrowser);
use strict;
use Jcode;

my $APIVER = "2.36";
my $datadir = "../db/data/entry/";
my $eid = param('eid');

open FILE,"$datadir$eid.cgi";
my $entry = <FILE>;
close FILE;

Jcode::convert(\$entry, "utf8", "euc");

my @temp = split ("\t",$entry);
 @temp = split ("<>",$temp[1]);
my $loc_name_t = $temp[2];
my $loc_name_h ;

$entry =~ s/&lt;/</g;
$entry =~ s/&gt;/>/g;
$entry =~ s/&amp;/&/g;
$entry =~ s/&quot;/\'/g;


my ($lat,$lng,$html);
if ($entry =~ /(<img[^>]+>).+ll=([0-9.]+),([0-9.]+)/) {
	$html = "<h3>$loc_name_t</h3><p>$1</p>";# 地図を上部に表示
	$lng = $2;
	$lat = $3;
	$loc_name_h = $loc_name_t ;
} else {
	$loc_name_t = "登録データ無し";
	$loc_name_h = "このデータは地図案内をしておりません。<br>お手数ですが、<a href=\"/ann/about.html\">相模原フィルム・コミッション事務局</a>までお問い合せ下さい。";
	$lng = "";
	$lat = "";
}

	print <<"EOM";
Content-type: text/html; charset=utf-8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>相模原フィルム・コミッションマップ：$loc_name_t</title>
	<link rel="stylesheet" href="/ann/style.css" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="http://maps.google.com/maps?file=api&v=${APIVER}&key=ABQIAAAAHaOPhoTm52v2oSDh_hUrIxSsd3diLMXrBFowOw8woXf8xZDOrRT-T1CML56vUYVAHChnh78s_8DbDQ" type="text/javascript"></script>
<style>
<!--
body	{
	background-color:white;
	}
div.footer	{
	width:760px;
	}
#map	{
	width: 740px;
	height:480px;
	}
#mapmain	{
	margin-top:30px;
	margin-left:10px;
	width:760px;
	}
#mapmain h2	{
	border:0;
	margin:0;
	margin-top:4px;
	margin-bottom:4px;
	}
#mapmain h3	{
	border:0;
	margin:10px;
	}
/* ポップアップメニューの最上位のメニューのスタイル  */
.menu-host{
	color:#FFFFFF;
	list-style-type:none;
	float:left;
	border-left:2px groove white;
	margin:0px;
	padding:0px;
	}

/* ポップアップメニュー内、子メニューあるいは孫メニューに適用するスタイル */
.child{
	position:absolute;
	visibility:hidden;
	list-style-type:none;
	font-weight:normal;
	width:150px;
	background:gainsboro;
	}
.clear_both	{
	clear:both;
	}
#topmenu	{
	width:780px;
	position:absolute;
	top:80px;
	left:0px;
	background-color:gray;
	font-size:12px;
	line-height:1.6em;
	z-index:9;
	}

#topmenu ul {
	margin:0;
	padding:0;
	}
#topmenu span {
	padding:2px;
	background-color:gray;
	line-height:1.2em;
	}
#topmenu a	{
	text-decoration: none;
	margin-left:0px;
	padding:2px;
	padding-left:5px;
	line-height:1.2em;
	background-color:gray;
	}
#topmenu .child a	{
	background-color:gainsboro;
	width:100%;
	}

#topmenu a:link, #topmenu a:visited, #topmenu a:active {
	color: #FFFFFF;
	}
#topmenu .child a:link, #topmenu .child a:visited, #topmenu .child a:active {
	color:#000000;
	}
#topmenu a:hover, #topmenu .child a:hover {
/*
	color: #FF3C00;
	background-color: #000000;
*/
	color: #e50;
	text-decoration: underline;
	}
-->
</style>
    <script type="text/javascript">
    //<![CDATA[

    function onLoad() {
		var map = new GMap(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		// Center the map to the default location
		map.centerAndZoom(new GPoint($lat,$lng), 2);
	  
		// Add locations
	
		var point = new GPoint($lat,$lng);
		var marker = createMarker(point, "$html");
		map.addOverlay(marker);

    }

    // Creates a marker whose info window displays the given number
    function createMarker(point, html) {
      var marker = new GMarker(point);

      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
      });

      return marker;
    }

    //]]>
    </script>

<script language="javascript">
<!--

var menu_info = new Array();

function initialize(){
	//DOMが使えなかったらツリービューも使えない
	//予め全ての項目を開いておいて、DOMが有効ならば閉じるようにする
	if(document.hasChildNodes){
		var child_objects = document.getElementsByTagName('ul');
		for (i=0;i<child_objects.length;i++){
			if(document.all){
				if(child_objects.item(i).getAttribute('className')=='t_child'){
					child_objects.item(i).style.display='none';
				}
			}else if(document.getElementById){
				if(child_objects.item(i).getAttribute('class')=='t_child'){
					child_objects.item(i).style.display='none';
				}
			}
		}
	}
}

function menu(host_object_id, visible_object_id){
	if(document.all){
		var visible_object = document.all[visible_object_id];
		var host_object = document.all[host_object_id];
	}else if(document.getElementById){
		var visible_object = document.getElementById(visible_object_id);
		var host_object = document.getElementById(host_object_id);
	}

	if(visible_object.style.visibility == 'visible'){
		visible_object.style.visibility="hidden";
	}else{
		if(document.all){
			visible_object.style.left = host_object.offsetLeft;
			visible_object.style.top = host_object.offsetTop + host_object.offsetHeight;	
			visible_object.style.visibility="visible";
		}else if(document.getElementById){
			visible_object.style.left = host_object.offsetLeft + "px";
			visible_object.style.top = host_object.offsetTop + host_object.offsetHeight + "px";
			visible_object.style.visibility="visible";
		}		
	}
}

function child_menu(host_object_id, visible_object_id){

	if(document.all){
		var visible_object = document.all[visible_object_id];
		var host_object = document.all[host_object_id];
	}else if(document.getElementById){
		var visible_object = document.getElementById(visible_object_id);
		var host_object = document.getElementById(host_object_id);
	}

	if(visible_object.style.visibility == 'visible'){
		visible_object.style.visibility="hidden";
	}else{
		if(document.all){
			visible_object.style.left = host_object.offsetLeft + host_object.offsetWidth;
			visible_object.style.top = host_object.offsetTop;
			visible_object.style.visibility="visible";
		}else if(document.getElementById){
			visible_object.style.left = host_object.offsetLeft+ host_object.offsetWidth + "px";
			visible_object.style.top = host_object.offsetTop + "px";
			visible_object.style.visibility="visible";
		}
	}
}

function menu_ctrl(parent_object_id){
	
	if(!document.hasChildNodes){
		return false;
	}
	
	var child_object = document.getElementById(parent_object_id).getElementsByTagName('ul');
	var i_child_object = child_object.item(0);
	
	if (i_child_object.style.display == 'block'){
		i_child_object.style.display = 'none';
		for(i=0;i<child_object.length;i++){
				child_object.item(i).style.display = 'none';
		}
	}else{
		i_child_object.style.display = 'block';
	}

}

function all_menu_ctrl(host_object_id){
	
	if(!document.hasChildNodes){
		return false;
	}
	
	if(menu_info[host_object_id]=='none' || !menu_info[host_object_id]){
		menu_info[host_object_id]='block';
	}else{
		menu_info[host_object_id]='none';
	}
	
	var child_object = document.getElementById(host_object_id).getElementsByTagName('ul');

	for (i=0;i<child_object.length;i++){
		child_object.item(i).style.display = menu_info[host_object_id];
	}
}

//-->
</script>

<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
  </head>
  <body onload="onLoad();"initialize();MM_preloadImages('/img/fcmenu_r1_c1_f2.gif','/img/fcmenu_r2_c1_f2.gif','/img/fcmenu_r3_c1_f2.gif','/img/fcmenu_r4_c1_f2.gif','/img/fcmenu_r5_c1_f2.gif','/img/fcmenu_r6_c1_f2.gif','/img/fcmenu_r7_c1_f2.gif','/img/fcmenu_r8_c1_f2.gif','/img/fcmenu_r9_c1_f2.gif');">
<a href="http://www.sagamihara-fc.jp/"><img border="0" src="/img/fc_title.jpg" width="780" height="80"></a><div id="topmenu">
        <ul class="parent">
          <li class="menu-host"><a href="/">トップ</a></li>
          <li class="menu-host"><a href="/info/">新着情報</a></li>
          <li class="menu-host"><a href="/ann/about.html">相模原FCについて</a></li>
          <li  id="gaiyou" onmouseover="menu('gaiyou', 'child_gaiyou')" onmouseout="menu('gaiyou', 'child_gaiyou')" class="menu-host"><span>相模原の概要</span>
              <ul id="child_gaiyou" class="child">
	          <li><a href="/ann/access.html">交通アクセス</a></li>
	          <li><a href="http://www.e-sagamihara.com/event.html">年中行事・イベント</a></li>
	          <li><a href="/map/index.htm">タウンマップ</a></li>
	          </ul></li>
          <li id="db" onmouseover="menu('db', 'child_db')" onmouseout="menu('db', 'child_db')" class="menu-host"><span>ロケーションデータベース</span>
              <ul id="child_db" class="child">
	          <li><a href="/db/">ロケーション検索</a></li>
	          <li><a href="/ann/jisseki.html">ロケーション実績</a></li>
	          <li><a href="/ann/hotel01.html">市内宿泊施設一覧</a></li>
	          <li><a href="/ann/kikan.html">許認可申請機関</a></li>
	          </ul></li>
          <li  id="touroku" onmouseover="menu('touroku', 'child_touroku')" onmouseout="menu('touroku', 'child_touroku')" class="menu-host"><span>登録・受付</span>
              <ul id="child_touroku" class="child">
	          <li><a href="/ann/moushikomi.html">映像制作者支援依頼受付</a></li>
	          <li><a href="/ann/extra.html">エキストラ登録</a></li>
	          <li><a href="/ann/bukken.html">ロケ物件登録</a></li>
	          </ul></li>
          <li class="menu-host"><a href="/ann/link.html">リンク集</a></li>
          <li class="menu-host"><a href="/ann/qa.html">Q&amp;A</a></li>
          <li class="menu-host"><a href="/ann/sitemap.html">サイトマップ</a></li>
        </ul>
</div class="topmenu">
<div id="mapmain">
  	<h2>相模原フィルム・コミッションマップ</h2>
	<h3>$loc_name_h</h3>
    <div id="map"></div>
  	<p>$lat,$lng</p>
</div>
<div class="footer">
<hr />
<address>Copyright &copy; 2005-2006 Sagamihara Film Commission. All Rights Reserved.</address>
</div><!--_end_footer_-->
<script type="text/javascript" src="/access/report.js"></script>
</body>
</html>
EOM
__END__
