/** |READ ME| **********************************************************************************************************

"THE CLOUDS ENTERTAINMENT INC."

JavaScript File
JQuery制御用JS

Ver.200902

------------------------------------------------------------------------------------------------------------------------

このファイルは、『JQuery制御用JS』が記述されています。

01.スクロール
02.ロールオーバー
03.シリアルスクロール
04.ポップアップ

********************************************************************************************************** |READ ME| **/


$(function(){

//未対応ブラウザ除外（IE6以降、Firefox、Safari3、Chromeが対応）
if(jQuery.support.boxModel && !jQuery.browser.opera){

/** |01.スクロール| ( START ) *****************************************************************************************/


	/*+ [スクロールフォロー] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


		/*+ [メニュー] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

		$('.site').scrollFollow();


		/*+ [フリップフロップ] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

		/* 表示位置初期化 */
		$('.flipflop').css({'bottom':'auto','top':$(window).height()-57});

		$('.flipflop').scrollFollow({offset:60, relativeTo:'bottom'});


	/*+ [アンカースクロール] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	$('.site .navigation a').each(function(i){

		//外部リンク判定
		if($(this).attr('href').indexOf('http://') != 0 && $(this).attr('href').indexOf('https://') != 0 && $(this).attr('href').indexOf('mailto:') != 0){

			$(this).click(function(){

				//セクション名の取得
				var section = $(this).attr('href');

				//セクション位置情報の取得
				var offset = $(section).offset();

				//スクロール
				$('html,body').animate({scrollTop:offset.top}, 'slow');

				return false;

			});

		}

	});


	/*+ [フリップフロップ] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	$('.flipflop a').click(function(){

		$('html,body').animate({scrollTop:0}, 'slow');

		return false;

	});


/** |01.スクロール| ( END ) *******************************************************************************************/





/** |02.ロールオーバー| ( START ) *************************************************************************************/


	/*+ [ロールオーバー] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	var image_cache = new Object();

	$('img.swap').each(function(i){

		//デフォルトで表示する画像を取得
		var imgsrc = this.src;

		//ロールオーバー時に表示する画像を取得
		var dot = this.src.lastIndexOf('.');
		var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);

		//プリロード
		image_cache[this.src] = new Image();
		image_cache[this.src].src = imgsrc_on;

		//イベント発生時の動作設定
		$(this).hover(
			function(){this.src = imgsrc_on;},
			function(){this.src = imgsrc;}
		);

	});


	/*+ [関連リンク] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	$('dl.relation a').hover(function(){
		$(this).parent().addClass("over");},
		function(){$(this).parent().removeClass("over");}
	);


/** |02.ロールオーバー| ( END ) ***************************************************************************************/





/** |03.シリアルスクロール| ( START ) *********************************************************************************/


	/*+ [配置の初期化] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	$('.container .item').css('float','left');


	/*+ [フォトリスト] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	$('.photoList a').each(function(i){

		$(this).click(function(){

			//スクロール
			$('.photos').animate({scrollLeft:540*i}, 'slow');
			// アイテム数が増えた場合は、div.page div.contents div.items div.containerのwidthを設定

			return false;

		});

	});


	/*+ [商品リスト] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	$('.itemList a').each(function(i){

		$(this).mouseover(function(){

			if(i == 0)$('.itemList').css('background-image','url("common/img/tip_cld9005.gif")');
			else if(i == 1)$('.itemList').css('background-image','url("common/img/tip_cld9004.gif")');
			else if(i == 2)$('.itemList').css('background-image','url("common/img/tip_cld8002.gif")');
			else if(i == 3)$('.itemList').css('background-image','url("common/img/tip_cld8001.gif")');

		});

		$(this).mouseout(function(){

			$('.itemList').css('background-image','none');

		});

		$(this).click(function(){

			//スクロール
			$('#LittleWhisper').animate({scrollLeft:528*i}, 'slow');
			// アイテム数が増えた場合は、div.page div.contents div.items div.containerのwidthを設定

			return false;

		});

	});


/** |03.シリアルスクロール| ( END ) ***********************************************************************************/





/** |04.ポップアップ| ( START ) ***************************************************************************************/


	$('a.popup').each(function(i){

		$(this).click(function(){
			window.open($(this).attr('href'));
			return false;
		})

	});


/** |04.ポップアップ| ( END ) *****************************************************************************************/

}

});