/**
* SUBARU JavaScript for Light Car + JQuery : library
*/

/* ### いろいろ使いたい変数 */

var grade = "llimited";

var tipup_lease_tr = 0;

// reel_image用
var reel_imgs = new Array();
var reel_img_objects = new Array();
var count = 0;
var loading_count = 0;
var reel_drag_flag = 0;
var reel_drag_pt = new Array();

// 現在のボディーカラーセット
var this_page = "color1";
var this_color = 1;

// Bパートナビゲーション用
var scene_choice_navi = 0;
var this_category = "";
var this_popup = "";
var this_popup_page = 1;

var tip_img_objects = new Array();
var tip_image_url = new Array();

// トップページとその他ページの階層違い用
var dir_pass = "../";

	
// jQuery Easing Plugin から抜粋イージング
jQuery.easing.quart = function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; };
jQuery.easing.easeOutSine = function (x, t, b, c, d) { return c * Math.sin(t/d * (Math.PI/2)) + b; };
jQuery.easing.easeOutCubic = function (x, t, b, c, d) { return c*((t=t/d-1)*t*t + 1) + b; };


/** ### preload script */
jQuery.preloadImages = function(){
	for(var i = 0; i<arguments.length; i++){
		jQuery("<img>").attr("src", arguments[i]);
	}
};


/** ### scroll animation script */
this.scrolling = function(to_id,speed,position){
	if( to_id == null ) { var targetOffset = position; }
	else { var targetOffset = $(to_id).offset().top; }
	$('html,body').animate({ scrollTop: targetOffset }, speed, 'easeOutSine');
};


/** ### Tooltip script */
this.tipup_init = function(){
	// btn_tipup_leaseクラスの指定されている画像にTooltipを設定
	$(".btn_tipup_lease").css("cursor","pointer");

	// ボタンが押された時の処理
	$(".btn_tipup_lease").click(function(e){
		$("#lightcar_main").append("<div id='tipup_lease'></div>");
		$("#tipup_lease").load( "tipup_lease_" + grade + ".html",
			function(e){
				//$("#tipup_lease").attr( "class",grade );
				$("#tipup_lease").css( "top",  $("#btn_credit_lease").position().top - $("#tipup_lease").height() + $("#btn_credit_lease").height() );
				}
		);
		$("#tipup_lease").fadeIn("fast");
		
		scrolling("#lightcar",300);
		return false;
	}); // $(".btn_tipup_lease").click
}; // this.tipup_init


/** ### Equipment Tooltip script */
this.equip_tipup_init = function(){
	// btn_tipup_leaseクラスの指定されている画像にTooltipを設定
	$("#btn_equipment a img").css("cursor","pointer");

	// ボタンが押された時の処理
	$("#btn_equipment a img").click(function(e){
		
		$("#lightcar_main").append("<div id='equip_tipup_lease'></div>");
		$("#equip_tipup_lease").css( "display",  "none" );
		$("#equip_tipup_lease").load( "../popup/detail/popup_pleo_" + grade + ".html",
			function(e){
				$("#equip_tipup_lease .range_icon img").css("cursor","pointer");
				$("#equip_tipup_lease").css( "position",  "absolute" );
				$("#equip_tipup_lease").css( "left",  "12px" );
				$("#equip_tipup_lease").css( "top",  "80px" );
				$("#equip_tipup_lease").css( "z-index",  "3" );
				//$("#equip_tipup_lease").css( "width",  "958px" );
				//$("#equip_tipup_lease").css( "height",  "224px" );
				//$("#equip_tipup_lease").css( "border",  "1px solid #565656" );
				//$("#equip_tipup_lease .equip_img").css( "top",  "30px" );
				//$("#equip_tipup_lease").css( "top",  $("#btn_equipment a img").position().top - ($("#equip_tipup_lease").height() + $("#btn_equipment a img").height()) );

				// Closeボタンが押された時の処理
				$("#equip_tipup_lease .range_icon img").click(function(e){
					$("#equip_tipup_lease").fadeOut("fast", function(e){ $("#equip_tipup_lease").remove(); } );
					return false;
				}); // $("#equip_tipup_lease .equip_img").click
			}
		); // $("#equip_tipup_lease").load
		
		$("#equip_tipup_lease").fadeIn("fast");
		scrolling("#lightcar",300);
		return false;
	}); // $("#btn_equipment a img").click
	
}; // this.equip_tipup_init


