/*for map*/


var map;
var markers = new Array(1);
function mapMakex() {
   
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(136.11373901367187,34.54615587076829),5);
//デフォルトはサテライトに設定します。私の好みです。地図の場合は(G_NORMAL_MAP)に変更
map.setMapType(G_SATELLITE_MAP); 
  
  // 各地点のマーカーポイントを緯度、経度で設定します。
var point = new GPoint(136.16396069526672,34.521125677398366);
var marker = createMarker(point,0);　//←このpointは最初０(ゼロ)から始まります
map.addOverlay(marker); 

}


function mapMake() 
{
	if (GBrowserIsCompatible()) 
		{
		
		//地図中のアイコンを設定します。
				var icon = new GIcon();
				
		icon.image = "/favicon.ico";
  		icon.iconSize = new GSize(16,16);
   		icon.iconAnchor = new GPoint(8,8);
  		icon.infoWindowAnchor = new GPoint(16/2,16/2);
  		//markeropts.icon = icon;
   		//markeropts.title = "赤城乳業";			
	
		//icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
		//icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
		//icon.iconSize = new GSize(12, 20);
		//icon.shadowSize = new GSize(22, 20);
		//icon.iconAnchor = new GPoint(6, 20);
		//icon.infoWindowAnchor = new GPoint(5, 1);
		
		
		
		
		// 予め設定された位置を中央にに地図を表示します。Center the map on Palo Alto
		var map = new GMap(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.centerAndZoom(new GPoint(139.23,36.183684),6);
				map.setMapType(G_NORMAL_MAP);
		
		
		// マーカーは小さなアイコンで表現します。←他にもアイコン有
				function createMarker(point, index) 
			{
			
			var marker = new GMarker(point, icon);
			
			// 最高10程度に地点を設定します。
						// 地図のマーカーをクリックした時も、ページ中の地名をクリックしても詳細が出るようにします。
			
			
						if (index==0){
			var html =("<h2>本社深谷工場</h2><br />〒366-8502<br />埼玉県深谷市上柴町東二丁目27番地1");
			var mark_0 = document.getElementById("mark_0");
			if(mark_0){mark_0.onclick = hyoji;};
			marker.openInfoWindowHtml(html);
			};
			
			if (index==1){
			var html =("<h2>本庄千本さくら『5Ｓ』工場</h2><br />〒367-0212<br />埼玉県本庄市児玉町児玉字下川原850-10");
			var mark_1 = document.getElementById("mark_1");
			if(mark_1){mark_1.onclick = hyoji;};
			
			};
			
			
			
			
			
			// ページ内からリンクされたときに詳細を表示します。 
			function hyoji() {marker.openInfoWindowHtml(html);};
			
			// 地図の中でマーカーをクリックした時に詳細を表示します
			GEvent.addListener(marker, 'click', function() {
			marker.openInfoWindowHtml(html);});
			
			
			return marker;
			}
		
		
		// 各地点のマーカーポイントを緯度、経度で設定します。
				var point = new GPoint(139.311611,36.180042);
		var marker = createMarker(point,0);
		map.addOverlay(marker);
		
		var point = new GPoint(139.148978,36.181157);
		var marker = createMarker(point,1);
		map.addOverlay(marker);
		
		}
	// エラーが発生したときに表示します。
	else{document.getElementById('map').innerHTML='残念ながら、ご利用の環境ではこのマップをご覧いただけません。';}
	
	
	
	}
















/*for company*/

jQuery.noConflict();
jQuery(document).ready(function($){

/*table coloring*/
$("div.release div#contents table tr:even").css("background-color", "#DFEEFF");

$('div#subnavi li').each(function(){
var theS = $(this).attr('id').split("_")[1];
$(this).find('a').css('background-image','url(/company/img/h2_'+theS+'.gif)');
});

var theN = $('div#body_inner').attr('class');
$('div#subnavi li#s_'+theN+'>a').css('background-position','0 -80px');

/*menu scroll*/
$('#subnavi').scrollFollow({
speed: 100,
offset: 20
});


var theP= $('div#contents').offset();
$('img#garipyon').css({'left':theP.left+420+'px','top':theP.top+200+'px'})
		.animate({ top: "+=0px" }, 600)
		.animate({ top: "-=350px" }, 300)
		.animate({ top: "+=350px" }, 200)
		.animate({ top: "-=30px" }, 60)
		.animate({ top: "+=30px" }, 60);


/*garipyon*/

var flg=true;

$('img#garipyon').mouseover(function(){
		if(flg){
		flg=false;
		$(this)
			.animate({ top: "-=50px" }, 200)
			.animate({ top: "+=50px" }, 200)
			.animate({ top: "-=150px" }, 300)
			.animate({ top: "+=150px" }, 300)
			.animate(
			{top: '-=700px'},
			{duration: 400, complete: function(){
			$(this).css({'left':theP.left+420+'px','top':theP.top+400+'px'})
			.animate(
			{ top: theP.top+200+'px'},
			{duration: 600, complete: function(){flg=true;}}
			);
			}}
			)
			
		
		};
});


/*$('img#garipyon').mouseover(function(){
	
	$(this).animate({ top: "-=350px" }, 300)
		.animate({ top: "+=350px" }, 200)
		.animate({ top: "-=30px" }, 60)
		.animate({ top: "+=30px" }, 60);		
		
});*/


});