$(function(){

// ------------------------------------------------------------------------------- //　スクロール
	
	$(".up").click(function () {
		$(this).blur();
		$('html,body').animate({ scrollTop: 0 }, 300);
		return false;
	});
	
	/* ブルブル */
	/**/
	$('.content_container a').jrumble({
		rangeX: 2,
		rangeY: 2,
		rangeRot: 1
	});
	$('.service_index_list a').jrumble({
		rangeX: 2,
		rangeY: 2,
		rangeRot: 1
	});
	$('.footer a').jrumble({
		rangeX: 2,
		rangeY: 2,
		rangeRot: 1
	});
	$('.btn').jrumble({
		rangeX: 2,
		rangeY: 2,
		rangeRot: 1
	});
	$('.crumbs a').jrumble({
		rangeX: 2,
		rangeY: 2,
		rangeRot: 1
	});
	$('.hnav a').jrumble({
		rangeX: 2,
		rangeY: 2,
		rangeRot: 1
	});
	$('.btns a').jrumble({
		rangeX: 2,
		rangeY: 2,
		rangeRot: 1
	});
	//*/
// ------------------------------------------------------------------------------- //　boxlink300x150
	/*
	$('.boxlink300x150').mouseover(function() {
			$(this).css({'background-color':'#ddd'});
		});
		
	$('.boxlink300x150').mouseout(function() {
			$(this).css({'background-color':'#fff'});
		});
	*/
// ------------------------------------------------------------------------------- //　詳細の写真ギャラリー

	var photos = $("#photocontainer .photos");
	var selecter = $("#photocontainer .selecter ul");
	var selecterList = [];
	var main = $("#photocontainer .mainphoto");
	
    var list = $("#photocontainer .photos li");
	var caps = $("#photocontainer .caps li");
	var len = list.length;
	var photo_arr=[];
	var cap_arr = [];
	var nowID = 0;
	var nextID = 0;
	var loadID = 0;
	
	//AutoPlay
	var timerObj;
	var timerSec = 5000;
	var isAutoPlay = true;
	
	selecter.html("");
	for(i=0;i<5;i++){
		var counter = i+1;
		var txt = "<li>"+counter+"</li>";
		selecter.append(txt);
	
		if(i < len){
			var ph = $('#photocontainer .photos li:eq('+i+')').html();
			photo_arr.push(ph);
			var str = $('#photocontainer .caps li:eq('+i+')').text();
			cap_arr.push(str);
			
			//trace(str);
			var targetObj = $('#photocontainer .selecter ul li:eq('+i+')');
			targetObj.css({'background':'#555','color':'#fff'});
			targetObj.bind("mouseover", {id:i}, onMouseOver);
			targetObj.bind("mouseout", {id:i}, onMouseOut);
			targetObj.bind("click", {id:i}, onClick);
			targetObj.css("cursor","pointer"); 
		}
	}
	
	var cap = $("#photocontainer .photocontainer_foot .caption p");
	showContent();
	
	function onMouseOver(e){
		var targetObj = $('#photocontainer .selecter ul li:eq('+e.data.id+')');
		targetObj.css({'background-color':'#D4145A','color':'#fff'});
		//trace("over "+e);
	}
	function onMouseOut(e){
		if(nowID != e.data.id){
			var targetObj = $('#photocontainer .selecter ul li:eq('+e.data.id+')');
			targetObj.css({'background-color':'#555','color':'#fff'});
		}
	}
	function onClick(e){
		isAutoPlay = false;
		timerStop();
		nextID = e.data.id;
		hideContent();
		//showContent(nextID);
	}
	
	function showContent(){
		main.html(photo_arr[nextID]);
		
		main.css({overflow:"hidden",width:530,height:400});
		$("#photocontainer .mainphoto img").css({
			opacity:0,width:320,height:190,marginTop:100,marginLeft:100}).animate({
				opacity:1,width:520,height:390,marginTop:5,marginLeft:5},200);
		
		cap.html(cap_arr[nextID]);	
		nowID = nextID;
		for(i=0;i<len;i++){
			var color = "#555";
			var targetObj = $('#photocontainer .selecter ul li:eq('+i+')');
			if(nowID == i) color = "#D4145A";
			targetObj.css({'background':color});
		}
		/*
		// preloader jquery.backgroundpos.js
		if(isAutoPlay){
			loadID = ((nowID+1) == len) ? 0 : (nowID+1);
			var nextBtn = $('#photocontainer .selecter ul li:eq('+loadID+')');
			nextBtn.css({	'background-image':'url(../common_img/photocontainer_loader.gif)',
							'background-position':'0px 25px',
							'background-repeat': 'no-repeat'
							});
			
			nextBtn.animate({backgroundPosition: '0px 0px'},timerSec); 
		}
		*/
	}
	function hideContent(){
		$("#photocontainer .mainphoto img").animate({opacity:0,width:720,height:590,marginTop:-100,marginLeft:-100},200,showContent);
	}
	
	
	
	function timerStart(){
		timerObj = setInterval(function(){		
			nextID = nowID+1;
			if(nextID == len) nextID = 0;
			
			hideContent();
			//showContent(nextID);
		},timerSec);
	}
	
	function timerStop(){
		clearInterval(timerObj);
	}
	
	if(1 < len) timerStart();
	
})


function trace(str){
	console.log(str);
}