/** ### web discount script */
this.web_discount_init = function(grade,color_set,color){

	var type = "";
	var g = "";
	var c = 0;
	switch(grade){
		case "llimited":
		case "l":
		case "f":
			type = "s01";
			switch(color){
				case 1: c = "c1002"; break;
				case 2: c = "c1003"; break;
				case 3: c = "c1005"; break;
				case 4: c = "c1001"; break;
				case 5: c = "c1004"; break;
				default: break;
			}
			break;
		case "customrs":
		case "customr":
			type = "s02";
			switch(color){
				case 1: c = "c2002"; break;
				case 2: c = "c2001"; break;
				case 3: c = "c2003"; break;
				case 4: c = "c2004"; break;
				case 5: c = "c2005"; break;
				default: break;
			}
			break;
		default: break;
	}
	switch(grade){
		case "llimited": g = "g103"; break;
		case "l": g = "g102"; break;
		case "f": g = "g101"; break;
		case "customrs": g = "g202"; break;
		case "customr": g = "g201"; break;
		default: break;
	}
	$("#btn_web_discount a").attr("href","http://www.subaru.jp/campaign/topics/webwari/index.php?sid=" + type + "&gid=" + g + "&cid=" + c);
}; // web discount init script


/** ### colortip script */
this.colortip_init = function(){

	var colors = [ "color1", "color2", "color3", "color4", "color5" ];
	
	$("#lightcar_lineup_txt_" + this_page + "_select").append("<img src='' width='329' width='34' alt='お好みのボディカラーをお選びください' title='お好みのボディカラーをお選びください' />");
	//alert("#lightcar_lineup_txt_" + this_page + "_select");
	
	// 初期カラーに設定
	for(var j=1; j<6;j++) {
		if(j==this_color){
			var txt = "img/txt_" + this_page + "_color"+ this_color +".gif";
			$("#lightcar_lineup_txt_" + this_page + "_select img").attr("src",txt);
			$("#btn_" + this_page + "_color"+j).css("cursor","default");
			//alert("#btn_" + this_page + "_color"+j + ":" + $("#btn_" + this_page + "_color"+j).css("cursor"));
		}else{
			$("#btn_" + this_page + "_color"+j).css("cursor","pointer");
		}
	}
	reel_image_init(this_color);
			
	
	jQuery.each(colors, function(i,val) {
		// CSSでリンクカーソル指定
		//if( this_color != val ) { $("#btn_" + this_page + "_"+val).css("cursor","pointer"); }
		//else { $("#btn_" + this_page + "_"+val).css("cursor","default"); }
		
		// マウスイベント
		$("#btn_" + this_page + "_"+val).mouseover(function(e){
			var txt = "img/txt_" + this_page + "_" + val + "_ovr.gif";
			$("#lightcar_lineup_txt_" + this_page + "_select img").attr("src",txt);
		});
		$("#btn_" + this_page + "_"+val).mouseout(function(e){
			var txt = "img/txt_" + this_page + "_color"+ this_color +"_ovr.gif";
			$("#lightcar_lineup_txt_" + this_page + "_select img").attr("src",txt);
		});
		$("#btn_" + this_page + "_"+val).click(function(e){
			var color_num = i+1;
			if( this_color != color_num ) {
				this_color = color_num;
				var txt = "img/txt_" + this_page + "_color" + color_num +".gif";
				$("#lightcar_lineup_txt_" + this_page + "_select img").attr("src",txt);
				reel_image_init(color_num);
			}
			for(var j=1; j<6;j++) { $("#btn_" + this_page + "_color"+j).css("cursor","pointer"); }			
			var txt = "img/txt_" + this_page + "_color"+ color_num +"_ovr.gif";
			$("#lightcar_lineup_txt_" + this_page + "_select img").attr("src",txt);
			$("#btn_" + this_page + "_"+val).css("cursor","default");
			web_discount_init(grade,this_page,this_color);
		});
	}); // jQuery.each
}; // this.colortip_init


