var page = new Array(
 'cme_a001.png',
 'cme_a002.png',
 'cme_a003.png',
 'cme_a004.png',
 'cme_a005.png',
 'cme_a006.png',
 'cme_a007.png',
 'cme_a008.png',
 'cme_a009.png',
 'cme_a010.png',
 'cme_a011.png',
 'cme_a012.png',
 'cme_p001.png',
 'cme_p002.png',
 'cme_p003.png',
 'cme_p004.png',
 'cme_p005.png',
 'cme_p006.png',
 'cme_p007.png',
 'cme_p008.png',
 'cme_p009.png',
 'cme_p010.png',
 'cme_p011.png',
 'cme_p012.png',
 'cme_p013.png',
 'cme_p014.png',
 'cme_p015.png',
 'cme_p016.png',
 'cme_p017.png',
 'cme_p018.png',
 'cme_p019.png',
 'cme_p020.png',
 'cme_p021.png',
 'cme_p022.png',
 'cme_p023.png',
 'cme_p024.png',
 'cme_p025.png',
 'cme_p026.png',
 'cme_p027.png',
 'cme_p028.png',
 'cme_p029.png',
 'cme_p030.png',
 'cme_p031.png',
 'cme_p032.png',
 'cme_p033.png',
 'cme_p034.png',
 'cme_p035.png',
 'cme_p036.png',
 'cme_p037.png',
 'cme_p038.png',
 'cme_p039.png',
 'cme_p040.png',
 'cme_p041.png',
 'cme_p042.png',
 'cme_p043.png',
 'cme_p044.png',
 'cme_p045.png',
 'cme_p046.png',
 'cme_p047.png',
 'cme_p048.png',
 'cme_p049.png',
 'cme_p050.png',
 'cme_p051.png',
 'cme_p052.png',
 'cme_p053.png',
 'cme_p054.png',
 'cme_p055.png',
 'cme_p056.png',
 'cme_p057.png',
 'cme_p058.png',
 'cme_p059.png',
 'cme_p060.png',
 'cme_p061.png',
 'cme_p062.png',
 'cme_p063.png',
 'cme_p064.png',
 'cme_p065.png',
 'cme_p066.png',
 'cme_p067.png',
 'cme_p068.png',
 'cme_p069.png',
 'cme_p070.png',
 'cme_p071.png',
 'cme_p072.png',
 'cme_p073.png',
 'cme_p074.png',
 'cme_p075.png',
 'cme_p076.png',
 'cme_p077.png',
 'cme_p078.png',
 'cme_p079.png',
 'cme_p080.png',
 'cme_p081.png',
 'cme_p082.png',
 'cme_p083.png',
 'cme_p084.png',
 'cme_p085.png',
 'cme_p086.png',
 'cme_p087.png',
 'cme_p088.png',
 'cme_p089.png',
 'cme_p090.png',
 'cme_p091.png',
 'cme_p092.png',
 'cme_p093.png',
 'cme_p094.png',
 'cme_p095.png',
 'cme_p096.png',
 'cme_p097.png',
 'cme_p098.png',
 'cme_p099.png',
 'cme_p100.png',
 'cme_p101.png',
 'cme_p102.png',
 'cme_p103.png',
 'cme_p104.png',
 'cme_p105.png',
 'cme_p106.png',
 'cme_p107.png',
 'cme_p108.png',
 'cme_p109.png',
 'cme_p110.png',
 'cme_p111.png',
 'cme_p112.png',
 'cme_p113.png',
 'cme_p114.png',
 'cme_p115.png',
 'cme_p116.png',
 'cme_p117.png',
 'cme_p118.png',
 'cme_p119.png',
 'cme_p120.png',
 'cme_p121.png',
 'cme_p122.png',
 'cme_p123.png',
 'cme_p124.png',
 'cme_p125.png',
 'cme_p126.png',
 'cme_p127.png',
 'cme_p128.png',
 'cme_p129.png',
 'cme_p130.png',
 'cme_p131.png',
 'cme_p132.png',
 'cme_p133.png',
 'cme_p134.png',
 'cme_p135.png',
 'cme_p136.png',
 'cme_p137.png',
 'cme_p138.png',
 'cme_p139.png',
 'cme_p140.png',
 'cme_p141.png',
 'cme_p142.png',
 'cme_p143.png',
 'cme_p144.png',
 'cme_p145.png',
 'cme_p146.png',
 'cme_p147.png',
 'cme_p148.png',
 'cme_p149.png',
 'cme_p150.png',
 'cme_p151.png',
 'cme_p152.png',
 'cme_p153.png',
 'cme_p154.png',
 'cme_p155.png',
 'cme_p156.png',
 'cme_p157.png',
 'cme_p158.png',
 'cme_p159.png',
 'cme_p160.png',
 'cme_p161.png',
 'cme_p162.png',
 'cme_p163.png',
 'cme_p164.png',
 'cme_p165.png',
 'cme_p166.png',
 'cme_p167.png',
 'cme_p168.png',
 'cme_p169.png',
 'cme_p170.png',
 'cme_p171.png',
 'cme_p172.png',
 'cme_p173.png',
 'cme_p174.png',
 'cme_p175.png',
 'cme_p176.png',
 'cme_p177.png',
 'cme_p178.png',
 'cme_p179.png',
 'cme_p180.png',
 'cme_p181.png',
 'cme_p182.png',
 'cme_p183.png',
 'cme_p184.png',
 'cme_p185.png',
 'cme_p186.png',
 'cme_p187.png',
 'cme_p188.png',
 'cme_p189.png',
 'cme_p190.png',
 'cme_p191.png',
 'cme_p192.png',
 'cme_p193.png',
 'cme_p194.png',
 'cme_p195.png',
 'cme_p196.png',
 'cme_p197.png',
 'cme_p198.png',
 'cme_p199.png',
 'cme_p200.png',
 'cme_p201.png',
 'cme_p202.png',
 'cme_p203.png',
 'cme_p204.png',
 'cme_p205.png',
 'cme_p206.png',
 'cme_p207.png',
 'cme_p208.png',
 'cme_p209.png',
 'cme_p210.png',
 'cme_p211.png',
 'cme_p212.png',
 'cme_p213.png',
 'cme_p214.png',
 'cme_p215.png',
 'cme_p216.png',
 'cme_p217.png',
 'cme_p218.png',
 'cme_p219.png',
 'cme_p220.png',
 'cme_p221.png',
 'cme_p222.png',
 'cme_p223.png',
 'cme_p224.png',
 'cme_p225.png',
 'cme_p226.png',
 'cme_p227.png',
 'cme_p228.png',
 'cme_p229.png',
 'cme_p230.png',
 'cme_p231.png',
 'cme_p232.png',
 'cme_p233.png',
 'cme_p234.png',
 'cme_p235.png',
 'cme_p236.png',
 'cme_p237.png',
 'cme_p238.png',
 'cme_p239.png',
 'cme_p240.png',
 'cme_p241.png',
 'cme_p242.png',
 'cme_p243.png',
 'cme_p244.png',
 'cme_p245.png',
 'cme_p246.png',
 'cme_p247.png',
 'cme_p248.png',
 'cme_p249.png',
 'cme_p250.png',
 'cme_p251.png',
 'cme_p252.png',
 'cme_p253.png',
 'cme_p254.png',
 'cme_p255.png',
 'cme_p256.png',
 'cme_p257.png',
 'cme_p258.png',
 'cme_p259.png',
 'cme_p260.png',
 'cme_p261.png',
 'cme_p262.png',
 'cme_p263.png',
 'cme_p264.png',
 'cme_p265.png',
 'cme_p266.png',
 'cme_p267.png',
 'cme_p268.png',
 'cme_p269.png'
);

