mncplate = '<img src="img/mncplate.jpg" width="234" height="358" alt="My Number Centre" />';

myplate1 = '<table border="0" cellspacing="0" cellpadding="0" style="padding:0px; width:234px; height:358px; background-image:url(img/myplate.jpg); background-position:top left; background-repeat: no-repeat;"><tr><td colspan="3"><img src="img/s.gif" width="1" height="47" /></td></tr><tr><td width="1"><img src="img/s.gif" width="1" height="64" /></td><td width="232" class="hplate">';

myplate2 = '</td><td width="1"><img src="img/s.gif" width="1" height="64" /></td></tr><tr><td colspan="3"><img src="img/s.gif" width="1" height="35" /></td></tr><tr><td width="1"><img src="img/s.gif" width="1" height="87" /></td><td width="232" class="vplate">';

myplate3 = '</td><td width="1"><img src="img/s.gif" width="1" height="87" /></td></tr></tr><tr><td width="1"><img src="img/s.gif" width="1" height="92" /></td><td width="232" class="price">';

myplate4 = '</td><td width="1"><img src="img/s.gif" width="1" height="92" /></td></tr><tr><td colspan="3"><img src="img/s.gif" width="1" height="34" /></td></tr></table>';

platetable1 = '<table width="100%" border="0" cellspacing="0" cellpadding="0" class="white"><tr>';

platetable2 = '<td width="30"><img src="img/s.gif" width="30" height="1"/></td></tr><tr><td colspan="12"><img src="img/plateshadow.gif" width="603" height="21"></td></tr><tr>';

platetable3 = '<td width="30"><img src="img/s.gif" width="30" height="1"/></td></tr><tr><td colspan="12"><img src="img/plateshadow.gif" width="603" height="21"></td></tr></table>';

platesep    = '<td width="9"><img src="img/s.gif" width="9" height="1"></td>';
platemtcell = '<td width="88" height="77" class="mynum"><img src="img/s.gif" width="1" height="1"></td>';

/** show a plate number in the stage area. */
function show(plate) {
  var vnum = (plate[2] == '' || plate[2] == null)? plate[1] : plate[1]+'<br/>'+plate[2];
  if (vnum == '') vnum = '<span style="font-size:18px;">不設方牌排列</span>';
  var price = (plate[3] == '' || plate[3] == null)? price = '請來電查詢' : plate[3];
  document.getElementById('stage').innerHTML = myplate1 + plate[0] + myplate2 + vnum + myplate3 + price + myplate4;
}

/** restore when mouse out, show the my number center plate */
function restore() {
  document.getElementById('stage').innerHTML=mncplate;
}

/** generate the plate table */
function genplatetable(page, plates) {
  pageid = page;
  if (pageid > maxpage) pageid = maxpage;
  if (pageid < 1) pageid = 1;
//alert(pageid+'/'+maxpage);

  platetable = platetable1;

  for (i=0; i<6; i++) {
    sect = (pageid-1)*12+i;
    if (sect >= plates.length) {
      platetable+=platemtcell;
    } else {
      platetable+='<td width="88" height="77" align="center" id="a0'+i+'" class="mynum" onmouseover="document.getElementById(\'a0'+i+'\').className=\'mynum_over\';show(plates['+sect+']);" onmouseout="document.getElementById(\'a0'+i+'\').className=\'mynum\';restore();">'+plates[sect][0]+'</td>';
    }
    if (i<5) platetable += platesep;
  }
  platetable += platetable2;
//alert(platetable);

  for (i=6; i<12; i++) {
    sect2 = (pageid-1)*12+i;
//alert(sect2+'-'+plates.length+'-'+(sect2 > plates.length));
    if (sect2 >= plates.length) {
      platetable+=platemtcell;
    } else {
      platetable+='<td width="88" height="77" align="center" id="a1'+i+'" class="mynum" onmouseover="document.getElementById(\'a1'+i+'\').className=\'mynum_over\';show(plates['+sect2+']);" onmouseout="document.getElementById(\'a1'+i+'\').className=\'mynum\';restore();">'+plates[sect2][0]+'</td>';
    }
    if (i<11) platetable += platesep;
  }

  platetable += platetable3;
//alert(platetable);

  document.getElementById('plate_table').innerHTML=platetable;
}//genplatetable

/** generate page navigation id */
function genpagenav(page) {
  var pagenav = '';
  for (i=1; i<=maxpage; i++) {
    if (page == i || (i==1 && page < 1) || (i==maxpage && page > maxpage)) {
      pagenav+='<span class="pagenav_sel">'+i+'</span>';
    } else {
      pagenav+='<a href="javascript:genpagenav('+i+');genplatetable('+i+',plates);" class="pagenav">'+i+'</a>';
    }
    if (i<=maxpage-1) pagenav+='<span style="font-family:MingLiu;font-size:8px;">│</span>';
  }
//alert(pagenav);
  document.getElementById('pagenav').innerHTML=pagenav;
}//genpagenav

function getPageId() {
  if (window.location.search == '') return 1;
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == 'p') {
      return pair[1];
    }
  } 
}//getPageId

/** not used... */
function gen(val) {
  var s = '';
  for (var i=0; i<val.length; i++) {
    s += '<img src="c/'+val.charAt(i)+'.gif" height="39" />'
  }
  return s;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

