/* ---------------------------------------------------------------------------------------------------------------------------------

											Function for Detail Page

--------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------------

										詳細画面上部サムネイルナビゲーション

--------------------------------------------------------------------------------------------------------------------------------- */
$(function(){

	//alert("Fidler");

	/* ----------------------------------------------------------

			◆ ナビゲーション左右ボタンクリック時 ◆
	
	---------------------------------------------------------- */

		/* 操作対象をキャッシュ
		------------------------------------------------------ */
		var slideArea = $("#slideArea");
		var btnBack = $("#btnSlideBack a");
		var btnNext = $("#btnSlideNext a");


		/* ボタンを押した場合
		------------------------------------------------------ */
			btnBack.click(function(){

				//リクエストする値の取得
				var requestdata = $(this).attr("href");
				requestData("back",requestdata);
				return false;
			});

			btnNext.click(function(){

				//リクエストする値の取得
				var requestdata = $(this).attr("href");
				requestData("next",requestdata);
				return false;
			});


			function requestData(target,requestdata){

				//処理中は左右ボタンを機能させない
				btnBack.css("display","none");
				btnNext.css("display","none");

				//alert(requestdata);

				//APIへデータリクエスト[ 左右フラグ,リクエストURL ]
				requestXML(target,requestdata);

			}


	/* ----------------------------------------------------------

				◆ APIへのデータリクエスト ◆
	
	---------------------------------------------------------- */

		function requestXML(parm,requestdata){
			//alert(parm +","+requestdata);
			$.ajax({
				type: "GET",
				url: requestdata, //APIリクエスト先
				dataType: "xml",

				success: function(xml){

					/* APIへのリクエストに成功したら
					---------------------------------------------------------- */
						//alert("success");

						/* XMLノードにアクセス開始
						------------------------------------------------------ */
							function xmlLoad(){
								backRequest = $(xml).find("backRequest").text();
								nextRequest = $(xml).find("nextRequest").text();
								//alert(backRequest+" : "+nextRequest);

								$(xml).find("item").each(function (i) {

									/* URLの取得
									--------------------------------------------------------------------------------------------------------------------------------- */
										var url = $(this).find("url").text();
										//alert(categoryFlg);

									/* ImgPathの取得
									--------------------------------------------------------------------------------------------------------------------------------- */
										var img = $(this).find("img").text();

									/* altの取得
									--------------------------------------------------------------------------------------------------------------------------------- */
										var alt = $(this).find("alt").text();

									/* statusの取得
									--------------------------------------------------------------------------------------------------------------------------------- */
										var statusflg = $(this).find("status").text();
										//alert(activeflg);

									/* activeflg（現在ページの車両）の取得
									--------------------------------------------------------------------------------------------------------------------------------- */
										if(statusflg == "active"){
											var activeClass = ' class="active"';
										}else{
											var activeClass = '';
										}


									/* 最終出力
									--------------------------------------------------------------------------------------------------------------------------------- */

										//URLがあるか？
										if(url != ""){
											var outputhtml = '<li'+activeClass+'><a href="'+url+'"><img src="'+img+'" alt="'+alt+'" width="90" height="68" /></a></li>';
										}else{
											var outputhtml = '<li'+activeClass+'><span><img src="'+img+'" alt="'+alt+'" width="90" height="68" /></span></li>';
										}

										//前後を判断して出力
										if(parm == "back"){
											$("#slideCtsL").append(outputhtml);
										}else if(parm == "next"){
											$("#slideCtsR").append(outputhtml);
										}
								});

							}



						/* Backボタンを押した場合
						------------------------------------------------------ */
							if(parm=="back") {

								//リクエストしたデータを格納するエリアを生成
								slideArea.prepend('<ul id="slideCtsL" class="slideBox cfx"></ul>');

								xmlLoad();

								//操作対象をキャッシュ
								var slideCts = $("#slideCts");
								var slideCtsL = $("#slideCtsL");

								//現在の表示領域をスライドして表示領域外へ
								slideCts.stop().animate({ left: 920 }, 1000);

								//リクエストしたデータをスライドして表示領域へ
								slideCtsL.stop().animate({ left: 0 }, 1000,
									function(){

										//スライド完了後、領域外にスライドしたコンテンツを削除
										slideCts.remove();

										//表示エリアにスライドしてきたコンテンツ（リクエストしたデータ）にIDをセットしなおす
										slideCtsL.attr("id","slideCts");

										//左右ナビを開放
										setNweNav();

									}
								);

							}

						/* Nextボタンを押した場合
						------------------------------------------------------ */
							else if(parm=="next"){
								slideArea.append('<ul id="slideCtsR" class="slideBox cfx"></ul>');

								xmlLoad();

								//操作対象をキャッシュ
								var slideCts = $("#slideCts");
								var slideCtsR = $("#slideCtsR");

								//現在の表示領域をスライドして表示領域外へ
								slideCts.stop().animate({ left: -920 }, 1000);

								//リクエストしたデータをスライドして表示領域へ
								slideCtsR.stop().animate({ left: 0 }, 1000,
									function(){

										//スライド完了後、領域外にスライドしたコンテンツを削除
										slideCts.remove();
										//表示エリアにスライドしてきたコンテンツ（リクエストしたデータ）にIDをセットしなおす
										slideCtsR.attr("id","slideCts");

										//左右ナビを開放
										setNweNav();

									}
								);

							}


						/* Nextボタンを押した場合
						------------------------------------------------------ */
							function setNweNav(){
								//左に追加ボタン
								if(backRequest != ""){
									btnBack.attr("href",backRequest);
									btnBack.css("display","block");
								}else{
									btnBack.css("display","none");
								}

								//右に追加ボタン
								if(nextRequest != ""){
									btnNext.attr("href",nextRequest);
									btnNext.css("display","block");
								}else{
									btnNext.css("display","none");
								}
							}

				},

				error: function(){

					/* APIへのリクエストに失敗したら
					---------------------------------------------------------- */
					//alert("error");

					var errorResult = $("#requestView");


						errorResult.html("システムエラーが発生しました。").slideDown();

						setTimeout( function() {
							errorResult.slideUp(
								function(){
									errorResult.html("");

									//処理中は左右ボタンを機能させない
									btnBack.css("display","block");
									btnNext.css("display","block");

								}
							);
						}, 3000);

				}
			});
		}


/* ---------------------------------------------------------------------------------------------------------------------------------

													お気に入り登録ボタン

--------------------------------------------------------------------------------------------------------------------------------- */

	/* ----------------------------------------------------------

						ボタンを押した際の処理
	
	---------------------------------------------------------- */

		/* 操作対象をキャッシュ
		------------------------------------------------------ */
			var btnFavA = $("#btnFav a");
			var btnFav = $("#btnFav");

		/* ボタンを押した場合
		------------------------------------------------------ */
			btnFavA.live("click",function(){
				//alert("test");

				var favRequest = $(this).attr("href");

				//APIへデータリクエスト
				requestFavXML(favRequest);
				return false;
			});


	/* ----------------------------------------------------------

				◆ APIへのデータリクエスト ◆
	
	---------------------------------------------------------- */

		function requestFavXML(requestdata){
			//alert(parm +","+requestdata);
			$.ajax({
				type: "GET",
				url: requestdata, //APIリクエスト先
				dataType: "xml",
				success: function(xml){

					/* APIへのリクエストに成功したら
					---------------------------------------------------------- */
					//alert("success");


						/* XMLノードにアクセス開始
						--------------------------------------------------------------------------------------------------------------------------------- */

						/* 評価の取得 */
						var flg = $(xml).find("response").text();
						if(flg == "success"){
							btnFav.html('<img src="/img/detail/b_favorite_3.gif" alt="お気に入りに登録済み" width="139" height="24" />');
							

						/* アラートを表示*/
						var popuparea = $("#popuparea");
						var wrapperArea = $("#wrapper");

						var posY = $(window).scrollTop() + 300;
						popuparea.css("top", posY);
						wrapperArea.css("opacity","0.5");


						var wrapperAreaImg = $("#wrapper .vis");
						var rateArea = $("#wrapper .rate");
						var ratingPopup = $(".ratingPopup");
						var bpagetop = $("#b-pagetop");
						var footerArea = $("#footer");
						var headLogo = $("#logo");
						var slideCts = $("#slideCts");

						if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 8){
							wrapperAreaImg.css("opacity","0.5");
							rateArea.css("opacity","0.5");
							ratingPopup.css("opacity","0.5");
							footerArea.css("opacity","0.5");
							bpagetop.css("opacity","0.5");
							headLogo.css("opacity","0.5");
							slideCts.css("opacity","0.5");
						}

						popuparea.fadeIn(1000);

						}

				},

				error: function(){

					/* APIへのリクエストに失敗したら
					---------------------------------------------------------- */
						// No Action

				}
			});

		}




/* ---------------------------------------------------------------------------------------------------------------------------------

											OTHER PHOTOS SHORT TEXT

--------------------------------------------------------------------------------------------------------------------------------- */
	
	/* 操作対象の初期化とキャッシュ
	------------------------------------------------------ */
	var textLimit = 90; //90文字以上を対象
	var h = 0;
	var zindex = 100;//z-indexの初期値
	var otherphotosText = $("#otherphotos .text p");


	//タブ領域に連番指定
	otherphotosText.each(function (i) {
		var ctsNum = i+1;
		$(this).parent().parent().addClass("heightLine-div" + h);
		$(this).parent().parent().css("z-index",zindex);//IE対策

		$(this).addClass("heightLine-box" + h);
		if(ctsNum % 2 == 0){
			$(this).parent().parent().addClass("odd");
			h = h + 1;
			zindex = zindex - 1;//z-indexを下げる
		}

		var allhtml = $(this).html();
		var alltext = $(this).text();
		var alltextNum = alltext.length;
		//alert(alltextNum);

		if(alltextNum > textLimit){
			var shorttext = alltext.substr(0,textLimit) + "...";
			//alert(shorttext);
			$(this).text(shorttext);
			$(this).parent().append('<div class="more"><span class="open">続きを読む</span></div>');
			$(this).css("display","inline");

			$(this).parent().find(".more").click(
				function (){

					$(".poptext").remove();

					$(this).parent().append('<div class="poptext"><div>'+ allhtml +'</div><div class="textclose"><span class="close">閉じる</span></div></div>');

					$(this).parent().find(".textclose").click(
						function (){
							//alert("test");
							$(this).parent().remove();
						}
					);

				}
			);
		}

		//印刷用
		$(this).parent().parent().append('<div class="printtext">'+ allhtml +'</div>');

		$(this).css("display","block");

	});




/* ---------------------------------------------------------------------------------------------------------------------------------

												装着パーツ

--------------------------------------------------------------------------------------------------------------------------------- */
	//ストライプテーブル
	$("#atparts .section table table tr:odd").addClass("odd");

	//開閉制御 開く
	$("#atparts .bOpen").click(
		function(){
			var btnIndex = $(".bOpen").index(this);
			$("#atparts .section").eq(btnIndex).addClass("active");
		}
	);

	//開閉制御 閉じる
	$("#atparts .bClose").click(
		function(){
			var btnIndex = $(".bClose").index(this);
			$("#atparts .section").eq(btnIndex).removeClass("active");
		}
	);


});



/* ---------------------------------------------------------------------------------------------------------------------------------

												dealer_detail

--------------------------------------------------------------------------------------------------------------------------------- */

	function chDDE(divN){

		var Num=divN;

		for(var i=11;i<14;i++){

			var divName="#p_dealer_detail_entry_list"+i;
			var lnaviName="#p_dealer_detail_entry_lnavi_"+i;
			var btmName="#p_dealer_detail_entry_bottom_"+i;

			if(i == Num){
				$(divName).css("display","block");
				$(lnaviName).addClass("hit");
				$(btmName).addClass("hit");
			}else{
				$(divName).css("display","none");
				$(lnaviName).removeClass("hit");
				$(btmName).removeClass("hit");
			}
		}

	}