$(document).ready(function () {
// スムーススクロール
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body')
.animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
//
	$('#textballoon0').bt('<p>トップページへ戻ります</p>',
{
  width: 150, 
  spikeLength: 8,
  spikeGirth: 5,
  positions: ['top'],
  fill: '#fef7cd', 
  cornerRadius: 10, 
  padding: 5,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloontxt'
});
	$('#textballoon1').bt('<p>「あしたのオープンソース研究所」についてはこちら！</p>',
{
  width: 300, 
  spikeLength: 8,
  spikeGirth: 5,
  positions: ['top'],
  fill: '#fef7cd', 
  cornerRadius: 10, 
  padding: 5,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloontxt'
});	
	$('#textballoon2').bt('<p>運営会社「インフォサイエンス」についてはこちら！</p>',
{
  width: 300, 
  spikeLength: 8,
  spikeGirth: 5,
  positions: ['top'],
  fill: '#fef7cd', 
  cornerRadius: 10, 
  padding: 5,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloontxt'
});	
	$('#textballoon3').bt('<p>翻訳で読みたいオープンソース文書を募集中！</p>',
{
  width: 270, 
  spikeLength: 8,
  spikeGirth: 5,
  positions: ['top'],
  fill: '#fef7cd', 
  cornerRadius: 10, 
  padding: 5,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloontxt'
});
	$('#CouchDB').bt('<span><img src="image/logo_couchdb.gif" height="89" width="99"></span><p>Vol.1　Apache CouchDB</p>', 
{
  width: 160, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Eucalyptus').bt('<span><img src="image/logo_eucalyptus.gif" height="95" width="120"></span><p>Vol.2　Eucalyptus</p>', 
{
  width: 120, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Hadoop').bt('<span><img src="image/logo_hadoop.gif" height="40" width="162"></span><p>Vol.3　Apache Hadoop</p>', 
{
  width: 162, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Factor').bt('<span><img src="image/logo_factor.gif" height="92" width="148"></span><p>Vol.4　Factor</p>', 
{
  width: 150, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Endian').bt('<span><img src="image/logo_endian.gif" height="51" width="128"></span><p>Vol.5　Endian UTM Appliance</p>', 
{
  width: 190, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#GStreamer').bt('<span><img src="image/logo_gstreamer.gif" height="47" width="102"></span><p>Vol.6　GStreamer</p>', 
{
  width: 110, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#projectopen').bt('<span><img src="image/logo_project-open.gif" height="59" width="144"></span><p>Vol.7　]project-open[</p>', 
{
  width: 144, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#SeleniumHQ').bt('<span><img src="image/logo_seleniumHQ.gif" height="45" width="160"></span><p>Vol.8　SeleniumHQ</p>', 
{
  width: 160, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#jQuery').bt('<span><img src="image/logo_jquery.gif" height="37" width="150"></span><p>Vol.9　jQuery</p>', 
{
  width: 150, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Cassandra').bt('<span><img src="image/logo_cassandra.gif" height="34" width="160"></span><p>Vol.10　Apache Cassandra</p>', 
{
  width: 180, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#ZooKeeper').bt('<span><img src="image/logo_zookeeper.gif" height="112" width="79"></span><p>Vol.11　Apache ZooKeeper</p>', 
{
  width: 180, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Hbase').bt('<span><img src="image/logo_hbase.gif" height="66" width="91"></span><p>Vol.12　Apache HBase</p>', 
{
  width: 150, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Lift').bt('<span><img src="image/logo_lift.gif" height="60" width="127"></span><p>Vol.13　Scala</p>', 
{
  width: 127, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Moses').bt('<span><img src="image/logo_moses.gif" height="90" width="90"></span><p>Vol.14　Moses</p>', 
{
  width: 100, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Neo4j').bt('<span><img src="image/logo_neo4j.gif" height="48" width="145"></span><p>Vol.15　Neo4j</p>', 
{
  width: 145, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Gephi').bt('<span><img src="image/logo_gephi.gif" height="48" width="145"></span><p>Vol.16　Gephi</p>', 
{
  width: 145, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Mahout').bt('<span><img src="image/logo_mahout.gif" height="65" width="140"></span><p>Vol.17　Apache Mahout</p>', 
{
  width: 160, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#MyFaces').bt('<span><img src="image/logo_myfaces.gif" height="71" width="150"></span><p>Vol.18　Apache MyFaces</p>', 
{
  width: 170, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#S4').bt('<span><img src="image/logo_s4.gif" height="26" width="165"></span><p>Vol.19　S4</p>', 
{
  width: 165, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#James').bt('<span><img src="image/logo_james.gif" height="73" width="73"></span><p>Vol.20　Apache James</p>', 
{
  width: 140, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Rails').bt('<span><img src="image/logo_rails.gif" height="111" width="87"></span><p>Vol.21　Ruby on Rails</p>', 
{
  width: 140, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#OpenLayers').bt('<span><img src="image/logo_openlayers.gif" height="44" width="49"></span><p>Vol.22　OpenLayers</p>', 
{
  width: 140, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#MongoDB').bt('<span><img src="image/logo_mongodb.gif" height="45" width="108"></span><p>Vol.23　MongoDB</p>', 
{
  width: 140, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Mapnik').bt('<span><img src="image/logo_mapnik.gif" height="35" width="120"></span><p>Vol.24　Mapnik</p>', 
{
  width: 140, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#Flume').bt('<span><img src="image/logo_flume.gif" height="110" width="110"></span><p>Vol.25　Flume</p>', 
{
  width: 140, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
	$('#UIMA').bt('<span><img src="image/logo_uima.gif" height="75" width="75"></span><p>Vol.26　Apache UIMA</p>', 
{
  width: 140, 
  fill: 'white', 
  cornerRadius: 10, 
  padding: 15,
  strokeWidth: 1,
  strokeStyle: '#006666',
  trigger: ['mouseover', 'mouseout'],
  cssClass: 'balloon'
});
});