<script type="text/javascript">

? ? ? ?

? ? ? ? ?//generic function to get selector

? ? ? ? function g(selector){

? ? ? ? ? ? var method=selector.substr(0,1)=='.'?'getElementsByClassName':'getElementById';

? ? ? ? ? ? ? ? return document[method](selector.substr(1));

? ? ? ? }

? ? ? ? //output all photoes

? ? ? ? var data=data;

? ? ? ? function addPhotoes(){

? ? ? ? ? ? var template=g("#wrap").innerHTML;

? ? ? ? ? ? var html=[];

? ? ? ? ? ? for(var s=0; s<data.length;s++){

? ? ? ? ? ? ? ? var _html=template

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .replace('{{index}}',s)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .replace('{{img}}',data[s].img)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .replace('{{caption}}',data[s].caption)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .replace('{{desc}}',data[s].desc);

? ? ? ? ? ? ? ? html.push(_html);

? ? ? ? ? ? }

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

? ? ? ? ? ? //rsort(1);

? ? ? ? }

? ? ? ? addPhotoes();

? ? ? ? //sort photoes

? ? ? ? function rsort(n){

? ? ? ? ? ? var photo-center=g("#photo_" + n);

? ? ? ? ? ? photo-center.className+=" photo-center";

? ? ? ? }

?</script>