/** ### reel_image_init script */
this.reel_image_init = function(color_num){

	// #reel_imageをリセット
	$("#reel_image").empty();
	loading_count = 0;
	
	// 画像URLの設定
	for( var i = 0; i < 36; i++ ){
		if( i < 10) { reel_imgs[i] = "img/" + this_page + "_reel_image" + color_num + "/body_0" + i + ".jpg"; }
		else { reel_imgs[i] = "img/" + this_page + "_reel_image" + color_num + "/body_" + i + ".jpg"; }
	}
	
	// 一枚目をセット
	$("#reel_image").fadeIn("fast");
	$("#interior_image").fadeOut("fast");
	$("#lightcar_lineup_txt_360view").fadeIn("fast");
	
	//$("#reel_image").append( "<img class='body_image' src='img/reel_image"+color_num+"/body_01.jpg' width='532' width='290' alt='body_image' title='body_image' />" );
	$("#reel_image").append( "<img class='body_image' width='552' width='290' alt='body_image' title='body_image' />" );
	$("#reel_image .body_image").attr( { src:reel_imgs[count] } );
	$("#reel_image").css( { cursor:"pointer", overflow:"hidden", width:"552px", height:"290px" } );
 	$("#reel_image .body_image").css( { display:"none" } );

	// ローディング画像をセット
	$("#reel_image").append( "<img class='loading_image' src='../common/img/loadingAnimation.gif' alt='now loading...' />" );
 	$('#reel_image .loading_image').css( { position:"absolute", top:"160px", left:"165px" ,display:"none" } );
	 $("#reel_image .loading_image").fadeIn("fast");
	
	// 4方向画像を先読み 
	for( var j = 0; j < 4; j++ ){
		var i = j * 9;
		// imgタグの生成 & 配列へ格納
		reel_img_objects[i] = document.createElement("img");
		
		// ロード画像数カウントアップ
		loading_count++;
		// 各画像の読み込み完了時の処理を定義
		$(reel_img_objects[i]).load(function(){
			loading_count--;
			if( loading_count == 0 ) {
				// 先に読み込んだ分が完了したらローディング終了
				$("#reel_image .body_image").fadeIn("normal");
				$("#reel_image .loading_image").fadeOut("fast");
				grad_loading();
			}
			return true;
		});
		$(reel_img_objects[i]).attr( { src:reel_imgs[i] } ); // loadイベントを定義した後、画像を読み込ませる
	}
	
	// マウスドラッグ処理
 	//$('#reel_image').mousedown(function(e){ reel_drag_flag = 1; clearInterval(bbb); return false; });
 	$('#reel_image').mousedown(function(e){ reel_drag_flag = 1; return false; });
 	$('#reel_image').mouseup(function(e){ reel_drag_flag = 0; return true; });
	$('#reel_image').mousemove(function(e){
		if( reel_drag_flag ){
			// いっこ前のx位置をバッファ
			reel_drag_pt[1] = reel_drag_pt[0];
			reel_drag_pt[0] = e.clientX;
			// 左右のドラッグ判定 & ドラッグ速度からコマ送りを設定
			if( reel_drag_pt[0] - reel_drag_pt[1] < 0 ){ count++; }
			else if( reel_drag_pt[0] - reel_drag_pt[1] < -5 ){ count += 2; }
			else if( reel_drag_pt[0] - reel_drag_pt[1] < -15 ){ count += 3; }
			else if( reel_drag_pt[0] - reel_drag_pt[1] > 0 ){ count--; }
			else if( reel_drag_pt[0] - reel_drag_pt[1] > 5 ){ count -= 2; }
			else if( reel_drag_pt[0] - reel_drag_pt[1] > 15 ){ count -= 3; }
			// 画像の差し替え
			if( count > 35 ) { count = 0; } else if ( count < 0 ) { count = 35; } // 数値ループ
			$("#reel_image .body_image").attr( { src:reel_imgs[count] } );
		}
		return false;
	});	
 };
 
/** ### reel_image_init script # 4方向以外の画像を読み */
this.grad_loading = function(){
	for( var i = 0; i < 36; i++ ){
		if( i % 9 != 0 ){
			// imgタグの生成 & 配列へ格納
			reel_img_objects[i] = document.createElement("img");
			$(reel_img_objects[i]).attr( { src:reel_imgs[i] } );
		}
	}
};


/** ### interiortip script # コックピット等のポップアップ */
this.interiortip_init = function(){
	$("#interior_image").css( { display:"none", cursor:"pointer", position:"absolute", top:"-18px" } );
	$("#interior_image").append( "<img src='img/ph_" + grade + "_cockpit.jpg' />" );
	
	$("#interior_image").click(function(e){
		$("#lightcar_lineup_txt_360view").css( { display:"block" } );
		$("#reel_image").fadeIn("normal");
		$("#interior_image").fadeOut("fast");
		$("#lightcar_lineup_txt_360view").fadeIn("fast");
		return false;
	});
	
	$("#lightcar_lineup_btn_cockpit a").click(function(e){
		// ページ内容の制御
		$("#interior_image img").attr( "src","img/ph_" + grade + "_cockpit.jpg" );
		$("#reel_image").fadeOut("fast");
		$("#interior_image").fadeIn("normal");
		$("#lightcar_lineup_txt_360view").fadeOut("fast");
		return false;
	});
	$("#lightcar_lineup_btn_seat a").click(function(e){
		// ページ内容の制御
		$("#interior_image img").attr( "src","img/ph_" + grade + "_seat.jpg" );
		$("#reel_image").fadeOut("fast");
		$("#interior_image").fadeIn("normal");
		$("#lightcar_lineup_txt_360view").fadeOut("fast");
		return false;
	});
};


