﻿<!--
// JavaScript Document
var carousel = null;
var numItems = 0;
var numVisible = 0;

//取得產品編號,由img id='prod_xxx' 中取出
function getCarImage(parent) {
	var el = parent.firstChild;
	if (el) { // walk through till as long as there's an element
		if (el.nodeName.toUpperCase() == "IMG") { // found an image
			//var prodid = el.id.replace(/prod_/, "");	//取得產品編號
			var imgsrc = el.src;
			//alert(imgsrc);
			if (imgsrc != "") {
				//var imgl = imgsrc.replace(/_s\.png$/, "_m.jpg");	//取代成大圖
				var imgl = el.alt;	//大圖的檔名會寫在alt裡面
				var imgobj = document.getElementById("car_image");
				imgobj.src = imgl;
			}
		}
		el = el.nextSibling;
	}
	
	return "";
}


//處理顯示下方縮圖
function specitem_load() {
		//首頁左邊是否顯示網站資源連結
	var vprod = document.getElementById("prodlink_nav");
	if (vprod != null) {
		carousel = new YAHOO.widget.Carousel("prodlink_nav", {
			animation: { speed: 0.5 },
			numVisible: 6,
			isCircular: false // for a circular Carousel
		});
		numItems   = carousel.get("numItems"),
		numVisible = carousel.get("numVisible"),
		//carousel.set("numVisible", 6);
		//點選縮圖後的event
		carousel.on("itemSelected", function (index) {
			var item = carousel.getElementForItem(index);
			//alert(item.innerHTML);
			getCarImage(item);
			//*
			if (item) {
				//spotlight.innerHTML = "<img src=\""+getImage(item)+"\">";
			}
			//*/
		});
		carousel.render();
		carousel.show();
		opage_nav = new YAHOO.widget.Paginator({
				containers   : "page_nav",
				rowsPerPage  : 1,
				template     : "{PreviousPageLink} {NextPageLink} ",
				previousPageLinkLabel : "<img src='/themes/2011/images/ico_arr_left.gif' border='0'/>", 
				previousPageLinkClass : "yui-pg-previous", // default
				previousPageLinkTitle : "上一頁",   // default
				nextPageLinkLabel : "<img src='/themes/2011/images/ico_arr_right.gif' border='0'/>", 
				nextPageLinkClass : "yui-pg-next", // default 
				nextPageLinkTitle : "下一頁",   // default
				totalRecords : Math.ceil(numItems / numVisible)
		});
	
		opage_nav.subscribe("changeRequest", function (state) {
			//alert("page_r");													
			carousel.set("selectedItem", (state.page - 1) * numVisible);
			opage_nav.setState(state);
		});
		opage_nav.render();
		show_prodlist();
	}
}

//顯示出區塊
function show_prodlist() {
	var pd = document.getElementById("prodlink_nav");
	if (pd != null) {
		pd.style.visibility = "visible";
	}
}
//取得車款規格 or 桌布
function getCarContent(vcar, vtype) {
	ax_url.posturl('get_car_content.asp', 'car=' + vcar + '&ct=' + vtype, 'carspec-pannel');
}


//車系規格看板函數
function setCarSpec(vpannel, vflag) {
	TogglePannel(vpannel + "-body", 740, 200);	//先關閉個人化工具列
	var obj_title = document.getElementById(vpannel + "-title");		//標題工具列區塊標題文字變更
	if (vflag == 1) {	//開啟
		//設定工列的文字 --> -		
		var urlstr = "<a href=\"javascript:setCarSpec('" + vpannel + "', 0);\" class=\"pnl-bot-title\">規格 / 配備表 <img src=\"images/news_close.gif\" width=\"9\" height=\"9\" border=\"0\" align=\"absmiddle\" /></a>";
	} else {
		var urlstr = "<a href=\"javascript:setCarSpec('" + vpannel + "', 1);\" class=\"pnl-bot-title\">規格 / 配備表 <img src=\"images/news_open.gif\" width=\"9\" height=\"9\" border=\"0\" align=\"absmiddle\" /></a>";
	}
	obj_title.innerHTML = urlstr;	
}

function car_init() {
	detectiOS();
	specitem_load();	//規格圖檔	
}

YAHOO.util.Event.addListener(window, "load", car_init);

//-->

