/**
* 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_lucra_" + 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 "lspecial":
			type = "s04";
			switch(color){
				case 1: c = "c4001"; break;
				case 2: c = "c4004"; break;
				case 3: c = "c4003"; break;
				case 4: c = "c4002"; break;
				case 5: c = "c4005"; break;
				default: break;
			}
			break;
		case "f":
			type = "s04";
			switch(color){
				case 1: c = "c4001"; break;
				case 2: c = "c4004"; break;
				case 3: c = "c4003"; break;
				case 4: c = "c4002"; break;
				case 5: c = "c4005"; break;
				default: break;
			}
			break;
		case "customrs":
		case "customrlimited":
		case "customr":
			type = "s05";
			switch(color){
				case 1: c = "c5003"; break;
				case 2: c = "c5004"; break;
				case 3: c = "c5005"; break;
				case 4: c = "c5002"; break;
				case 5: c = "c5001"; break;
				default: break;
			}
			break;
		default: break;
	}
	switch(grade){
		case "llimited": g = "g403"; break;
		case "l": g = "g402"; break;
		case "lspecial": g = "g401"; break;
		case "f": g = "g404"; break;
		case "customrs": g = "g503"; break;
		case "customrlimited": g = "g502"; break;
		case "customr": g = "g501"; 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='お好みのボディカラーをお選びください' />");
	// 初期カラーに設定
	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");
		}else{
			$("#btn_" + this_page + "_color"+j).css("cursor","pointer");
		}
	}
	reel_image_init(this_color);
			
	
	jQuery.each(colors, function(i,val) {
		// CSSでリンクカーソル指定
		//if( this_page != val ) { $("#btn_" + this_page + "_"+val).css("cursor","pointer"); }
		//else { $("#btn_" + this_page + "_"+val).css("cursor","normal"); }
		
		// マウスイベント
		$("#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_caption_ecocar").fadeIn("fast");
	$("#lightcar_lineup_txt_360view").fadeIn("fast");
	$("#lightcar_lineup_txt_caption_2wd").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; 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_lucra_" + grade + "_cockpit.jpg' />" );
	
	//alert($("#interior_image img").attr( "src" ));
	
	$("#interior_image").click(function(e){
		$("#lightcar_lineup_txt_caption_ecocar").css( { display:"block" } );
		$("#lightcar_lineup_txt_360view").css( { display:"block" } );
		$("#lightcar_lineup_txt_caption_2wd").css( { display:"block" } );
		$("#reel_image").fadeIn("normal");
		$("#interior_image").fadeOut("fast");
		$("#lightcar_lineup_txt_caption_ecocar").fadeIn("fast");
		$("#lightcar_lineup_txt_360view").fadeIn("fast");
		$("#lightcar_lineup_txt_caption_2wd").fadeIn("fast");
		return false;
	});
	
	$("#lightcar_lineup_btn_cockpit a").click(function(e){
		// ページ内容の制御
		$("#interior_image img").attr( "src","img/ph_lucra_" + grade + "_cockpit.jpg" );
		$("#reel_image").fadeOut("fast");
		$("#interior_image").fadeIn("normal");
		$("#lightcar_lineup_txt_caption_ecocar").fadeOut("fast");
		$("#lightcar_lineup_txt_360view").fadeOut("fast");
		$("#lightcar_lineup_txt_caption_2wd").fadeOut("fast");
		return false;
	});
	$("#lightcar_lineup_btn_seat a").click(function(e){
		// ページ内容の制御
		$("#interior_image img").attr( "src","img/ph_lucra_" + grade + "_seat.jpg" );
		$("#reel_image").fadeOut("fast");
		$("#interior_image").fadeIn("normal");
		$("#lightcar_lineup_txt_caption_ecocar").fadeOut("fast");
		$("#lightcar_lineup_txt_360view").fadeOut("fast");
		$("#lightcar_lineup_txt_caption_2wd").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_p4",
		"drive_p7",
		"compare_p1",
		"utility_p14",
		"drive_p2",
		"lucra_p1",
		"utility_p13",
		"drive_p3",
		"lucracustom_p1",
		"utility_p7",
		"service_p6",
		"utility_p1",
		"drive_p4",
		"accessory_p1"], // 気になるポイントはありますか？

		[ "point_p1",
		"lucracustom_p1",
		"awd_p1",
		"compare_p1",
		"turbo_p1",
		"mt_p1",
		"lucra_p1"
		 ], // 特徴について
		 
		[ "utility_p1",
		"utility_p7",
		"utility_p12",
		"utility_p2",
		"utility_p8",
		"utility_p13",
		"utility_p3",
		"utility_p9",
		"utility_p5",
		"utility_p4",
		"utility_p10",
		"utility_p14",
		"utility_p6",
		"utility_p11" ], // 使い勝手や装備
		
		[ "drive_p1",
		"drive_p6",
		"safety_p2",
		"drive_p3",
		"drive_p7",
		"safety_p3",
		"drive_p2",
		"drive_p8",
		"safety_p4",
		"drive_p4",
		"safety_p1",
		"safety_p5",
		"drive_p5" ],// 走りと燃費安全性能
		
		[ "accessory_p1",
		"service_p6",
		"service_p2",
		"accessory_p2",
		"service_p7",
		"service_p3",
		"service_p5",
		"service_p1",
		"service_p4" ] // 買い方・サービス
	];
	var title_index = { // 連想配列はArray()じゃなくてObject()でつくる
		// 特徴について
		"point_p1":"ルクラのいいところを簡単に教えて",
		"compare_p1":"ルクラとルクラ カスタムの違いは？",
		"lucra_p1":"ルクラの写真が見たい",
		"lucracustom_p1":"ルクラ カスタムの写真が見たい",
		"turbo_p1":"ターボはあるの？",
		"mt_p1":"MT車はあるの？",
		"awd_p1":"AWD車はあるの？",
		
		// 使い勝手や装備
		"utility_p1":"室内の広さについて教えて",
		"utility_p2":"シートの座り心地がいい車に乗りたいんだけど",
		"utility_p3":"リヤシートはスライドやリクライニングができるの？",
		"utility_p4":"荷室について教えて",
		"utility_p5":"シートを畳むとどのくらい積めるの？",
		"utility_p6": "キーはバッグに入れたままでいいって本当？",
		"utility_p7":"車内のイルミネーションはどんな感じ？",
		"utility_p8":"運転姿勢をぴったりと合わせたいんだけど",
		"utility_p9":"紫外線が気になるんだけど",
		"utility_p10":"視界の良さが気になる",
		"utility_p11":"オーディオはどんなものがあるの？",
		"utility_p12":"エアコンについて知りたい",
		"utility_p13":"盗難が心配なんだけど",
		"utility_p14":"使いやすい収納が欲しい",
		
		// 走りと燃費安全性能
		"drive_p1":"乗り降りや小回りについて知りたい",
		"drive_p2":"エコな運転を心がけたい",
		"drive_p3":"CVTってなに？どんなところがいいの？",
		"drive_p4":"燃費はどれくらい？",
		"drive_p5":"排ガス性能を知りたい",
		"drive_p6":"グリーン購入法には適合してるの？",
		"drive_p7":"エコカー減税について知りたい",
		"drive_p8":"VOCや環境負荷物質について知りたい",
		"safety_p1": "安全ボディについて知りたい",
		"safety_p2":"歩行者保護について知りたい",
		"safety_p3":"ISO FIXチャイルドシートは付けられる？",
		"safety_p4":"ABSは付いているの？",
		"safety_p5":"エアバッグやシートベルトについて知りたい",
		
		// 買い方・サービス
		"accessory_p1":"アクセサリーを付けたいんだけど",
		"accessory_p2":"ナビを付けたいんだけど",
		"service_p1":"アフターサービスについて知りたい",
		"service_p2":"保証について知りたい",
		"service_p3":"保証はできるだけ長くつけたい",
		"service_p4":"おすすめの点検プランをつけたい",
		"service_p5":"ルクラを試乗してみたい",
		"service_p6":"見積もりをしてみたい",
		"service_p7":"近くの販売店を探したい"
	};
	var navi_flag_index = [
		[ 1, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 1 ], // 気になるポイントはありますか？
		
		[ 1, 1, 0, 0, 0, 0, 1 ], // 特徴について
		[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1 ,0 ], // 使い勝手や装備
		[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], // 走りと燃費安全性能
		[ 1, 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){
	//$("#lightcar_popup_menu").each( 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+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,390);
			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()
{
	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/" + this_popup + "/btn_popup_navi_"; break;
	}
	
	// ページの移動
	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 = "";
	var btn_src = "../popup/img/" + this_popup + "/btn_popup_navi_";
	
	switch(this_popup){
		case "utility_p6":
		case "accessory_p1": 
			btn_src = "../popup/img/btn_popup_navi_" + this_popup; break;
		default:
			btn_src = "../popup/img/" + this_popup + "/btn_popup_navi_"; break;
	}
	
	$("#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(){
			$(this).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/" + this_popup + "/btn_popup_navi_"; break;
	}
	
	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").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
		}
	}
}

/** ### 1001012 ルクラ### 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',
		"rlspecial" : 'range_lspecial',
		"rf" : 'range_f',
		"rrs" : 'range_rs',
		"rrlimited" : 'range_rlimited',
		"rr" : 'range_r',
		"rllimitedawd" : 'range_rllimitedawd',
		"rlawd" : 'range_lawd',
		"rrsawd" : 'range_rsawd',
		"rrlimitedawd" : 'range_rrlimitedawd',
		"rrawd" : 'range_rawd',
		"rl2wd" : 'range_l2wd',
		"rr2wd" : 'range_r2wd',
		"r適合グレード" : 'range_grade',
		"r全車" : 'range_all',
		"raircon" : 'range_aircon',
		"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',
		"rseat" : 'range_seat',
		"rair" : 'range_air',
		"rtounan" : 'range_tounan'
	}
	
	var g_altname = {
		'range_normal' : '標準装備',
		'range_maker' : 'メーカー装着オプション',
		'range_llimited' : 'L Limited',
		'range_l' : 'L',
		'range_lspecial' : 'L Special',
		'range_f' : 'F',
		'range_rs' : 'カスタムRS',
		'range_rlimited' : 'カスタムR Limited',
		'range_r' : 'カスタムR',
		'range_lawd' : 'L AWD車',
		'range_rllimitedawd' : 'L Limited AWD車',
		'range_rsawd' : 'カスタムRS AWD車',
		'range_rawd' : 'カスタムR AWD車',
		'range_rrlimitedawd' : 'カスタムR Limited AWD車',
		'range_l2wd' : 'L 2WD車',
		'range_r2wd' : 'カスタムR 2WD車',
		'range_grade' : '適合グレード',
		'range_all' : '全車',
		'range_aircon'  : 'オートエアコン　標準装備',
		'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_seat'  : '4席コンフォートシート　標準装備',
		'range_air'  : 'エアクリーンフィルター　標準装備',
		'range_tounan'  : '盗難警報装置　標準装備'
	}

	var set_number = "#range_icon" + range.arguments[0];
	for (var wi=1; wi < range.arguments.length; wi++){
		if( g_id[range.arguments[wi]] ) {
			$(set_number).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") {
			$(set_number).append('<br />');
		}
		//else { document.write('<font color="#ff0000" size="-1">ERROR : 該当ファイルがありません。</font>'); }
	}
};


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

	var tp = this_popup.slice(0,-1);
	var btn_src = "../popup/utility/img/btn_utility_p5_0";
	
	$("#lightcar_popup_page .utility_p5: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_p5").load("../popup/"+this_category+"/"+this_popup+"_1.html",
		function(){
			$("#lightcar_popup_page").css( { display:"block" } );
			$("#lightcar_popup_navi").css( { display:"block" } );
		}
	);
	
	// 遷移ボタン
	$(".utility_p5_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_p5_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_p5").css( { display:"none" } );
				//alert("../popup/"+this_category+"/"+this_popup+"_"+btn_num+".html");
				$("#lightcar_popup_page .utility_p5").load("../popup/"+this_category+"/"+this_popup+"_"+btn_num+".html",
					function(e){ $(this).css( { display:"block" } ); }
				);
				return false;
			});
		return true;
	});
	return true;
}; // utility_p5 in popup script


/** ### doorpockettip script (ex. popup/utility/utility_p14.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_p14_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+1 == 9) ? left_px = "0px" : left_px = "593px";
		if(i+1 == 10){ left_px = "0px" };
		
		$(val).mouseover( function(e){
		
			var l_px = left_px;
			var area_num = i+1;
			
			//$("#doorpocket_tip").stop();
			$("#doorpocket_tip").css( { display:"none" } );
			//alert(tip_image_url[area_num]);
			$("#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 */