/** ### bannertip_init script リンクボタン等へチップアップを追加したい場合 */
this.bannertip_init = function(){

	$("#lightcar_main").append("<img id='banner_tip' src='' alt='' />");
	$("#banner_tip").css( { display:"none", position:"absolute", top:"300px", left:"0px" } );

	$("#lightcar_lineup_btn_ecocar75 a").mouseover( function(e){
		//$("#banner_tip").stop();
		
		$("#banner_tip").css( { display:"none" } );
		$("#banner_tip").attr( { src:"img/link_active_eco.gif" } );
		$("#banner_tip").css( { left:"0px" } );
		$("#banner_tip").fadeIn("fast");
			//$("#banner_tip").css( { display:"block" } );
	});
	$("#lightcar_lineup_btn_ecocar75 a").mouseout( function(e){
		//$("#banner_tip").stop();
		
		$("#banner_tip").css( { display:"block" } );
		$("#banner_tip").fadeOut("fast");
			//$("#banner_tip").css( { display:"none" } );
	});

	$("#lightcar_lineup_btn_ecocar50 a").mouseover( function(e){
		//$("#banner_tip").stop();
		$("#banner_tip").css( { display:"none" } );
		
		$("#banner_tip").attr( { src:"img/link_active_eco.gif" } );
		$("#banner_tip").css( { left:"140px" } );
		$("#banner_tip").fadeIn("fast");
	});
	$("#lightcar_lineup_btn_ecocar50 a").mouseout( function(e){
		//$("#banner_tip").stop();
		$("#banner_tip").css( { display:"block" } );
		$("#banner_tip").fadeOut("fast");
	});

};


/** ### scene_choice_navi_init script # Bパート（気になるポイントをチェック）の生成 */
this.scene_choice_navi_init = function(dir_pass){

	// タブメニューインデックス
	var tab_text = [ "気になるポイントはありますか？", "特長について", "使い勝手や装備", "走りと燃費安全性能", "買い方・サービス" ];
	
	// 各タブごとの項目インデックス
	var menu_index = [
		// 気になるポイントはありますか？
		[
		"point_p1",
		"utility_p10",
		"drive_p9",
		"compare_p1",
		"utility_p3",
		"drive_p4",
		"pleo_p1",
		"drive_p1",
		"drive_p5",
		"pleocustom_p1",
		"utility_p9",
		"drive_p2",
		"utility_p1",
		"drive_p6",
		"service_p8"
		 ],
		// 特徴について
		[
		"point_p1",
		"compare_p1",
		"pleo_p1",
		"pleocustom_p1",
		"turbo_p1",
		"mt_p1",
		"awd_p1"
		],
		// 使い勝手や装備
		[
		"utility_p1",
		"utility_p10",
		"utility_p7",
		"utility_p2",
		"drive_p1",
		"utility_p8",
		"utility_p3",
		"utility_p4",
		"utility_p9",
		"utility_p5",
		"utility_p6"
		],
		// 走りと燃費安全性能
		[
		"drive_p2",
		"drive_p7",
		"safety_p2",
		"drive_p3",
		"drive_p8",
		"safety_p3",
		"drive_p5",
		"drive_p9",
		"safety_p4",
		"drive_p4",
		"drive_p10",
		"safety_p5",
		"drive_p6",
		"safety_p1"
		],
		// 買い方・サービス
		[
		"service_p1",
		"service_p8",
		"service_p4",
		"service_p2",
		"service_p9",
		"service_p5",
		"service_p7",
		"service_p3",
		"service_p6"
		]
		];
	var title_index = { // 連想配列はArray()じゃなくてObject()でつくる
		// 特徴について
		"point_p1":"プレオのいいところを簡単に教えて",
		"compare_p1":"プレオとプレオ カスタムの違いは？",
		"pleo_p1":"プレオの写真が見たい",
		"pleocustom_p1":"プレオ カスタムの写真が見たい",
		"turbo_p1":"ターボはあるの？",
		"mt_p1":"MT車はあるの？",
		"awd_p1":"AWD車はあるの？",
		
		// 使い勝手や装備
		"utility_p1":"室内の広さについて教えて",
		"utility_p10":"使いやすい収納が欲しい",
		"utility_p7":"オーディオはどんなものがあるの？",
		"utility_p2":"リヤシートはスライドやリクライニングができるの？",
		"drive_p1":"乗り降りについて知りたい。",
		"utility_p8":"エアコンについて知りたい",
		"utility_p3":"シートは折り畳められるの？",
		"utility_p4":"キーはバッグに入れたままでいいって本当？",
		"utility_p9":"盗難が心配なんだけど",
		"utility_p5":"運転姿勢をぴったりと合わせたいんだけど",
		"utility_p6": "紫外線が気になるんだけど",
		
		// 走りと燃費安全性能
		
		"drive_p2":"立体駐車場には対応しているの？",
		"drive_p3":"小回りの良さについて知りたい。",
		"drive_p4":"エコな運転を心がけたい",
		"drive_p5":"CVTってなに？どんなところがいいの？",
		"drive_p6":"燃費はどれくらい？",
		"drive_p7":"排ガス性能を知りたい",
		"drive_p8":"グリーン購入法には適合しているの？",
		"drive_p9":"エコカー減税について知りたい",
		"drive_p10":"VOCや環境負荷物質について知りたい",
		"safety_p1": "安全ボディについて知りたい",
		"safety_p2":"歩行者保護について知りたい",
		"safety_p3":"ISO FIXチャイルドシートは付けられる？",
		"safety_p4":"ABSは付いているの？",
		"safety_p5":"エアバッグやシートベルトについて知りたい",
		
		// 買い方・サービス
		"service_p1":"アクセサリーを付けたいんだけど",
		"service_p2":"ナビが付けたいんだけど",
		"service_p3":"アフターサービスについて知りたい",
		"service_p4":"保証について知りたい",
		"service_p5":"保証はできるだけ長くつけたい",
		"service_p6":"おすすめの点検プランをつけたい",
		"service_p7":"プレオを試乗してみたい",
		"service_p8":"見積もりをしてみたい",
		"service_p9":"販売店を探したい"
	};
	var navi_flag_index = [
		[ 1, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0 ], // 気になるポイントはありますか？
		[ 1, 0, 1, 1, 0, 0, 0 ], // 特徴について
		[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], // 使い勝手や装備
		[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], // 走りと燃費安全性能
		[ 0, 0, 0, 0, 0, 0, 0, 0, 0 ] // 買い方・サービス
	];

	// コンテンツ枠セット
	$("#lightcar_popup").append("<div id='lightcar_popup_menu_container2'></div>");
	$("#lightcar_popup").append("<div id='lightcar_popup_index_container' class='clearfix'></div>");
	
	$("#lightcar_popup_menu_container2").load( "../common/html/lightcar_popup_tab.html",function(e){
	// タブメニュー生成
	//$("#lightcar_popup_menu_container2").append("<ul id='lightcar_popup_menu'></ul>");
	jQuery.each(tab_text, function(i, val){
		var li_id = "lightcar_popup_menu_0" + (i+1);
		$("#" + li_id+" a").click( function(e){
			scene_choice_navi = i+1;
			for( var j = 0; j < tab_text.length; j++ ){
				var li_id = "lightcar_popup_menu_0" + (j+1);
				$("#" + li_id + " a").removeAttr( "class" );
				if( i == j ) { $("#" + li_id + " a").attr( { "class":"selected" } ); }
			}
			scrolling(null,300,290);
			set_scene_choice_navi(menu_index, title_index, navi_flag_index, scene_choice_navi, dir_pass);
			return false;
		});
	}); // jQuery.each
	}); // load完了後
	
	$("#lightcar_popup_index_container").load( "../common/html/lightcar_popup_index_1.html",
		function(e){		
			tb_init("a.tb_popup"); //pass where to apply thickbox
			return false;
		});
};

