/**
* 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;
var body_flip = 0;

// 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").attr( "class",grade );
		$("#tipup_lease").load("tipup_lease_" + grade + ".html",function(e){ $("#tipup_lease").css( "top","350px").fadeIn("fast"); });
		scrolling("#lightcar",300);
		return false;
	}); // $(".btn_tipup_lease").click
}; // this.tipup_init


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

	var colors = [ "color1", "color2", "color3", "color4", "color5" ];
	
	$("#lightcar_lineup_txt_" + this_page + "_select").append("<img src='' width='225' width='34' alt='お好みのボディカラーをお選びください' title='お好みのボディカラーをお選びください' />");
	// 初期カラーに設定
	for(var j=1; j<6;j++) {
		if(j==this_color){
			var txt = "img/txt_" + this_page + "_color"+ this_color +".jpg";
			$("#lightcar_lineup_txt_" + this_page + "_select img").attr("src",txt);
			$("#btn_" + this_page + "_color"+this_color).css("cursor","default");
		}else{
			$("#btn_" + this_page + "_color"+j).css("cursor","pointer");
		}
	}
	flip_image_init(this_color);
			
	
	jQuery.each(colors, function(i,val) {
		
		// マウスイベント
		$("#btn_" + this_page + "_"+val).mouseover(function(e){
			var txt = "img/txt_" + this_page + "_" + val + "_ovr.jpg";
			$("#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.jpg";
			$("#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 +".jpg";
				$("#lightcar_lineup_txt_" + this_page + "_select img").attr("src",txt);
				flip_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.jpg";
			$("#lightcar_lineup_txt_" + this_page + "_select img").attr("src",txt);
			$("#btn_" + this_page + "_"+val).css("cursor","default");
			//web_discount_init(grade,this_page,color_num);
			
			$("#reel_image").fadeIn("normal");
			$("#interior_image").fadeOut("fast");
		});
	}); // jQuery.each
	
	$("#lightcar_lineup_btn_flip a").click(function(e){
		
		var image_url = $("#reel_image .body_image").attr("src").slice(0,-5);
		var btn_url = $("#lightcar_lineup_btn_flip a img").attr("src").slice(0,-5);
		//alert(image_url);
		if(body_flip == 0){
			body_flip = 1;
			$("#reel_image .body_image").attr( "src", image_url + "2.jpg" );
			$("#lightcar_lineup_btn_flip a img").attr( "src", btn_url + "1.jpg" );
		}else{
			body_flip = 0;
			$("#reel_image .body_image").attr( "src", image_url + "1.jpg" );
			$("#lightcar_lineup_btn_flip a img").attr( "src", btn_url + "2.jpg" );
		}
		$("#reel_image").fadeIn("normal");
		$("#interior_image").fadeOut("fast");
		return false;
	});
}; // this.colortip_init


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

	// #reel_imageをリセット
	$("#reel_image").empty();
	
	// 画像URLの設定
	for( var i = 0; i < 2; i++ ){
		reel_imgs[i] = "img/ph_pleovan_color" + color_num + "_color" +( i+1) + ".jpg";
	}
	// 一枚目をセット
	$("#reel_image").append( "<img class='body_image' width='532' width='290' alt='body_image' title='body_image' />" );
	$("#reel_image .body_image").attr( { src:reel_imgs[body_flip] } );
	$("#reel_image").css( { overflow:"hidden", width:"532px", height:"290px" } );
 };


/** ### interiortip script # コックピット等のポップアップ */
this.interiortip_init = function(){
	$("#interior_image").css( { display:"none", cursor:"pointer" } );
	$("#interior_image").append( "<img src='img/ph_" + grade + "_cockpit.jpg' />" );
	
	$("#interior_image").click(function(e){
		$("#reel_image").fadeIn("normal");
		$("#interior_image").fadeOut("fast");
		$("#lightcar_lineup_txt_caption_ecocar").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_caption_ecocar").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_caption_ecocar").fadeOut("fast");
		return false;
	});
};



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

	// タブメニューインデックス
	var tab_text = [ "気になるポイントはありますか？", "特長について", "使い勝手や装備", "走りと燃費安全性能", "買い方・サービス" ];
	
	// 各タブごとの項目インデックス
	var menu_index = [
		// 気になるポイントはありますか？
		[
"point_p1",
"utility_p2",
"drive_p6",
"gradeup_p1",
"utility_p6",
"drive_p1",
"awd_p1",
"utility_p5",
"drive_p2",
"utility_p1",
"drive_p3",
"service_p6"
		 ],
		// 特徴について
		[
		"point_p1",
		"gradeup_p1",
		"awd_p1"
		],
		// 使い勝手や装備
		[
"utility_p1",
"utility_p3",
"utility_p5",
"utility_p2",
"utility_p4",
"utility_p6"
		],
		// 走りと燃費安全性能
		[
"drive_p1",
"drive_p4",
"drive_p7",
"drive_p2",
"drive_p5",
"safety_p1",
"drive_p3",
"drive_p6",
"safety_p2"
		],
		// 買い方・サービス
		[
"service_p5",
"service_p1",
"service_p3",
"service_p6",
"service_p2",
"service_p4",
"service_p7"
		]
	];
	var title_index = { // 連想配列はArray()じゃなくてObject()でつくる
		// 特徴について
		"point_p1":"プレオバンのいいところを簡単に教えて",
		"gradeup_p1":"グレードアップパッケージについて教えて",
		"awd_p1":"AWD車はあるの？",
		
		// 使い勝手や装備
		"utility_p1":"室内の広さについて教えて",
		"utility_p2":"どのくらい積めるの？",
		"utility_p3":"オーディオは何がついてるの？",
		"utility_p4":"エアコンは何がついてるの？",
		"utility_p5":"盗難が心配なんだけど",
		"utility_p6": "ポケットがどこにあるか知りたい",
		
		// 走りと燃費安全性能
		"drive_p1":"立体駐車場には対応しているの？",
		"drive_p2":"小回りの良さについて知りたい",
		"drive_p3":"燃費はどれくらい？",
		"drive_p4":"排ガス性能を知りたい",
		"drive_p5":"グリーン購入法には適合しているの？",
		"drive_p6":"エコカー減税について知りたい",
		"drive_p7":"VOCや環境負荷物質について知りたい",
		"safety_p1":"ABSは付いているの？",
		"safety_p2":"エアバッグについて知りたい",
		
		// 買い方・サービス
		"service_p5":"試乗車を探したい",
		"service_p6":"見積もりをしてみたい",
		"service_p7":"販売店を探したい",
		"service_p1":"アフターサービスについて知りたい",
		"service_p2":"保証について知りたい",
		"service_p3":"保証を延長したい",
		"service_p4":"点検パックについて知りたい"
	};
	var navi_flag_index = [
		[ 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").append("<ul id='lightcar_popup_menu'></ul>");
	jQuery.each(tab_text, function(i, val){
		var li_id = "lightcar_popup_menu_0" + (i+1);
		$("#lightcar_popup_menu").append("<li id='" + li_id + "'><a href='#'><span class='none'>" + val + "</span></a></li>");
		if( scene_choice_navi == i ) { $("#" + li_id + " a").attr( { "class":"selected" } ); }
		$("#" + li_id+" a").click( function(e){
			scene_choice_navi = i;
			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
	
	// メニュー項目生成
	set_scene_choice_navi(menu_index, title_index, navi_flag_index, 0, dir_pass);
};

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

	var popup_dir = [ "", "feature", "utility", "driving", "service" ];
	
	if( dir_pass == null ) { dir_pass = "../"; };
	
	$("#lightcar_popup_index_container").empty();
	$("#lightcar_popup_index_container").append("<ul id='lightcar_popup_index'></ul>");
	for( var i = 0; i < index_arr[num].length; i++){
		var li_class = "index" + i;
		
		// ナビゲーションがあるポップアップは大きいサイズ
		if(navi_flag_arr[num][i] == 1){ var popup_url = "height=442&width=978"; }
		else{ var popup_url = "height=392&width=978"; }
		
		// おすすめポイントについてはインデックスからpopup_dirを判別し指定する
		if(num == 0){
			switch(index_arr[num][i]){
				case "point_p1": case "gradeup_p1": case "awd_p1":
					popup_dir[num] = popup_dir[1]; break;
		
				case "utility_p1": case "utility_p2": case "utility_p3": case "utility_p4": case "utility_p5":
				case "utility_p6":
					popup_dir[num] = popup_dir[2]; break;
		
				case "drive_p1": case "drive_p2": case "drive_p3": case "drive_p4": case "drive_p5":
				case "drive_p6": case "drive_p7":
				case "safety_p1": case "safety_p2":
					popup_dir[num] = popup_dir[3]; break;
		
				case "service_p1": case "service_p2": case "service_p3": case "service_p4": case "service_p5":
				case "service_p6": case "service_p7":
					popup_dir[num] = popup_dir[4]; break;
					
				default: break;
			}
		}
		
		$("#lightcar_popup_index").append("<li class='" + li_class + "'><a class='tb_popup' title='" + navi_flag_arr[num][i] + dir_pass + "popup/" + popup_dir[num] + "/img/txt_" + index_arr[num][i] + ".gif' href='"+ dir_pass + "popup/" +popup_dir[num] + "/" + index_arr[num][i] + ".html?" + popup_url + "'></a></li>");
		$("#lightcar_popup_index ." + li_class + " a").append("<img class='icon' src='" + dir_pass + "common/img/icon_" + index_arr[num][i] + ".jpg' width='35' height='35' alt='' />");
		$("#lightcar_popup_index ." + li_class + " a").append("<span>" + title_arr[index_arr[num][i]] + "</span>");
		$("#lightcar_popup_index ." + li_class + " a").append("<img src='" + dir_pass + "common/img/btn_popup_index2.gif' width='13' width='13' alt='' title='' class='caption' />");
		if( i % 3 == 0 ){ $("#lightcar_popup_index ." + li_class).css( { "border-right":"#eee 1px solid" } ); }
		else if( i % 3 == 1 ){ $("#lightcar_popup_index ." + li_class).css( { "border-right":"#eee 1px solid" } ); }
	} // for
	
		
	var tracking_tag = new Array();
	tracking_tag[0] = [
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント1'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント2'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント3'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント4'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント5'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント6'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント7'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント8'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント9'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント10'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント11'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|気になるポイント12'; s.t();"
	];
	tracking_tag[1] = [
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|特長1'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|特長2'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|特長3'; s.t();"
	];
	tracking_tag[2] = [
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|使い勝手・装備1'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|使い勝手・装備2'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|使い勝手・装備3'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|使い勝手・装備4'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|使い勝手・装備5'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|使い勝手・装備6'; s.t();"
	];
	tracking_tag[3] = [
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|走り・エコ・安全1'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|走り・エコ・安全2'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|走り・エコ・安全3'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|走り・エコ・安全4'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|走り・エコ・安全5'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|走り・エコ・安全6'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|走り・エコ・安全7'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|走り・エコ・安全8'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|走り・エコ・安全9'; s.t();"
	];
	tracking_tag[4] = [
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|購入検討・アフターサービス1'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|購入検討・アフターサービス2'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|購入検討・アフターサービス3'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|購入検討・アフターサービス4'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|購入検討・アフターサービス5'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|購入検討・アフターサービス6'; s.t();",
		"s.prop1='車種紹介'; s.prop2='プレオ バン'; s.eVar2='プレオ バン'; s.pageName='車種紹介|プレオ バン|購入検討・アフターサービス7'; s.t();"
	];
	
	for(var i = 0; i < tracking_tag[num].length; i++){
		//$("#lightcar_popup_index .index" + i + " a").attr("onClick",tracking_tag[num][i] + " alert(\"" + tracking_tag[num][i] + "\");");
		$("#lightcar_popup_index .index" + i + " a").attr("onClick",tracking_tag[num][i] + " return false;");
	}
	
	
		$("a.tb_popup>*").css( { cursor:"pointer" } );
		$("a.tb_popup").css( { "text-decoration":"none" } );
		$("a.tb_popup").bind( "mouseover", function(e){
			$(this).children("span").css( { "text-decoration":"underline" } );
		});
		$("a.tb_popup").bind( "mouseout", function(e){
			$(this).children("span").css( { "text-decoration":"none" } );
		});
		$("#lightcar_popup_index li").removeClass(li_class);
	tb_init('a.tb_popup');//pass where to apply thickbox
};

// thickbox内でのページ遷移
function popup_next_page(){
	var btn_src = "../popup/img/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");
	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/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" } );
		}
	);
	
	// 次へボタン
	$("#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){

	var btn_src = "../popup/img/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/btn_popup_navi_next_ovr.gif" );
	$(tmp+"back img").attr( "src", "../popup/img/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" } );
		//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");
	
	return false;
};

/** ### 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'
	}
	
	var g_altname = {
		'range_normal' : '標準装備',
		'range_maker' : 'メーカー装着オプション',
		'range_llimited' : 'L Limited',
		'range_l' : 'L',
		'range_f' : 'F',
		'range_rs' : 'カスタムRS',
		'range_r' : 'カスタムR'
	}

	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_p6.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_p6_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 == 5) ? left_px = "0px" : left_px = "573px";
		(i == 6) ? left_px = "0px" : null;
		(i == 7) ? left_px = "0px" : null;
		(i == 8) ? left_px = "0px" : null;
		
		$(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 */