$(function() {
	$('#showcase').showcase({
		images: [
		{ url: 'hosting/images/hosting_image.jpg',
		description: 'ホスティングサービス',
		link: 'hosting/index.php',
		target:'_self' },
		{ url: 'virtual/images/virtual_image.jpg',
		description: '仮想化構築サービス',
		link: 'virtual/index.php',
		target:'_self' },
		{ url: 'datacenter/images/datacenter_image.jpg',
		description: 'データセンターサービス',
		link: 'datacenter/index.php',
		target:'_self' }
		],
	width: '780px',height: '268px', //画像サイズ設定
	animation: { type: 'fade', interval: 3500, speed: 1000 }, //アニメーション設定
	titleBar: { enabled: false } , //タイトルの表示設定
	navigator: {
	css: {
	border: 'none',
	padding: '5px',
	margin: '0px',
	position: 'absolute',
	'z-index': 1000
	},
	position: 'bottom-right', //サムネイルの配置設定
	orientation: 'horizontal',
	item: {
		cssClass: null,
		cssClassHover: null,
		cssClassSelected: null,
		css: {
		width: '97px', height: '34px', //サムネイルの画像サイズ設定 width: '30px', height: '24px'
		lineHeight: '10px',
		verticalAlign: 'middle',
		backgroundColor: '#878787',
		margin: '0px 3px 3px 0px',
		border: 'solid 1px #acacac',
		'-moz-border-radius': '4px',
		'-webkit-border-radius': '4px'
	},
	cssHover: {
		backgroundColor: '#767676',
		border: 'solid 1px #676767'
	},
	cssSelected: {
		backgroundColor: '#ff0000',
		border: 'solid 1px #acacac'
	}
 
},
 	showMiniature: true}
 	});
});