// onLoad
$( function(){
	/** header share */
	$('header.all ul.share li').mouseover( function(){
		$(this).find('.text')
			.stop()
			.show()
			.animate({opacity:1.0,left:'23px'}, 200);
		$(this).find('.icon')
			.stop()
			.animate({opacity:0.8}, 200);
	});
	$('header.all ul.share li').mouseout( function(){
		$(this).find('.text')
			.stop()
			.animate({opacity:0.0,left:'13px'}, 200, function(){
				$(this).hide();
			});
		$(this).find('.icon')
			.stop()
			.animate({opacity:1.0}, 200);
	});
	/** entry share */
	$('article.entry ul.share li').mouseover( function(){
		$(this).find('.text')
			.stop()
			.show()
			.animate({opacity:1.0,left:'30px'}, 200);
		$(this).find('.icon')
			.stop()
			.animate({opacity:0.8}, 200);
	});
	$('article.entry ul.share li').mouseout( function(){
		$(this).find('.text')
			.stop()
			.animate({opacity:0.0,left:'20px'}, 200, function(){
				$(this).hide();
			});
		$(this).find('.icon')
			.stop()
			.animate({opacity:1.0}, 200);
	});
	/** tag */
	$('ul.tag li').mouseover( function(){
		$(this).css('backgroundPositionY', '-30px');
		$(this).find('a').css('backgroundPositionY', '-30px');
	});
	$('ul.tag li').mouseout( function(){
		$(this).css('backgroundPositionY', '0px');
		$(this).find('a').css('backgroundPositionY', '0px');
	});
	$('ul.tag li').mousedown( function(){
		$(this).css('opacity', '0.8');
	}).mouseup( function(){
		$(this).css('opacity', '1.0');
	});
	$('nav.continue a').mousedown( function(){
		$(this).css('opacity', '0.8');
	}).mouseup( function(){
		$(this).css('opacity', '1.0');
	});
	/** search focus */
	$('header.all #search input').focus( function(){
		$(this).parent().parent().css( 'border-color', '#999');
		$(this).parent().parent().css( 'background-color', '#fff');
		$(this).parent().parent().find('label').css('backgroundPositionY','-30px');
	});
	$('header.all #search input').focusout( function(){
		$(this).parent().parent().css( 'border-color', '#CCC');
		$(this).parent().parent().css( 'background-color', 'rgba(255,255,255,0)');
		$(this).parent().parent().find('label').css('backgroundPositionY','0px');
	});
	
});


var image = new google.maps.MarkerImage(
	'http://blog.abakane.com/wp-content/themes/ab/images/marker_01.png',
	new google.maps.Size(65, 87),
	new google.maps.Point(0,0),
	new google.maps.Point(33, 82)
);
var shadow = new google.maps.MarkerImage(
	'http://blog.abakane.com/wp-content/themes/ab/images/marker_02.png',
	new google.maps.Size(74, 56),
	new google.maps.Point(0,0),
	new google.maps.Point(12, 45)
);
var shape = {
	coord: [0, 0, 65, 0, 65, 65, 0 ,65],
	type: 'poly'
};
var _image = new google.maps.MarkerImage(
	'http://blog.abakane.com/wp-content/themes/ab/images/marker_03.png',
	new google.maps.Size(24, 32),
	new google.maps.Point(0,0),
	new google.maps.Point(12, 28)
);
var _shadow = new google.maps.MarkerImage(
	'http://blog.abakane.com/wp-content/themes/ab/images/marker_04.png',
	new google.maps.Size(35, 32),
	new google.maps.Point(0,0),
	new google.maps.Point(13, 26)
);
var _shape = {
	coord: [0, 0, 24, 0, 24, 24, 0 ,24],
	type: 'poly'
};

var stylez = [
	{
		featureType: "all",
		elementType: "all",
		stylers: [
			{ visibility: "on" },
			{ hue: "#003366" },
			{ lightness: -10 },
			{ saturation: -30 },
			{ gamma: 0.8 }
		]
	}
];


function testMap( _lat, _lng){
	var initialLocation = new google.maps.LatLng( _lat, _lng);
	var infoWindow = new google.maps.InfoWindow();
	var myOptions = {
		zoom : 14,
		center : initialLocation,
		disableDefaultUI: true,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(document.getElementById("mapTest"), myOptions);
	google.maps.event.addListener( map, 'click', function(){
		infoWindow.close();
	});
  
	var marker = new google.maps.Marker({
		position : initialLocation,
		map : map,
		shadow : shadow,
		icon : image,
		shape : shape,
		title : "",
		zIndex : 0
	});
	
	google.maps.event.addListener( marker, 'click', function(){
		infoWindow.setContent( '<p style="color:black">内容がないよう</p>' );
		infoWindow.open( map, marker);
	});

  var mapStyleType =  new google.maps.StyledMapType( stylez, {map: map, name:""});

  map.mapTypes.set('ablog', mapStyleType);
  map.setMapTypeId('ablog');
}

function showMap( _lat, _lng, _id)
{
	var initialLocation = new google.maps.LatLng( _lat, _lng);
	var myOptions = {
		zoom : 16,
		center : initialLocation,
		disableDefaultUI: false,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(document.getElementById(_id), myOptions);
  
	var marker = new google.maps.Marker({
		position : initialLocation,
		map : map,
		shadow : _shadow,
		icon : _image,
		shape : _shape,
		title : "",
		zIndex : 0
	});

  var mapStyleType =  new google.maps.StyledMapType( stylez, {map: map, name:""});

  map.mapTypes.set('ablog', mapStyleType);
  map.setMapTypeId('ablog');
}