var sheetIndex = 0;

var srcs = new Array();
srcs[0] = "front";
srcs[1] = "p1-2";
srcs[2] = "p3-4";
srcs[3] = "p5-6";
srcs[4] = "p7-8";
srcs[5] = "p9-10";
srcs[6] = "back";
srcs[7] = "dvd label";

srcs[8] = "01 xinhong you";
srcs[9] = "02 chairmen py";
srcs[10] = "03 chairmen lcp";
srcs[11] = "04 chairmen both";
srcs[12] = "05 bmrc page 1";
srcs[13] = "06 bmrc page 2";
srcs[14] = "07 serc page 1";
srcs[15] = "08 serc page 2";
srcs[16] = "09 corporate";
srcs[17] = "10 comic Superheroes";
srcs[18] = "11 title";
srcs[19] = "12 captain charge";
srcs[20] = "13 bmrc action";
srcs[21] = "14 serc action";
srcs[22] = "15 corporate action";
srcs[23] = "16 crew";

var alts = new Array();
alts[0] = "Cover Front Page";
alts[1] = "Pages 1 & 2";
alts[2] = "Pages 3 & 4";
alts[3] = "Pages 5 & 6";
alts[4] = "Pages 7 & 8";
alts[5] = "Pages 9 & 10";
alts[6] = "Cover Back Page";
alts[7] = "DVD Label";

alts[8] = "In-Video Scene 1: The Agency wants YOU!";
alts[9] = "In-Video Scene 2: Uncle Yeo";
alts[10] = "In-Video Scene 3: Super A*";
alts[11] = "In-Video Scene 4: Both Chairmen";
alts[12] = "In-Video Scene 5: BMRC Biopolis";
alts[13] = "In-Video Scene 6: BMRC Scholars";
alts[14] = "In-Video Scene 7: SERC Fusionopolis";
alts[15] = "In-Video Scene 8: SERC Scholars";
alts[16] = "In-Video Scene 9: Corporate Scholar";
alts[17] = "In-Video Scene 10: Comic Superheroes";
alts[18] = "In-Video Scene 11: Title";
alts[19] = "In-Video Scene 12: Credits Captain Charge";
alts[20] = "In-Video Scene 13: Credits BMRC Action";
alts[21] = "In-Video Scene 14: Credits SERC Action";
alts[22] = "In-Video Scene 15: Credit Corporate Action";
alts[23] = "In-Video Scene 16: Credit Production Team";

var currentSheet, currentSheetA, prevLink, nextLink;
var link0, link1, link2, link3, link4, link5, link6, link7, link8, link9,
    link10, link11, link12, link13, link14, link15, link16, link17, link18, link19,
    link20, link21, link22, link23;
    
var prevSelectedLink;

function comicInit() {
    currentSheet = document.getElementById("currentSheet");
    currentSheetA = document.getElementById("currentSheetA");
    prevLink = document.getElementById("prev");
    nextLink = document.getElementById("next");
    
    link0 = document.getElementById("link0");
    link1 = document.getElementById("link1");
    link2 = document.getElementById("link2");
    link3 = document.getElementById("link3");
    link4 = document.getElementById("link4");
    link5 = document.getElementById("link5");
    link6 = document.getElementById("link6");
    link7 = document.getElementById("link7");
    link8 = document.getElementById("link8");
    link9 = document.getElementById("link9");
    link10 = document.getElementById("link10");
    link11 = document.getElementById("link11");
    link12 = document.getElementById("link12");
    link13 = document.getElementById("link13");
    link14 = document.getElementById("link14");
    link15 = document.getElementById("link15");
    link16 = document.getElementById("link16");
    link17 = document.getElementById("link17");
    link18 = document.getElementById("link18");
    link19 = document.getElementById("link19");
    link20 = document.getElementById("link20");
    link21 = document.getElementById("link21");
    link22 = document.getElementById("link22");
    link23 = document.getElementById("link23");
    
    prevSelectedLink = link0;
}

function nextSheet() {
    setSheet(sheetIndex + 1);
}

function prevSheet() {
    setSheet(sheetIndex - 1);
}

function setSheet(index) {
    checkNav(index, 23);
    
    updateLinks(index);
    
    var dir = "booklet";
    var dir2 = "Booklet";
    if (index > 7) {
        dir = "in-video";
        dir2 = "In-Video";
    }
    
    currentSheet.src = "comic/" + dir + '/' + srcs[index] + " small.jpg";
    currentSheet.alt = alts[index];
    currentSheetA.href = "../Comic Pages/" + dir2 + '/' + srcs[index] + ".jpg";
        
    sheetIndex = index;
}

function checkNav(index, MAX) {
    if (index == sheetIndex) { // same page
        return false;
    }
    
    if (index <= 0 && index < sheetIndex) { // less than minimum
        prevLink.innerHTML = "&nbsp;";
        nextLink.innerHTML = '<a href="javascript:nextSheet()">Next</a>';
        return false;
    }
    else if (index >= MAX && index > sheetIndex) { // more than maximum
        nextLink.innerHTML = "&nbsp;";
        prevLink.innerHTML = '<a href="javascript:prevSheet()">Prev</a>';
        return false;
    }
    
    prevLink.innerHTML = '<a href="javascript:prevSheet()">Prev</a>';
    nextLink.innerHTML = '<a href="javascript:nextSheet()">Next</a>';
    return true;
}

function updateLinks(index) {
    selectedLink = eval("link" + index);
    
    prevSelectedLink.className = '';
    selectedLink.className = 'selectedLink';
    
    prevSelectedLink = selectedLink;
}