// JavaScript Document


// class="rollOver"でロールオーバーアニメーション
$(document).ready(
  function(){
    $(".rollOver").hover(function(){
       $(this).fadeTo("normal", 0.6); // マウスオーバーで透明度を60%にする
    },function(){
       $(this).fadeTo("normal", 1.0); // マウスアウトで透明度を100%に戻す
    });
  });



// ロールオーバーでピカッと光る！
(function($) {
	
	$.fn.opOver = function(op,oa,durationp,durationa){
		
		var c = {
			op:op? op:1.0,
			oa:oa? oa:0.6,
			durationp:durationp? durationp:'fast',
			durationa:durationa? durationa:'fast'
		};
		

		$(this).each(function(){
			$(this).css({
					opacity: c.op,
					filter: "alpha(opacity="+c.op*100+")"
				}).hover(function(){
					$(this).fadeTo(c.durationp,c.oa);
				},function(){
					$(this).fadeTo(c.durationa,c.op);
				})
		});
	},
	
	$.fn.wink = function(durationp,op,oa){

		var c = {
			durationp:durationp? durationp:'slow',
			op:op? op:1.0,
			oa:oa? oa:0.2
		};
		
		$(this).each(function(){
			$(this)	.css({
					opacity: c.op,
					filter: "alpha(opacity="+c.op*100+")"
				}).hover(function(){
				$(this).css({
					opacity: c.oa,
					filter: "alpha(opacity="+c.oa*100+")"
				});
				$(this).fadeTo(c.durationp,c.op);
			},function(){
				$(this).css({
					opacity: c.op,
					filter: "alpha(opacity="+c.op*100+")"
				});
			})
		});
	}
	
})(jQuery);


// ピカッのポイントを指定
(function($) {
$(function() {
 
  $('.btOd').wink(200);
  $('.btCo').wink(200);
  $('.btTel').wink(200);
  $('.btWeb').wink(200);
  $('.btCont01').wink(200);
  $('.btCont02').wink(200);
  $('.btCont03').wink(200);
  $('.btCont04').wink(200);
  $('.btCont05').wink(200);
  $('.btCont06').wink(200);

});
})(jQuery);


// iframe
$(document).ready(function() {
	$("#Service01").fancybox({
		'autoScale':false,
		'transitionIn':'none',
		'transitionOut':'none',
		'type':'iframe'
	});
	$("#Service02").fancybox({'autoScale':false,
		'transitionIn':'none',
		'transitionOut':'none',
		'type':'iframe'
	});
	$("#Service03").fancybox({'autoScale':false,
		'transitionIn':'none',
		'transitionOut':'none',
		'type':'iframe'
	});
	$("#Service04").fancybox({'autoScale':false,
		'transitionIn':'none',
		'transitionOut':'none',
		'type':'iframe'
	});
	$("#Service05").fancybox({'autoScale':false,
		'transitionIn':'none',
		'transitionOut':'none',
		'type':'iframe'
	});
	$("#Service06").fancybox({'autoScale':false,
		'transitionIn':'none',
		'transitionOut':'none',
		'type':'iframe'
	});
});