// メニュー項目生成関数
this.set_scene_choice_navi = function(index_arr, title_arr, navi_flag_arr, num, dir_pass){

	$("#lightcar_popup_index_container").load( "../common/html/lightcar_popup_index_"+ num +".html",
		function(e){
			tb_init("a.tb_popup"); //pass where to apply thickbox
			return false;
		});
};

// thickbox内でのページ遷移
this.popup_next_page = function()
{
	var btn_src = "../popup/img/" + this_popup + "/btn_popup_navi_";
	
	// ページの移動
	this_popup_page++;
	if(this_popup_page >= pn){ 
		this_popup_page = pn;
		$("#lightcar_popup_navi_next img").css( { cursor:"default" } );
		$().attr( "src", $("#lightcar_popup_navi_next img").attr("src").slice(0,-8) + ".gif" );
	}
	$("#lightcar_popup_navi_list>* img").each(function(i,val){
		// 数字ボタンの制御
		var bs = btn_src + i + ".gif";
		var bs_ovr = btn_src + i + "_ovr.gif";
		if( j != 0 ){
			$(this).attr( "src", bs );
		}
		if( j == this_popup_page ) {
			$(this).attr( "src", bs_ovr );
		}
		return true;
	});
	// ページ内容の制御
	//alert("../popup/"+this_category+"/"+this_popup+"_"+this_popup_page+".html");
	$("#lightcar_popup_page").load("../popup/"+this_category+"/"+this_popup+"_"+this_popup_page+".html",
	function(e) {
		popup_page_set_css();
		});
	return true;
}

