// 隨機生成數值方法
function random(range){//支持負數范圍
?? ?var max = Math.max(range[0],range[1]);
?? ?var min = Math.min(range[0],range[1]);

?? ?var diff = max - min;
?? ?var number = Math.ceil((Math.random() * diff + min));
?? ?return number;
}

//? 輸出所有的海報方法

var data = data;

function addPhotos(){
?? ?var template = g('#wrap').innerHTML;
?? ?var html = [];
?? ?var nav = [];

?? ?for (var i = 0; i < data.length; i++) {
?? ??? ?var _html = template.replace('{{index}}',i)
?? ??? ???????????????????? .replace('{{img}}',data[i].img)
?? ??? ???????????????????? .replace('{{caption}}',data[i].caption)
?? ??? ???????????????????? .replace('{{desc}}',data[i].desc);
?? ??? ?html.push(_html);
?? ???? // console.log(_html);
?? ???? nav.push('<span id="nav_'+i+'" class="i" onclick="turn(g(\'#photo_'+i+'\'))">&nbsp;</span>');
?? ?}

?? ?html.push('<div class="nav">'+nav.join('')+'</div>');

?? ?g('#wrap').innerHTML = html.join('');

?? ?posterSort(random([0,data.length-1]));
?? ?
}

addPhotos();

// 海報排序方法

function posterSort (n) {
?? ?var photo_center = g('#photo_' + n);
?? ?photo_center.className += ' photo_center';
}