// JavaScript

var latlngs = [];
var shops = [];
var center = [39,140.7];
$(function(){

	var params = {
		zoom: 8,
		center: new google.maps.LatLng(center[0], center[1]),
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		scrollwheel: false,
		navigationControlOptions: {
			style: google.maps.NavigationControlStyle.ZOOM_PAN
		},
		scaleControlOptions: {
			style: google.maps.ScaleControlStyle.DEFAULT
		}
	};

	var icon = Ut.ROOT+'images/shop/shop_icon.png';
	
	$('#map').each(function(){
		var map = new google.maps.Map(this, params);
		var infowindow;
		$('#shoplist ul li').each(function(){
			var latlng = $(':hidden[name=latlng]', this).val();
			var brand = $(':hidden[name=brand]', this).val();
			if (latlng) {
				var content = $(this).html();
				var marker = new google.maps.Marker({
					position: new google.maps.LatLng(latlng.split(',')[0], latlng.split(',')[1]),
					map: map,
					title: $(':hidden[name=title]', this).val(),
					icon: icon
				});
				google.maps.event.addListener(marker, 'click', function(){
					if (infowindow) {
						infowindow.close();
					}
					infowindow = new google.maps.InfoWindow({
						content:content,
						maxWidth:300,
						size: new google.maps.Size(50,100)
					});
					infowindow.open(map, marker);
				});
			}
		});
	});
	

	// Shop Map
	$('div#shopmap').each(function(){
		var latlng = $(':hidden[name=latlng]').val();
		params.center = new google.maps.LatLng(latlng.split(',')[0], latlng.split(',')[1]);
		params.zoom = 14;
		var map = new google.maps.Map(this, params);
		var marker = new google.maps.Marker({
			position: new google.maps.LatLng(latlng.split(',')[0], latlng.split(',')[1]),
			map: map,
			icon: icon
		});
	});

});