/*
* shared.js with jQuery
*
*/
/*------------------------------------------------------------------------------
	GLOBAL OBJECT
------------------------------------------------------------------------------*/

var ua = navigator.userAgent;

if(typeof(ONOFF) === 'undefined' || !ONOFF){
	ONOFF={};
}

/*------------------------------------------------------------------------------
	detect browser,plugin
------------------------------------------------------------------------------*/

ONOFF.isSmartPhone = (ua.indexOf('iPhone') != -1 || ua.indexOf('iPad') != -1 || ua.indexOf('iPod') != -1 || ua.indexOf('Android') != -1);
ONOFF.isIOS = (ua.indexOf('iPhone') != -1 || ua.indexOf('iPad') != -1 || ua.indexOf('iPod') != -1);
ONOFF.isAndroid = (ua.indexOf('Android')!=-1);
ONOFF.isIE6 = !!(typeof(document.documentElement.style.maxHeight)=== "undefined");
ONOFF.isMacFF = !!(ua.indexOf('Mac') != -1 && ua.indexOf('Firefox')!=-1);

ONOFF.isFlashPlugin = (function(){
	if(navigator.plugins['Shockwave Flash'])return true;
	try{
		new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
   		return true;
    }catch(e){
    	return false;
    }	
})();

if((ONOFF.isSmartPhone)){
	location.href = 'http://onoff.ne.jp/smt/';
}else if(jQuery.browser.msie && parseInt(jQuery.browser.version) < 9){
	location.href = 'http://onoff.ne.jp/legacy/';
}else if(jQuery.browser.mozilla && parseInt(jQuery.browser.version) < 5){
	location.href = 'http://onoff.ne.jp/legacy/';
}


/*------------------------------------------------------------------------------
	Popup Window
------------------------------------------------------------------------------*/
function openPopup(url, name, w, h) {
	var newPopup;
	var options = "toolbar=no,menubar=yes,status=yes,scrollbars=yes,resizable=yes";
	newPopup = window.open(url, name,"width=" + w + ",height=" + h + options);
	newPopup.focus();
}

/*------------------------------------------------------------------------------
	for SmartPhone
------------------------------------------------------------------------------*/
function doScroll(){
	if(window.pageYOffset===0){window.scrollTo(0,1);}
}
if(ONOFF.isSmartPhone){
	window.addEventListener('load',function(){setTimeout(doScroll,100);},false);
	window.onorientationchange = function(){setTimeout(doScroll,100);};
}