/** ### navi in popup script (ex. popup/feature/point_p1.html等から呼び出される) */
this.navi_in_popup_init = function(page_num){

	// ページが閉じたときのためにリセット
	this_popup_page = 1;

	var tp = this_popup.slice(0,-1);
	var btn_src = "../popup/img/" + this_popup + "/btn_popup_navi_";
	
	$("#lightcar_popup_page").css( { display:"none" } );
	$("#lightcar_popup_navi").css( { display:"none" } );
			
	//alert("../popup/"+this_category+"/"+this_popup+"_1.html");
	$("#lightcar_popup_page").load("../popup/"+this_category+"/"+this_popup+"_1.html",
		function(){
			$("#lightcar_popup_page").css( { display:"block" } );
			$("#lightcar_popup_navi").css( { display:"block" } );
			popup_page_set_css();
		}
	);
	
	// 次へボタン
	$("#lightcar_popup_navi_next img").css( { cursor:"pointer" } );
	$("#lightcar_popup_navi_next img").bind( "click", { num1:1, num2:page_num }, popup_page_shift );
	
	// 数字ボタン
	$("#lightcar_popup_navi_list>* img").each(function(i,val){
		//alert(i+":"+val.nodeName);
		if(i!=0){
			if(i!=1){ $(val).css( { cursor:"pointer" } ); }
			$(val).mouseover(function(e){
				// 自身の番号を保持
				var btn_num = i;
				// hover処理
				var bs = btn_src + i + "_ovr.gif";
				if(this_popup_page != btn_num ){ $(this).attr( "src", bs ); }
				return false;
			});
			$(val).mouseout(function(e){
				// 自身の番号を保持
				var btn_num = i;
				// hover処理
				var bs = btn_src + btn_num + ".gif";
				if(this_popup_page != btn_num ){ $(this).attr( "src", bs ); }
				//alert(this_popup_page + ":" + btn_num);
				return false;
			});
			$(val).bind( "click", { num1:0, num2:page_num, num3:i }, popup_page_shift );
		}
		return true;
	});
	return true;
}; // navi in popup script

this.popup_page_shift = function(e){
/*
	switch(this_popup){
		case "utility_p6":
		case "accessory_p1": 
			var btn_src = "../popup/img/btn_popup_navi_" + this_popup; break;
		default:
			var btn_src = "../popup/img/btn_popup_navi_"; break;
	}
*/
	var btn_src = "../popup/img/" + this_popup + "/btn_popup_navi_";
	
	var shift = e.data.num1;
	var page_num = e.data.num2;
	
	if( shift == 0){
		this_popup_page = e.data.num3;
	}else{
		this_popup_page += shift;
	}
	if(this_popup_page >= page_num) { this_popup_page = page_num; }
	if(this_popup_page <= 1) { this_popup_page = 1; }
	
	//alert("shift:"+shift+" nextPage:"+this_popup_page+" totalPages:"+page_num);
	
	// 数字ボタンの制御
	var bs_ovr = btn_src + this_popup_page + "_ovr.gif";
	$("#lightcar_popup_navi_list>* img").each(function(i,val){
		if( i != 0 ){
			$(val).attr( "src", btn_src + i + ".gif" );
			$(val).css( { cursor:"pointer" } );
		}
		if( i == this_popup_page ){
			$(val).attr("src",bs_ovr);
			$(val).css( { cursor:"default" } );
		}
		return true;
	});

	var tmp = "#lightcar_popup_navi_";
	// 次へ前へボタンの制御
	$(tmp+"next img").attr( "src", "../popup/img/" + this_popup + "/btn_popup_navi_next_ovr.gif" );
	$(tmp+"back img").attr( "src", "../popup/img/" + this_popup + "/btn_popup_navi_back_ovr.gif" );
	$("#lightcar_popup_navi_next img").css( { cursor:"pointer" } );
	$("#lightcar_popup_navi_back img").css( { cursor:"pointer" } );
	$(tmp+"next img").unbind( "click" );
	$(tmp+"back img").unbind( "click" );
	$("#lightcar_popup_navi_next img").bind( "click", { num1:1, num2:page_num }, popup_page_shift );
	$("#lightcar_popup_navi_back img").bind( "click", { num1:-1, num2:page_num }, popup_page_shift );
	
	if(this_popup_page == page_num){
		$(tmp+"next img").css( { cursor:"default" } );
		//alert($(this).attr( "src" ));
		$(tmp+"next img").attr( "src", $(tmp+"next img").attr("src").slice(0,-8) + ".gif" );
		$(tmp+"next img").unbind( "click" );
	}
	else if(this_popup_page == 1){
		//$(tmp+"back img").$(this).css( { cursor:"default" } );
		$(tmp+"back img").css( { cursor:"default" } );
		//alert($(this).attr( "src" ));
		$(tmp+"back img").attr( "src", $(tmp+"back img").attr("src").slice(0,-8) + ".gif" );
		$(tmp+"back img").unbind( "click" );
	}
	
	// ページ内容の制御
	//alert("../popup/"+this_category+"/"+this_popup+"_"+this_popup_page+".html");
	$("#lightcar_popup_page").load("../popup/"+this_category+"/"+this_popup+"_"+this_popup_page+".html",
		function(e) {
			popup_page_set_css();
			});
	return false;
};

