﻿      function createMarker(point, name, html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        gmarkers[i] = marker;
//        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '<\/a><br \/>';
        i++;
        return marker;
      }
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }




function createMarkerStore(point, st_id, store) 
{
	var image = store.profile_image_url;//"http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld="+(item_id)+"|33FF33|000000";

	// click時に店について雲に表示する内容
	var tab;
	tab = '<div style="width:200px;height:150px;line-height:13px">';
//	tab += '<div style=\"float:left\"><img src="' + image + '" class="img" style="width:40px;height:40px;"><\/div>';
	tab += '<div style=\"float:left\"><a href=\"about/?p=' + store.st_wp_ID + '\" ><img src="' + image + '" class="img" style="width:40px;height:40px;"></a><\/div>';
	tab += '<div id=\"rudcnr_gr_box\" style=\"margin: 0 0 0px 50px;\">'; 
	tab += '	<div style=\"padding:3px;\">'; 
	tab += '		<span class="txtL3_b clr_wy">' + store.st_name_j+ '</span> ';
	tab += '	</div> ';
	tab += '</div>';
	tab +=  store.cat_icons ;
	tab += '<br/>' + store.st_profile +'<hr size=1>' + store.st_info + '</div>';
	if(map.getZoom() < 20)
		tab += '<a onclick="map.zoomIn();"><img src="http://www.twittermall.jp/images/zoom-in16.png" /></a>';
	if(map.getZoom() > 9)
		tab += '<a onclick="map.zoomOut();"><img src="http://www.twittermall.jp/images/zoom-out16.png" /></a>';
	
	tab += '<a href=\"about/?p=' + store.st_wp_ID + '\" ><img src=\"images/btn_detail.png\" style="vertical-align:middle;" border=0></a> <b><a href=\"http://twitter.com/' + store.screen_name + '\" target=\"_blank\" >@'+store.screen_name+'</a></b>';

//	var tab='<div style="margin-bottom:0;padding_bottom:0;"><div style=\"width:80%;margin: 0 auto 0 55px\"><span class=\"rudcnr_yl_box\"><span class=\"rudcnr_yl_box1\"><span></span></span><span class=\"rudcnr_yl_box2\"><span></span></span><span class=\"rudcnr_yl_box3\"></span><span class=\"rudcnr_yl_box4\"></span><span class=\"rudcnr_yl_box5\"></span></span><div class=\"rudcnr_yl_box_content\"><b><span class=\"txt_linkmap\"><a href="store_details.php?st_id='+store.st_id+'">' + store.st_name_j + '<\/a><\/span><\/b></div><span class=\"rudcnr_yl_box\"><span class=\"rudcnr_yl_box5\"></span><span class=\"rudcnr_yl_box4\"></span><span class=\"rudcnr_yl_box3\"></span><span class=\"rudcnr_yl_box2\"><span></span></span><span class=\"rudcnr_yl_box1\"><span></span></span></span></div><div style="line-height:13px">' + store.text +'</span><span style="font-size:10px;"><a href="store_details.php?st_id=' + store.st_id + '" target="_blank"><br><img src=\"images/btn_detail.png\" border=0 style=\"text-valign:middle\"><\/a>　|　<a href="http://twitter.com/' + store.screen_name + '" target="_blank">Twitter (@' + store.screen_name + ')<\/a><\/span><\/div>';
	shtmls[st_id]=tab;


	var icon = new GIcon(baseIcon);
	var marker = new GMarker(point, icon);

	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(tab); 
/*
		marker.openExtInfoWindow(
			map,
			'store_window',
			tab,
			{beakOffset:3}
		);
*/
	});	
	
	smarkers[st_id] = marker;

	return marker;

}