(function($) {	
/*------------------------------------------------------------------------------
	for SmartScroll
------------------------------------------------------------------------------*/
	
	var topbtn01LeftList = ['-191px','-201px'];
	var topbtn02LeftList = ['95px','105px'];
	var topbtn03LeftList = ['-224px','-234px'];
	var topbtn04LeftList = ['95px','105px'];
	var topbtn05LeftList = ['-266px','-276px'];
	var topbtn06LeftList = ['95px','105px'];
	var topbtn07LeftList = ['-225px','-235px'];
	var topbtn08LeftList = ['95px','105px'];
	var topbtn09LeftList = ['-153px','-163px'];
	var topbtn10LeftList = ['95px','105px'];
	
	var gnavRollover = function (){
			$('#gnav dt img').not('[src*="_ov."]').mouseover(function(){
				var $target = $(this).parent().parent().next();
				$target.stop(true, true).animate({ opacity: 1, left: '20px' }, 200);
			}).mouseout(function(){
				$(this).parent().parent().next().animate({ opacity: 0, left: '25px' }, 0);
			});
			
			$(window).unload(function(){});
	};
	
	var topnavOver = function(_tagert,_opacity,_left,_duration){
		_tagert.children().addClass('btnrollover');
		_tagert.stop(true, true).animate({ opacity: _opacity, left:_left},_duration);
		_tagert.next().stop(true, true).animate({ opacity: _opacity, left:_left},_duration);
	};
	var topnavOut = function(_tagert,_opacity,_left,_duration){
		_tagert.children().removeClass('btnrollover');
		_tagert.stop(true, true).animate({ opacity: _opacity, left:_left},_duration);
		_tagert.next().stop(true, true).animate({ opacity: _opacity, left:_left},_duration);
	}
	var pagenavOver = function(_tagert,_opacity,_left,_duration){
		_tagert.children().addClass('btnrollover');
		_tagert.stop(true, true).animate({ opacity: _opacity, left:_left},_duration);
		_tagert.next().stop(true, true).animate({ opacity: _opacity, left:_left},_duration);
	};
	var pagenavOut = function(_tagert,_opacity,_left,_duration){
		_tagert.children().removeClass('btnrollover');
		_tagert.stop(true, true).animate({ opacity: _opacity, left:_left},_duration);
		_tagert.next().stop(true, true).animate({ opacity: _opacity, left:_left},_duration);
	}
	
	var navRollover = function (){
			$('#topnavbtn01 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn01LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn01LeftList[1],50);
			});
			$('#topnavbtn02 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn02LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn02LeftList[1],50);
			});
			$('#topnavbtn03 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn03LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn03LeftList[1],50);
			});
			$('#topnavbtn04 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn04LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn04LeftList[1],50);
			});
			$('#topnavbtn05 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn05LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn05LeftList[1],50);
			});
			$('#topnavbtn06 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn06LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn06LeftList[1],50);
			});
			$('#topnavbtn07 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn07LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn07LeftList[1],50);
			});
			$('#topnavbtn08 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn08LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn08LeftList[1],50);
			});
			$('#topnavbtn09 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn09LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn09LeftList[1],50);
			});
			$('#topnavbtn10 img').not('[src*="_ov."]').mouseover(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,1,topbtn10LeftList[0],200);
			}).mouseout(function(e){
				var $target = $(e.target).parent().parent().next();
				topnavOver($target,0,topbtn10LeftList[1],50);
			});
			
			$('#accessbtn').not('[src*="_ov."]').mouseover(function(){
				$('#accessbg img').addClass('btnrollover');
				$('#accessbg').stop(true, true).animate({ opacity: 1 }, 200);
			}).mouseout(function(){
				$('#accessbg img').removeClass('btnrollover');
				$('#accessbg').animate({ opacity: 0 }, 0);
			});
			$('#contactbtn').not('[src*="_ov."]').mouseover(function(){
				$('#contactbg img').addClass('btnrollover');
				$('#contactbg').stop(true, true).animate({ opacity: 1 }, 200);
			}).mouseout(function(){
				$('#contactbg img').removeClass('btnrollover');
				$('#contactbg').animate({ opacity: 0 }, 0);
			});
			$('#privacybtn').not('[src*="_ov."]').mouseover(function(){
				$('#privacybg img').addClass('btnrollover');
				$('#privacybg').stop(true, true).animate({ opacity: 1 }, 200);
			}).mouseout(function(){
				$('#privacybg img').removeClass('btnrollover');
				$('#privacybg').animate({ opacity: 0 }, 0);
			});
			
			$('#systempage01 p.btn01').not('[src*="_ov."]').mouseover(function(){
				$('#systempage01 p.btn01bg img').addClass('btnrollover');
				$('#systempage01 p.btn01bg').stop(true, true).animate({ opacity: 1 }, 200);
			}).mouseout(function(){
				$('#systempage01 p.btn01bg img').removeClass('btnrollover');
				$('#systempage01 p.btn01bg').animate({ opacity: 0 }, 0);
			});
			$('#systempage02 p.btn01').not('[src*="_ov."]').mouseover(function(){
				$('#systempage02 p.btn01bg img').addClass('btnrollover');
				$('#systempage02 p.btn01bg').stop(true, true).animate({ opacity: 1 }, 200);
			}).mouseout(function(){
				$('#systempage02 p.btn01bg img').removeClass('btnrollover');
				$('#systempage02 p.btn01bg').animate({ opacity: 0 }, 0);
			});
			$('#messagepage01 p.btn01').not('[src*="_ov."]').mouseover(function(){
				$('#messagepage01 p.btn01bg img').addClass('btnrollover');
				$('#messagepage01 p.btn01bg').stop(true, true).animate({ opacity: 1 }, 200);
			}).mouseout(function(){
				$('#messagepage01 p.btn01bg img').removeClass('btnrollover');
				$('#messagepage01 p.btn01bg').animate({ opacity: 0 }, 0);
			});
			$('#messagepage02 p.btn01').not('[src*="_ov."]').mouseover(function(){
				$('#messagepage02 p.btn01bg img').addClass('btnrollover');
				$('#messagepage02 p.btn01bg').stop(true, true).animate({ opacity: 1 }, 200);
			}).mouseout(function(){
				$('#messagepage02 p.btn01bg img').removeClass('btnrollover');
				$('#messagepage02 p.btn01bg').animate({ opacity: 0 }, 0);
			});
			
			$('#works01 ul li.btn01').not('[src*="_ov."]').mouseover(function(){
				$('#works01 ul li.btn01bg img').addClass('btnrollover');
			}).mouseout(function(){
				$('#works01 ul li.btn01bg img').removeClass('btnrollover');
			});
			$('#works01 ul li.btn02').not('[src*="_ov."]').mouseover(function(){
				$('#works01 ul li.btn02bg img').addClass('btnrollover');
			}).mouseout(function(){
				$('#works01 ul li.btn02bg img').removeClass('btnrollover');
			});
			$('#works01 ul li.btn03').not('[src*="_ov."]').mouseover(function(){
				$('#works01 ul li.btn03bg img').addClass('btnrollover');
			}).mouseout(function(){
				$('#works01 ul li.btn03bg img').removeClass('btnrollover');
			});
			$('#works01 ul li.btn04').not('[src*="_ov."]').mouseover(function(){
				$('#works01 ul li.btn04bg img').addClass('btnrollover');
			}).mouseout(function(){
				$('#works01 ul li.btn04bg img').removeClass('btnrollover');
			});
			$('#works01 ul li.btn05').not('[src*="_ov."]').mouseover(function(){
				$('#works01 ul li.btn05bg img').addClass('btnrollover');
			}).mouseout(function(){
				$('#works01 ul li.btn05bg img').removeClass('btnrollover');
			});
			$('#works01 ul li.btn06').not('[src*="_ov."]').mouseover(function(){
				$('#works01 ul li.btn06bg img').addClass('btnrollover');
			}).mouseout(function(){
				$('#works01 ul li.btn06bg img').removeClass('btnrollover');
			});
			$('#works01 ul li.btn07').not('[src*="_ov."]').mouseover(function(){
				$('#works01 ul li.btn07bg img').addClass('btnrollover');
			}).mouseout(function(){
				$('#works01 ul li.btn07bg img').removeClass('btnrollover');
			});
			$('#works01 ul li.btn08').not('[src*="_ov."]').mouseover(function(){
				$('#works01 ul li.btn08bg img').addClass('btnrollover');
			}).mouseout(function(){
				$('#works01 ul li.btn08bg img').removeClass('btnrollover');
			});
			$('#works01 ul li.btn09').not('[src*="_ov."]').mouseover(function(){
				$('#works01 ul li.btn09bg img').addClass('btnrollover');
			}).mouseout(function(){
				$('#works01 ul li.btn09bg img').removeClass('btnrollover');
			});
			
			
			$(window).unload(function(){});
	};
	$(function(){

		$('#gnav dd,#topnav dd,#accessbg,#contactbg,#privacybg,#systempage01 p.btn01bg,#systempage02 p.btn01bg,#messagepage01 p.btn01bg,#messagepage02 p.btn01bg').css({opacity:'0'}).show();
		
		
		if(!(ONOFF.isSmartPhone)){
			gnavRollover();
			navRollover();
		}
	});
})(jQuery);