$(function() {

	/*** login area ***/
	var LoginH = 180;
	var theP= $('div#header_inner').offset();
	var theP2= $('div#footer_inner').offset();
/*	$("div#head_navi").css({'top':theP.top-theP2.top-LoginH+'px'});*/
/* 画面サイズ取得、900px引いて2で割る＋620 */
	winWidth = $(window).width() - 900;
	winWidth = winWidth / 2 + 575;
	$("div#head_navi").css({'left':winWidth+'px'});
	
/**
	$("div#head_navi2 li.s02 a").click(function () {
		
		$("div#head_navi").animate({'top':+(-theP2.top)+'px'}, 300);
	});
**/
	
	$("div#head_navi div#login_area").click(function () {
		$("div#head_navi").animate({'top':theP.top-theP2.top-LoginH+'px'}, 300);
	});
	
	/*** menu button ***/
	$("div#menu a")
		.mouseover(function(){
			var pos = $(this).css("background-position").split(" ");
			$(this).stop().animate({backgroundPosition:"("+pos[0]+" -30px)"}, {duration:100})
				})
		.mouseout(function(){
			var pos = $(this).css("background-position").split(" ");
			if($(this).attr('class')==$('body').attr('class').split(" ")[0]){
				$(this).stop().animate({backgroundPosition:"("+pos[0]+" -60px)"},{duration:100})
			}else{
				$(this).stop().animate({backgroundPosition:"("+pos[0]+" 0)"},{duration:100})
			}
	});
	
	/*** auto scroll ***/
    $('a.smsc').click(function () {
			$(this).blur();
			var targetOffset = $($(this).attr('href')).offset().top;
			$('html,body').animate({scrollTop: targetOffset}, 300);
            return false;
        });

	
	$('.btover').opOver();
	
});

(function($) {
	/*transparentOver*/
	$.fn.opOver = function(op,oa,durationp,durationa){
		var c = {
			op:op? op:1.0,
			oa:oa? oa:0.4,
			durationp:durationp? durationp:150,
			durationa:durationa? durationa:150
		};
		

		$(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);