/*
  sitetop.js
*/


/* -------------------------------------------------------------------
	* init
 ------------------------------------------------------------------- */
$(function() {


	/* ---------------------------------
		* random show
	 ---------------------------------- */
	var targetClass = $(".randumShow");
	var targetLength = targetClass.length;
	var array = [],i,j
	
	//ターゲットの数の配列を作成
	targetClass.each(function(i){
		i = i + 1
		array.push(i);
	});

	//ターゲットにランダムのIDをふる
	var tempLength = targetLength
	targetClass.each(function(){
		var randomNumber = array.splice(Math.floor(Math.random() * tempLength),1); //変数からn番目の数値を取得
		tempLength = tempLength -1; //乱数の最大値をひとつずつ減らす
		$(this).attr("id","showNumber" + randomNumber);
	});

	//ID順に削除・複製
	for (j = 1; j < targetLength + 1; j++) {
		var cloneHTML = $("#showNumber" + j).remove().clone(true);
		cloneHTML.appendTo("#contents");
	};

	masonrySet();

});



$(function() {
	

	/* ---------------------------------
		* swfobject setup
	 ---------------------------------- */
	var flashvars = {};
	var params = {
		menu: "false"
	};
	swfobject.embedSWF("renewal/swf/main/main.swf", "mainFlashContents", "550px", "320px", "9.0.0", "", flashvars, params);
	swfobject.embedSWF("renewal/swf/banner/banner.swf", "bannerFlashContents", "160px", "200px", "9.0.0", "", flashvars, params);
	swfobject.embedSWF("renewal/swf/calendar/calendar.swf", "calendarFlashContents", "160px", "160px", "9.0.0", "", flashvars, params);


	/* ---------------------------------
		* slider for calndar
	 ---------------------------------- */
	 var calendar = $('#calendar .example');
 
	calendar.show();
	calendar.click(function(){
		$('img',this).attr('src','renewal/images/index_bt14.gif');
		$targetChild = $(this).next('.exampleInner');
		if($targetChild.css('display') == 'none'){
			$targetChild.slideDown(400);
		}
		else{
			$('img',this).attr('src','renewal/images/index_bt13.gif');
			$targetChild.slideUp(400);
		}
	});	
	   
	
	/* ---------------------------------
		* filterImage
	 ---------------------------------- */
	if($('.filterImage').length){
		$('.filterImage').hover(function(){
			$(this).fadeTo('fast', 0.7);
		},
		function(){
			$(this).fadeTo('fast', 1);
		});
	}


});



/* -------------------------------------------------------------------
	* masonrySet
 ------------------------------------------------------------------- */
function masonrySet(){
	$('#contents').masonry({
		columnWidth: 195,
		itemSelector: '.box',
		animate: true,
		animationOptions: {
			duration: 200,
			easing: 'swing',
			queue: false
		}
	});
}