function res( p ) {
  if( p == 'cme_p028.png' ) {
    this.x = 1250;
    this.y = 1800;
  } else if( p == 'cme_p252.png' || p == 'cme_p253.png' ) {
    this.x = 1200;
    this.y = 1900;
  } else {
    this.x = 1200;
    this.y = 1800;
  }

  return this;
}

// inital page number
var num = 0;
var scale = 0.5;
var img;
var thenum;
var thepage;
var thescale;

function start() {
  img = document.getElementById( 'pageimage' );
  thenum = document.getElementById( 'thenum' );
  thepage = document.getElementById( 'thepage' );
  thescale = document.getElementById( 'thescale' );

  // read cookie for last saved page and last scale
  readCookie();

  setscale( scale );

  showpage();
}

function showpage() {
  // update the page text field
  thenum.value = num-11;
  thepage.value = page[num];
  
  // update the image
  var dim = res( page[num] );
  img.style.width = (scale*dim.x) + 'px';
  img.style.height = (scale*dim.y) + 'px';
  img.style.alt = page[num];
  img.src = page[num];

  // save our page and scale in cookie
  writeCookie();
}

// goes to the beginning of the book
function first() {
  num = 0;
  showpage();
}

// goes back one page
function prev() {
  if( num > 0 ) {
    num--;
    showpage();
  }
}

// goes forward one page
function next() {
  if( num < page.length-1 ) {
    num++;
    showpage();
  }
}

// goes to the end of the book
function last() {
  num = page.length-1;
  showpage();
}

// sets the scale of the image and redraws the image
function setscale( s ) {
  scale = s;
  thescale.value = s*100 + '%';
  showpage();
}

// jumps to a particular page and redraws the image
function setpage( n ) {
  n = n+11;
  if( n >= 0 && n <= page.length-1 ) {
    num = n;
  }
  showpage();
}

// reads the page and the scale from cookies
function readCookie() {
  var cmePageEQ = "cme[page]=";
  var cmeScaleEQ = "cme[scale]=";
  var cookies = document.cookie.split( ';' );

  for( var i = 0; i < cookies.length; i++ ) {
    var c = cookies[i];

    // skip leading spaces
    while (c.charAt(0)==' ') c = c.substring(1,c.length);

    // if this is our cookie, read out the page
    if( c.indexOf( cmePageEQ ) == 0 ) {
      num = parseInt( c.substring( cmePageEQ.length, c.length ));
    }
    // if this is our cookie, read out the scale
    if( c.indexOf( cmeScaleEQ ) == 0 ) {
      scale = parseInt( c.substring( cmeScaleEQ.length, c.length ))/100.0;
    }
  }
}

// updates the current page number and scale in cookies
function writeCookie() {
  var cmePageEQ = "cme[page]=";
  var cmeScaleEQ = "cme[scale]=";
  var expires = new Date();

  expires.setUTCFullYear( 1+expires.getUTCFullYear());        // 1 year from now
  var c=cmePageEQ + num + "; expires="+expires.toUTCString();
  document.cookie = c;

  c=cmeScaleEQ + (scale*100) + "; expires="+expires.toUTCString();
  document.cookie = c;
}