this.popup_page_set_css = function()
{
	//alert("popup_page_set_css");
	// JSによるスタイルシートの振り分け
	if (navigator.appVersion.indexOf ("Mac") >= 0) { //【条件１】OSがMacの時
		//$("#lightcar_popup_page").append('<link rel="stylesheet" type="text/css" href="../common/css/mac.css" />'); // Mac用CSS
		if (navigator.appVersion.indexOf ("Safari") >= 0) { //【条件２】ブラウザがSafariの時
			//alert("Safari");
			$("#lightcar_popup_page").append('<link rel="stylesheet" type="text/css" href="../common/css/mac_safari.css" />'); // MacSafari用CSS
		} else if (navigator.appName.indexOf ("Explorer") >= 0) { //【条件２】ブラウザがIEの時
			//alert("IE");
			$("#lightcar_popup_page").append('<link rel="stylesheet" type="text/css" href="../common/css/mac_ie.css" />'); // MacIE用CSS
		} else { //【条件２】ブラウザがSafari又はIE以外の時
			//alert("Other");
			$("#lightcar_popup_page").append('<link rel="stylesheet" type="text/css" href="../common/css/mac_ff.css" />'); // MacFF用CSS
		}
	} else { //【条件１】OSがMac以外の時
		if (navigator.appVersion.indexOf ("Safari") >= 0) { //【条件２】ブラウザがSafariの時
			//alert("Win Safari");
			$("#lightcar_popup_page").append('<link rel="stylesheet" type="text/css" href="../common/css/win_safari.css" />'); // WinSafari用CSS
		}
	}
}

/** ### 100614  プレオ### thickbox内 グレードアイコン表示 script */
this.range = function(){

	var range_path = "../img/range/";
	
	var g_id = {
		"r標準装備" : 'range_normal',
		"rメーカー装着オプション" : 'range_maker',
		"rllimited" : 'range_llimited',
		"rl" : 'range_l',
		"rf" : 'range_f',
		"rrs" : 'range_rs',
		"rr" : 'range_r',
		"r適合グレード" : 'range_grade',
		"r全車" : 'range_all',
		"raircon" : 'range_aircon2',
		"raudio1" : 'range_audio1',
		"raudio2" : 'range_audio2',
		"rawd" : 'range_awd',
		"rcvt" : 'range_cvt',
		"rimo" : 'range_imo',
		"riso" : 'range_iso',
		"rkakusoubi" : 'range_kakusoubi' ,
		"rkey" : 'range_key',
		"rturbo" : 'range_turbo',
		"rmt" : 'range_mt',
		"rseatrear" : 'range_seatrear',
		"rseatreclining" : 'range_seatreclining',
		"rtounan" : 'range_tounan'
	}	

	var g_altname = {
		'range_normal' : '標準装備',
		'range_maker' : 'メーカー装着オプション',
		'range_llimited' : 'L Limited',
		'range_l' : 'L',
		'range_f' : 'F',
		'range_rs' : 'カスタムRS',
		'range_r' : 'カスタムR',
		'range_grade' : '適合グレード',
		'range_all' : '全車',
		'range_aircon2'  : 'オートエアコン（エアクリーンフィルター付）標準装備',
		'range_audio1' : 'インテグレーテッドCDプレーヤー＆AM/FMチューナー　標準装備',
		'range_audio2'  : 'オーディオレス仕様　標準装備',
		'range_awd'  : 'AWD車 採用グレード',
		'range_cvt' : 'CVT  採用グレード',
		'range_imo'  : 'イモビライザー　標準装備',
		'range_iso'  : 'ISO FIXチャイルドシート固定バー＆テザーアンカー　標準装備',
		'range_kakusoubi'  : '各装備　標準装備',
		'range_key'  : 'キーレスアクセス＆スタート　標準装備',
		'range_turbo'  : 'ターボ車 採用グレード',
		'range_mt'  : 'MT車 採用グレード',
		'range_seatrear'  : 'リヤシートロングスライド　標準装備',
		'range_seatreclining'  : '分割可倒式リクラインニグリヤシート　標準装備',
		'range_tounan'  : '盗難警報装置　標準装備'
	}


	if(range.arguments[0] == 2) {
		for (var wi=1; wi < range.arguments.length; wi++){
			if( g_id[range.arguments[wi]] ) {
				$("#range_icon2").append('<img src="'+range_path+g_id[range.arguments[wi]]+'.gif" alt="'+ g_altname[g_id[range.arguments[wi]]] +'" height="14" />');
			} else if (range.arguments[wi] == "br") {
				$("#range_icon2").append('<br />');
			}
			//else { document.write('<font color="#ff0000" size="-1">ERROR : 該当ファイルがありません。</font>'); }
		}
	}else{
		for (var wi=0; wi < range.arguments.length; wi++){
			if( g_id[range.arguments[wi]] ) {
				$("#range_icon").append('<img src="'+range_path+g_id[range.arguments[wi]]+'.gif" alt="'+ g_altname[g_id[range.arguments[wi]]] +'" height="14" />');
			} else if (range.arguments[wi] == "br") {
				$("#range_icon").append('<br />');
			}
			//else { document.write('<font color="#ff0000" size="-1">ERROR : 該当ファイルがありません。</font>'); }
		}
	}
};


