var pages;
    var pagecounter;
    
    function init_values(coords) {
        pages = coords.split("@");
        pagecounter = pages.length;
        
        //set link to last page by using pagecounter as link
        document.getElementById("lastpage_panelstartform").value=pagecounter;
    
        showpage('first');
    }
    

    //if an index for a page has been given, use that; else index=0
    //make links to previous and next page
    function setpages(index) {
        
        var thispageindex;
        if (index != null) {
            thispageindex = index;
        }
        else {
            thispageindex = 0;
        }
        
        var prevpageindex;
        var prevpagesign;
        if (thispageindex > 0) { 
            prevpageindex = thispageindex - 1 ;
            prevpagesign = "<";
        }
        else {
            prevpageindex = 0;
            prevpagesign = "|";
        }
        
        var nextpageindex;
        var nextpagesign;
        if (thispageindex < pagecounter-1) {
            nextpageindex = Number(thispageindex) + 1;
            nextpagesign = ">";
        }
        else {
            nextpageindex = pagecounter;
            nextpagesign = "|";
        }
        
          //set links to pages
        document.getElementById("thispage_panelstartform_index").value= thispageindex;
        document.getElementById("prevpage_panelstartform").value = prevpageindex;
        document.getElementById("previouspagesubmit_panelstartform").value= prevpagesign;
        document.getElementById("nextpage_panelstartform").value = nextpageindex;
        document.getElementById("nextpagesubmit_panelstartform").value = nextpagesign;

        document.getElementById("thispage_panelfittingform_index").value= thispageindex;
        document.getElementById("prevpage_panelfittingform").value = prevpageindex;
        document.getElementById("previouspagesubmit_panelfittingform").value= prevpagesign;
        document.getElementById("nextpage_panelfittingform").value = nextpageindex;
        document.getElementById("nextpagesubmit_panelfittingform").value = nextpagesign;
        
        document.getElementById("thispage_panelfullform_index").value= thispageindex;
        document.getElementById("prevpage_panelfullform").value = prevpageindex;
        document.getElementById("previouspagesubmit_panelfullform").value= prevpagesign;
        document.getElementById("nextpage_panelfullform").value = nextpageindex;
        document.getElementById("nextpagesubmit_panelfullform").value = nextpagesign;
        return true;
    
    }
    
    
    
    //for the page with this index: determine name and imagefile
    //make links to pages
    function showpage(position, form) {
        //position is one of 'first', 'previous', 'next', 'last', 'newpage'
        //if position is first: newpageindex=0
        //  elseif position is previous: newpageindex = the value of prevpage_panelstartform
        //  elseif position is next: newpageindex = the value of nextpage_panelstartform
        //  elseif position is last: newpageindex = pagecounter
        //  elseif position is newpage: newpageindex = result of testpage(value of thispage_panelstartform)
        //  else: currentpageindex=0        
        
        var newpageindex; //the index of the current page
        
        if (position == 'first') {
            newpageindex = '0';
        }
        else if (position == 'previous') {
            newpageindex = document.getElementById("prevpage_panelstartform").value;
        }
        else if (position == 'next') {
            newpageindex = document.getElementById("nextpage_panelstartform").value;
        }
        else if (position == 'last') {
            newpageindex = Number(pagecounter-1);
        }
        else if (position == 'newpage') {
            var pagename = document.getElementById("gopage_panelstartform").value;
            var findnewpageindex = testpage(pagename);
            if (findnewpageindex != 3333) {
                newpageindex = findnewpageindex;
            }
            else {
                newpageindex = 0;
            }
        }
        

        var pagepositions = setpages(newpageindex); //make sure the links to prev and next are set
        
        var thispagenames = findnames(newpageindex);
        var newpagename = thispagenames['pagename'];
        
        //find and display the name of the new page
       document.getElementById("thispage_panelstartform").value = newpagename;
       document.getElementById("thispage_panelfittingform").value = newpagename;
       document.getElementById("thispage_panelfullform").value = newpagename;
        
        //now set the image src
        var imgfilename = thispagenames['imgfilename'];

        //pass only imgfilename here, because we need to manipulate it in createPlayers
        var playerscreated = createPlayers(imgfilename, '0');
       
        //set the pagecounters
        var pagecountertext = "pagina " + (Number(newpageindex) + 1) + " van " + pagecounter;
        document.getElementById("pagenumbers_startform").innerHTML = pagecountertext;
        document.getElementById("pagenumbers_fittingform").innerHTML = pagecountertext;
        document.getElementById("pagenumbers_fullform").innerHTML = pagecountertext;
        
    }
    
    
    //TODO: put in correct path to imgfile
    function createPlayers(imgfile, rotation) {
        
        var book = document.getElementById("book").value;
        var objtype = document.getElementById("objtype").value;
        var fullwidth = screen.width;
        if (fullwidth < 1000) {
            fullwidth = "0" + fullwidth;
        }
        
        var fullheight = screen.height;
        if (fullheight < 1000) {
            fullheight = "0" + fullheight;
        }
        
        var startimage;
        var panelfittingimage;
        var fullscreenimage;
        
        if (rotation != '0') {
            imgfile = rotation + "_" + imgfile;
            if (objtype == 'boek') {
                //add size prefix
                startimage = "showimage.php?image=s_1/" + book + "/" + imgfile;
                panelfittingimage = "showimage.php?image=p_1/" + book + "/" + imgfile;
                fullscreenimage = "showimage.php?image=f_1/" + book + "/" + imgfile;
            }
            else {
                //add size prefix
                startimage = "showimage.php?image=s_109/" + book + "/" + imgfile;
                panelfittingimage = "showimage.php?image=p_109/" + book + "/" + imgfile;
                fullscreenimage = "showimage.php?image=f_109/" + book + "/" + imgfile;
            }
     
        }
        else {
            if (objtype == 'boek') {
                startimage = "/img/1/" + book + "/" + imgfile;
                panelfittingimage = "/img/1/" + book + "/" + imgfile;
                fullscreenimage = "/img/1/" + book + "/" + imgfile;
            }
            else {
                //add size prefix
                startimage = "/img/109/" + book + "/" + imgfile;
                panelfittingimage = "/img/109/" + book + "/" + imgfile;
                fullscreenimage = "/img/109/" + book + "/" + imgfile;
             }   
        } 
        
        var start_flashvars = '&controlbar=none&autostart=true&file=' + startimage;
        var fitting_flashvars = '&controlbar=none&autostart=true&file=' + panelfittingimage;
        var full_flashvars = '&controlbar=none&autostart=true&file=' + fullscreenimage;
        
         
        var sos = new SWFObject('player.swf','mpstart','300','500','9');
        sos.addParam('allowscriptaccess','always');
        sos.addParam('allowfullscreen','false'); 
        sos.addParam('flashvars',start_flashvars);
        sos.write('theimage_start'); 
    
        var sop = new SWFObject('player.swf','mpfitting','590','500','9');
        sop.addParam('allowscriptaccess','always');
        sop.addParam('allowfullscreen','false'); 
        sop.addParam('flashvars',fitting_flashvars);
        sop.write('theimage_fitting'); 
        
        var sof = new SWFObject('player.swf','mpfull','960', '700','9');
        sof.addParam('allowscriptaccess','always');
        sof.addParam('allowfullscreen','true'); 
        sof.addParam('flashvars',full_flashvars);
        sof.write('theimage_full'); 
        
   
        
        return;
    }
    
    function findnames(newpageindex) {
        var thispagenames = new Array();
        
        var thispage = pages[newpageindex];
        var pageparts = thispage.split("|");
        var partnames = pageparts[1]; //partnames contains pagename, imgfilename, htmfilename
        var names = partnames.split("%"); //names is (pagename, filenames)
        var pagename = names[0];
        var filenames = names[1].split("+");
        var imgfn = filenames[0];
        
        //replace gif with jpg in imgfilename
        //metadata may contain gif filenames from older manifestations of the page; 
        //we use only the new jpg manifestations
        var exp = new RegExp("gif");
        var imgfilename;
        
        if (exp.test(imgfn) == true) {
            imgfilename = imgfn.replace(exp, "jpg");
        }
        else {
            imgfilename = imgfn;
        }
        
        thispagenames['pagename'] = pagename;
        thispagenames['imgfilename'] = imgfilename;
        
        return thispagenames;
    }
    
    
    function testpage(name) {
        var find = new RegExp("^"+name+"$");
        var i;
        for (i in pages) {
            //find pagename
            var pagenames = findnames(i);
            if (find.test(pagenames['pagename']) == true) {
                return i;
            }
        }    
        return 3333;
    }


   function gotopage(theform) {
       var thispagefield = "thispage_"+theform;
       var gopagefield = "gopage_"+theform;
                             
       var pagetogoto;
       if (document.getElementById(thispagefield).value != '') {
           pagetogoto = document.getElementById(thispagefield).value;
       }
       else {
           pagetogoto = 'titel1';
       }

       //set field for both forms
       document.getElementById("gopage_panelstartform").value = pagetogoto;
       document.getElementById("gopage_panelfittingform").value = pagetogoto;
       document.getElementById("gopage_panelfullform").value = pagetogoto;
       showpage('newpage', theform);
   }



function rotatepage(degrees) {
    var thispageindex = document.getElementById("thispage_panelstartform_index").value;
   
    var thispagenames = findnames(thispageindex);

    //now set the image src
    var imgfilename = thispagenames['imgfilename'];
    
    var showdegrees = degrees;
    if (degrees == '90') {
        showdegrees = '090';
    }
        
   //pass only showdegrees + imgfilename here, because we need to manipulate it in createPlayers
    
    var playerscreated = createPlayers(imgfilename, showdegrees);
    
}