//var servint;
//var overflag = 0;

var flagArray = new Array();
var IntervArray = new Array();
var linknameArray = new Array();
var arrCnt = 0;


// ---------------------------------------------
// ボタン部分のマウスオーバー
// aタグのid名と、ボタンごとにつけてるid番号を受け取る
function mainAction( name, num ) 
{
	// 対応するぶら下がり部分のid名
	var subId = "#" + name.id;
	 
	 //マウスオーバー画像=========================
	var imgId = "a "+subId + " img";
	var originalSrc = linknameArray[num];
	var rolloverSrc = originalSrc.replace(/(\.gif|\.jpg|\.png)/, "_on$1");
	jQuery(imgId).src(rolloverSrc);
	//============================================
	
	//ぶら下がりのidはボタンのidの「link」と「sub」を入れ替えたものです
	subId = subId.replace("link", "Sub");
	
	// ?
	name.originalSrc = jQuery( subId ).src();
	
	// ぶら下がりを表示します。
	jQuery( subId ).css( "display","block" );
	jQuery( subId ).css( "z-index","50" );
	jQuery( subId ).css( "border", "none" );
	jQuery( "#ContensArea" ).css( "z-index", "20");
	
	name.ab = 10;
	
	// マウスアウト時に発生したインターバルを消します。
	clearInterval( IntervArray[ num ] );
	flagArray[ num ]  = 1;
}

//ボタン部分のマウスアウト
function serviceout( name2, num )
{
	var subId = "#" + name2.id;
	
	subId = subId.replace("link", "Sub");
	
	IntervArray[ num ] = setInterval( function(){servhide(subId, num)}, 180);
	subId.a = 0;
	flagArray[ num ] = 0;
}

//ぶら下がり部分のマウスオーバー
function subAction( name, num )
{
	var subId = "#" + name.id;
	subId = subId.replace("Sub", "link");
	
	clearInterval( IntervArray[ num ] );
	
	flagArray[ num ] = 1;
}

//ぶら下がり部分のマウスアウト
function subOut( name, num )
{
	var subId = "#" + name.id;
	
	IntervArray[ num ] = setInterval( function(){servhide(subId, num)}, 180 );
	flagArray[ num ] = 0;
}

//setInterval関数
function servhide( name, num )
{
	var subId = name.replace("Sub", "link");
	
	if( flagArray[ num ] == 0 ) {
		
		 //マウスオーバー画像=========================
		var imgId = "a " + subId + " img";
		var rolloverSrc = jQuery(imgId).src();
		//console.log(rolloverSrc);
		var originalSrc = linknameArray[num];
		jQuery(imgId).src(originalSrc);
		
		//============================================
		//jQuery( "#ServiceSub" ).css( "display", "none" );
		//jQuery( "#ServiceSub" ).animate( { height:0 }, 100 );
		//jQuery( name ).slideUp( 100 );
		jQuery( name ).css( "display","none" );
		
		clearInterval( IntervArray[ num ] );
	}
}

