// 初期設定
var tickets = ['001','003','004','005','006','007','008','009','010','011','012','013','014','015','016','017','018','019','020','021','022','023','024','026','027','028','029','030','031','032','033'];
var ticketNum;
var dispFlag = false;

Event.observe(window, 'load', function(){
	init();
	Event.observe('btnListView', 'click', listView);
	listView();
	//ticketChange('ticket001');
});

// リストの生成
function init() {
	var myList = '';
	// リスト表示
	myList += '<ul>';
	for (var i = 0; i<tickets.length; i++) {
		var myTicket = tickets[i];
		myList += '<li><a id="s' + myTicket + '" href="#" onclick="ticketChange(\'ticket' + myTicket + '\'); return false;">' + myTicket + '</a></li>';
	}
	myList += '</ul>';
	//
	$('ticketList').innerHTML = myList;
	// サムネイル画像の指定
	for (var j = 0; j<tickets.length; j++) {
		$('s'+tickets[j]).style.backgroundImage = 'url(image/ticket' + tickets[j] + '_s.png)';
	}
}

// チケットリスト表示のON/OFF
function listView() {
	var target = $('ticketList');
	if(dispFlag){
		//target.style.display = 'none';
		target.style.height = '0px';
		$('btnListView').innerHTML = '素材リストを表示';
	}else{
		//target.style.display = 'block';
		target.style.height = 'auto';
		$('btnListView').innerHTML = '素材リストを消す';
	}
	dispFlag = !dispFlag;
}

// チケット読込み
function ticketChange(target) {
	if (target == ticketNum) return;	// リンク先が現在表示のチケットと同じなら何も処理しない
	
	// タイトル
	$('ticketName').innerHTML = target.replace('ticket', '入場券素材No.');
	
	// うまく表示されない場合の代替処理
	alternativeFunc(target);
	
	// 「swfobjectライブラリ」を利用してFlashを読み込む
	swfobject.embedSWF((target+'.swf'), 'ticketFlash', '535', '435', '9.0.0', '/image/expressInstall.swf');
	$('ticketFlash').style.height = '435px';
	
	// グローバル変数「ticketNum」更新
	ticketNum = target;
}

// チケット読込みがうまくいかない場合の代替処理（リンクを表示）
function alternativeFunc(target) {
	var altLinkText = '編集画面が表示されない場合は<a href="' + target + '.html" target="_blank">こちらをクリック</a>';
	$('altLink').innerHTML = altLinkText;
}