/** ### utility_p3 in popup script (ex. popup/utility/utility_p3.htmlから呼び出される) */
this.utility_p3_in_popup_init = function(page_num){

	var tp = this_popup.slice(0,-1);
	var btn_src = "../popup/utility/img/btn_utility_p3_0";
	
	$("#lightcar_popup_page .utility_p3:first img").css( "cursor", "default" );
	
	$("#lightcar_popup_page").css( { display:"none" } );
	$("#lightcar_popup_navi").css( { display:"none" } );
	
	// 初期ページ読み込み
	//alert("../popup/"+this_category+"/"+this_popup+"_1.html");
	$("#lightcar_popup_page .utility_p3").load("../popup/"+this_category+"/"+this_popup+"_1.html",
		function(){
			$("#lightcar_popup_page").css( { display:"block" } );
			$("#lightcar_popup_navi").css( { display:"block" } );
		}
	);
	
	// 遷移ボタン
	$(".utility_p3_navi>* img").each(function(i,val){

			if(i!=0){ $(val).css( { cursor:"pointer" } ); }
			
			$(val).mouseover(function(e){
				// 自身の番号を保持
				var btn_num = i+1;
				// hover処理
				var bs = btn_src + btn_num + "_ovr.jpg";
				if(this_popup_page != btn_num ){ $(this).attr( "src", bs ); }
				return false;
			});
			$(val).mouseout(function(e){
				// 自身の番号を保持
				var btn_num = i+1;
				// hover処理
				var bs = btn_src + btn_num + ".jpg";
				if(this_popup_page != btn_num ){ $(this).attr( "src", bs ); }
				//alert(this_popup_page + ":" + btn_num);
				return false;
			});
			$(val).click(function(e){
				// 自身の番号を保持
				var btn_num = i+1;
				var pn = page_num;
				this_popup_page = btn_num;
				
				// 数字ボタンの制御
				var bs = btn_src + btn_num + ".jpg";
				var bs_ovr = btn_src + btn_num + "_ovr.jpg";
				$(".utility_p3_navi>* img").each(function(j,jval){
						var tmp = btn_src + (j+1) + ".jpg";
						$(this).attr( "src", tmp );
						$(this).css( "cursor", "pointer" );
				});
				$(this).attr("src",bs_ovr);
				$(this).css( "cursor", "default" );
				
				// ページ内容の制御
				$("#lightcar_popup_page .utility_p3").css( { display:"none" } );
				//alert("../popup/"+this_category+"/"+this_popup+"_"+btn_num+".html");
				$("#lightcar_popup_page .utility_p3").load("../popup/"+this_category+"/"+this_popup+"_"+btn_num+".html",
					function(e){ $(this).css( { display:"block" } ); }
				);
				return false;
			});
		return true;
	});
	return true;
}; // utility_p3 in popup script


/** ### doorpockettip script (ex. popup/utility/utility_p10.html) */
this.doorpockettip_init = function(tip_num){

	$("#lightcar_popup_page p").append("<img id='doorpocket_tip' src='' alt='' />");
	$("#doorpocket_tip").css( { display:"none", position:"absolute", top:"5px", left:"0px" } );

	$("#utility_p10_map>*").each(function(i,val){
	
		tip_image_url[i+1] = "../popup/utility/img/ph_" + $(val).attr("href").slice(0,-5) + ".jpg";
			
		// imgタグの生成 & 配列へ格納
		tip_img_objects[i+1] = document.createElement("img");
		$(tip_img_objects[i+1]).attr( { src:tip_image_url[i+1] } );
		
		var left_px = 0;
		(i == 11) ? left_px = "1px" : left_px = "593px";
		
		$(val).mouseover( function(e){
		
			var l_px = left_px;
			var area_num = i+1;
			
			//$("#doorpocket_tip").stop();
			$("#doorpocket_tip").css( { display:"none" } );
			
			$("#doorpocket_tip").attr( { src:tip_image_url[area_num] } );
			$("#doorpocket_tip").css( { left:l_px } );
			$("#doorpocket_tip").fadeIn("fast");
		});
		$(val).mouseout( function(e){
			//$("#doorpocket_tip").stop();
			$("#doorpocket_tip").css( { display:"block" } );
			
			$("#doorpocket_tip").fadeOut("fast");
		});
		$(val).click( function(e){
			return false;
		});
	});
}; // doorpocket script

/* End */