jQuery(function(){
	//servint = setInterval( servhide, 200 );
	//JQuery.noConflict();
	
	//===================================================================================
	//マウスオーバー時の画像入れ替え=====================================================
	//===================================================================================
	/*jQuery('ul#GNav img').each(function(){
		this.originalSrc = jQuery(this).src();
		this.rolloverSrc = this.originalSrc.replace(/(\.gif|\.jpg|\.png)/, "_onjQuery1");
		//jqueryEx.preloader.load(this.rolloverSrc);
	}).hover(function(){
		jQuery(this).src(this.rolloverSrc);
	},function(){
		jQuery(this).src(this.originalSrc);
	});*/
	
	//===================================================================================
	//読み込み時に全て消す=====================================================
	//===================================================================================
	jQuery( "#AboutSub" ).css( "display","none" );
	jQuery( "#ServiceSub" ).css( "display","none" );
	jQuery( "#OurworksSub" ).css( "display","none" );
	jQuery( "#ShopSub" ).css( "display","none" );
	jQuery( "#IssueSub" ).css( "display","none" );
	jQuery( "#MailmagazineSub" ).css( "display","none" );
	
	
	//===================================================================================
	//Aboutナビの反応==================================================================
	//===================================================================================
	// マウスオーバー時のフラグの初期値は0:フラグを管理する配列に入れる
	flagArray.push( 0 );
	// マウスアウト時に開始するタイマーの値の初期値は0:タイマーを管理する配列に入れる
	IntervArray.push( 0 );
	// ボタンのhtmlに書かれたボタンのリンク先アドレスを管理する配列に入れる
	linknameArray.push( jQuery("a#Aboutlink img").src() );
	//ボタン、およびぶら下がり部分のマウスオーバー／マウスアウトで実行する関数設定
	//jQuery( "#Aboutlink" ).hover( function(){ mainAction( this, 0 ) }, function(){ serviceout( this, 0 ) }  );
	//jQuery( "#AboutSub" ).hover( function(){ subAction( this, 0 ) }, function(){ subOut( this, 0 ) }  );
	
	
	//===================================================================================
	//Serviceナビの反応==================================================================
	//===================================================================================
	flagArray.push( 0 );
	IntervArray.push( 0 );
	linknameArray.push( jQuery("a#Servicelink img").src() );
	jQuery( "#Servicelink" ).hover( function(){ mainAction( this, 1 ) }, function(){ serviceout( this, 1 ) }  );
	jQuery( "#ServiceSub" ).hover( function(){ subAction( this, 1 ) }, function(){ subOut( this, 1 ) }  );
	
	//===================================================================================
	//Ourworksナビの反応==================================================================
	//===================================================================================
	flagArray.push( 0 );
	IntervArray.push( 0 );
	linknameArray.push( jQuery("a#Ourworkslink img").src() );
	jQuery( "#Ourworkslink" ).hover( function(){ mainAction( this, 2 ) }, function(){ serviceout( this, 2 ) }  );
	jQuery( "#OurworksSub" ).hover( function(){ subAction( this, 2 ) }, function(){ subOut( this, 2 ) }  );
	
	//===================================================================================
	//Shopナビの反応==================================================================
	//===================================================================================
	flagArray.push( 0 );
	IntervArray.push( 0 );
	linknameArray.push( jQuery("a#Shoplink img").src() );
	jQuery( "#Shoplink" ).hover( function(){ mainAction( this, 3 ) }, function(){ serviceout( this, 3 ) }  );
	jQuery( "#ShopSub" ).hover( function(){ subAction( this, 3 ) }, function(){ subOut( this, 3 ) }  );
	
	//===================================================================================
	//Issueナビの反応==================================================================
	//===================================================================================
	flagArray.push( 0 );
	IntervArray.push( 0 );
	linknameArray.push( jQuery("a#Issuelink img").src() );
	jQuery( "#Issuelink" ).hover( function(){ mainAction( this, 4 ) }, function(){ serviceout( this, 4 ) }  );
	jQuery( "#IssueSub" ).hover( function(){ subAction( this, 4 ) }, function(){ subOut( this, 4 ) }  );
	
	//===================================================================================
	//Mailmagazineナビの反応==================================================================
	//===================================================================================
	flagArray.push( 0 );
	IntervArray.push( 0 );
	linknameArray.push( jQuery("a#Mailmagazinelink img").src() );
	jQuery( "#Mailmagazinelink" ).hover( function(){ mainAction( this, 5 ) }, function(){ serviceout( this, 5 ) }  );
	jQuery( "#MailmagazineSub" ).hover( function(){ subAction( this, 5 ) }, function(){ subOut( this, 5 ) }  );
	
	jQuery( "#Aboutlink" ).hover( function(){ mainAction( this, 0 ) }, function(){ serviceout( this, 0 ) }  );
	jQuery( "#AboutSub" ).hover( function(){ subAction( this, 0 ) }, function(){ subOut( this, 0 ) }  );
	
	//setinterbal→Interbal時に
	//serversubhoverもserviceもmouseoutなら消す
	//
	
});