function createMarkerTwitter(point, twit)
{
	// 	gmarkers, names, htmls, tabs, sidebar_html宣言すること
	var name=twit.text;
	var tweet_id=twit.tweet_id;
	var text=twit.text;
	var text_s=twit.text_s;
	var st_name_j=twit.st_name_j;
	var st_id=twit.st_id;
	var created_at=twit.created_at;
	var screen_name=twit.screen_name;
	{
		var icon = new GIcon(baseIcon);
//		icon.image = 'http://'+window.location.hostname + '/images/icon/' + screen_name + '.png';
		icon.image = 'http://www.twittermall.jp/images/icon/_39x50/' + screen_name + '.png';
		icon.iconSize=new GSize(39,50);
		icon.iconAnchor = new GPoint(20, 50);
		icon.infoWindowAnchor = new GPoint(20, 14);
		icon.shadow = "";// no shadow

		var sidebarIcon = new GIcon(baseIcon);
		sidebarIcon.image = twit.profile_image_url;//"http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld="+(item_id)+"|33FF33|000000";


	}
	// 雲に表示する内容 tweet用
	tab = '<div style="width:250px;height:180px;line-height:15px;padding:0px;">';
//	tab += '<div style=\"float:left\"><img src="' + sidebarIcon.image + '" class="img" style="width:40px;height:40px;"><\/div>';
	tab += '<div style=\"float:left\"><a href=\"about/?p=' + twit.st_wp_ID + '\" ><img src="' + sidebarIcon.image + '" class="img" style="width:40px;height:40px;"></a><\/div>';

	tab += '<div id=\"rudcnr_yl_box\" style=\"margin: 0 0 0px 50px;\">'; 
	tab += '	<div style=\"padding:3px;\">'; 
	tab += '		<span class="txtL3_b clr_wy">' + st_name_j+ '</span> ';
	tab += '	</div> ';
	tab += '</div>';
	tab += '　　' + created_at +'<hr size=1><b>' + text + '</b></div>';
	if(map.getZoom() < 20)
		tab += '<a onclick="map.zoomIn();"><img src="http://www.twittermall.jp/images/zoom-in16.png" /></a>';
	if(map.getZoom() > 9)
		tab += '<a onclick="map.zoomOut();"><img src="http://www.twittermall.jp/images/zoom-out16.png" /></a>';
	tab += '<a href=\"about/?p=' + twit.st_wp_ID + '\" ><img src=\"images/btn_detail.png\" style="vertical-align:middle;" border=0></a>　<b><a href=\"http://twitter.com/' + twit.screen_name + '\" target=\"_blank\" >@'+twit.screen_name+'</a></b>';

	var marker = new GMarker(point,icon);


	GEvent.addListener(marker, "click", function() {
		// アイコンをｸﾘｯｸしたときに、雲に表示する内容
		// 一番小さいitemIndexが最新のentryなので、mapでクリックされたら最新のを表示
		var i2;
		for (var itemIndex in names)
		{
			if (names[itemIndex]==screen_name)
			{
				i2=itemIndex;
				break;
			}
			else
				i2=tweet_id;
		} 
		
		marker.openInfoWindowHtml(thtmls[parseInt(i2)]);
/*
		marker.openExtInfoWindow(
			map,
			'tweet_window',
			thtmls[parseInt(i2)],
			{beakOffset:3}
		);
*/

	});
	thtmls[parseInt(tweet_id)]=tab;
	gmarkers[parseInt(tweet_id)] = marker;

	names[tweet_id]=screen_name;

	return marker;
		
}


function myclickt(tweet_id) {
	// つぶやきのsidebarをクリックしたときに表示する
	gmarkers[tweet_id].openInfoWindowHtml(thtmls[tweet_id]);
}


function myclicks(si) {
	smarkers[si].openInfoWindowHtml(shtmls[si] ,{"maxWidth":1000});
}
//##################################################################################################
// eventとstore共用 #################################################################################
//##################################################################################################
// 参照：functions.php
// thumbをクリックしたときに、new windowで画像が出る
function openImage(type, id, width, height)
{
	width=width;
	height=height;
	height2=Number(height)+70;
	if (type=='store')
		window.open("http://"+window.location.hostname + "/storeImage.php?id="+id, "storeImage", "toolbar=no,width="+width+", height="+height2+", scrollbars=1,status=0");
	else if (type='event')
		window.open("http://"+window.location.hostname + "/eventImage.php?id="+id, "eventImage", "toolbar=no,width="+width+", height="+height2+", scrollbars=1,status=0");
	
}

// 次の
function posTable(count_query, count_pos, count_max)
{
//		echo '<h3>全 '.$count.' 件中 '.($pos+1).' 〜 '.$posend.' 件<\/h3>';
	var start=(count_pos!=0 ? parseInt(count_pos)+1 : 1);
	var end=(count_query > parseInt(count_pos) + parseInt(count_max) ? parseInt(count_pos) + parseInt(count_max) : count_query);
	var str='<tr><td width="100%" colspan="2"><h3>全&nbsp;' + count_query + '&nbsp;件中 '+ start + '&nbsp;〜&nbsp;' + end + '&nbsp;件<\/h3>';
	
	count_query=parseInt(count_query);
	count_max=parseInt(count_max);
	count_pos=parseInt(count_pos);
	
	str += '<tr>';
	if (count_max <= count_pos)
	{
		var before_pos=count_pos - count_max;
		str += "<td width='40'><FORM method='POST' action='' name=form3> <INPUT type='hidden' name='pos' value='" + before_pos + "' > <INPUT type='submit' value='前の" + count_max + "件' > <INPUT type='hidden' name='action' value='pos' ><\/FORM>";
	}
	else
		str += "<td width='40'>　　　";
	if (count_query > count_pos + count_max)
	{
		var next_pos=count_pos + count_max;
		str += "<td width='70'><FORM method='POST' action='' name=form2> <INPUT type='hidden' name='pos' value='" + next_pos + "' > <INPUT type='submit' value='次の" + count_max + "件' > <INPUT type='hidden' name='action' value='pos' ><\/FORM>";
	}
	else
		str +="<td width='70'>&nbsp;";
	document.getElementById('pos_table').innerHTML = str;
	

}
