var debugging = false;
var gethtmlupdateMethod = 'POST';

if (!window.POBJ) var POBJ = {wrappertop:0,scrollY:0};
var loadeddummy;
var mastheadcolor = 1;
function switchMastheadColor(svg){
    if (mastheadcolor==1){
        svg.classList.add('white')
        svg.parentNode.parentNode.setAttribute('data-head','white')
        mastheadcolor=0;
        }
    else{
        svg.classList.remove('white')
        svg.parentNode.parentNode.setAttribute('data-head','black')
        mastheadcolor=1;
        }
    }
var pgsnmbs;
var localstoragekey = 'fysiodummy';
var Mouse = {};
//var Types = {'cover':'forside','petit':'petit','text':'artikel','forskning':'forskning','annonce':'annonce'};
var Types = {};//{'petit':'petit','text':'artikel','forskning':'forskning','annonce':'annonce','kurser':'kursus','forening':'forening'};
var Pages = {types:{},pages:[],position:[]};
function px(i){
    return i+'px';
    }
function backurl(u){
    return 'url('+u+')';
    }
function onkeydown(e){
    //console.log(e);
    }
function offsetPos(o,asdict){
    x = o.offsetLeft;
    y = o.offsetTop;
    while (o.parentNode != document.body){
        o = o.parentNode;
        x += o.offsetLeft;
        y += o.offsetTop;
        }
    if (asdict) return {x:x,y:y}
    else return [x,y];
    }
function jsDummyArgs(){
    return [POBJ.dummyid,POBJ.issueid];
    }
function getEvent(key){
    return POBJ.events[key];
    }
function onload(){
    var c;
    loadDummy();

    pgsnmbs = document.getElementsByClassName('pagenumber');
    var pages = document.getElementsByClassName('page');
    
    for (i=0; i < pages.length; i+=1){
        if (!pages[i].classList.contains('xbuttons')) {
            Pages.pages.push(pages[i]);
            }
        }
    updatePageCount()
    
    updatepagenumbers();
    initpagenumbers();
    
    pagepositions();
    window.addEventListener('resize',Resize.Listen)
    
    iniPageTypesPopup();
    window.addEventListener('keydown',onkeydown);
    if (document.getElementById('newer-dummies') || !POBJ.issueid) openAdmin();
    addEventListener('scroll',bodyscroll);
    
    c = document.getElementById('page-cover');
    if (c) c.getElementsByClassName('cont')[0].addEventListener('focus',setCurrentPage);
    }
function bodyscroll(){
    var w = document.getElementById('wrapper');
    //if (scrollY)
    if (POBJ.scrollY==0 && window.scrollY>300) {
        document.body.classList.add('scroll');
        if (w) {
            w.style.paddingTop = px(300);
            POBJ.wrappertop = 300;
            POBJ.scrollY = 300;
            }
        updateAfterResize();
        }
    else if (POBJ.scrollY==300 && window.scrollY<300) {
        document.body.classList.remove('scroll');
        if (w) {
            w.style.paddingTop = px(0);
            POBJ.wrappertop = 0;
            POBJ.scrollY = 0;
            }
        updateAfterResize();
        }
    
    //Pages.wrappertop = POBJ.wrappertop + window.scrollY
    }
function updateAfterResize(){
    pagepositions();
    }
function updatePageCount(){
    var c,ann;
    Pages.types = {}
    Pages.ads = 0;
    for (i=0; i < Pages.pages.length; i+=1){
        //c = Pages.pages[i].className
        c = Pages.pages[i].getAttribute('data-type');
        ann = Pages.pages[i].getAttribute('data-ann');
        if (ann=='port' || ann=='land') Pages.ads += 0.5;
        //console.log(c)
        if (!Pages.types[c]) Pages.types[c] = 0;
        Pages.types[c] += 1;
        //console.log(Pages.types);
        }
    updatepagedata();
    }
function iniPageTypesPopup(){
    var i, d, o = document.getElementById('page-types');
    if (!o) return // we don’t have an issue nor a dummy to load data for
    for (i in Types){
        d = document.createElement('div');
        d.id = 'page-type-'+i;
        d.className = 'action page-type';
        d.setAttribute('data-type', i);
        d.addEventListener('click',setPageType);
        d.innerHTML = Types[i];
        //<div onclick="setPageType()">
        o.appendChild(d);
        }
    }
function unsetPage(){
    if (Pages.setting) {
        Pages.setting.classList.remove('selected');
        delete Pages.setting;
        }
    }
function setPage(p){
    unsetPage()
    Pages.setting = p;
    Pages.setting.classList.add('selected');
    }
function setPageType(e) {
    var o = e.target,
        tp = o.getAttribute('data-type'),
        pop = document.getElementById('page-sizes'),
        poptypes = document.getElementById('page-types');
    
    if (Pages.setting) {
        Pages.setting.setAttribute('data-type', tp);
        Pages.pages.splice(Pages.pages.indexOf(Pages.setting),1,Pages.setting);
        unsetPage();
        
        }
    pop.classList.add('hidden');
    updatePageCount();
    closeSetting();
    }
SettingTimeOut = null;
function closeSetting(){
    var i, pop = document.getElementById('page-sizes');
    var act, actions = document.getElementsByClassName('action page-type selected');
    pop.classList.add('hidden');
    for(i=0;i<actions.length;i+=1) actions[i].classList.remove('selected')
    unsetPage();
    clearTimeout(SettingTimeOut);
    }
function openAdmin(){
    if (Pages.admin) {
        closeAdmin();
        return;
        }        
    Pages.admin = 1;
    var h, d, a = document.getElementById('admin-admin');
    if (a) {
        d = a.children[0];
        h = getComputedStyle(d).getPropertyValue('height');
        a.style.height = h;
        document.body.classList.add('admin-open');
        }
    // wait for the css transition
    window.setTimeout(pagepositions,1000);
    }
function closeAdmin(){
    Pages.admin = 0;
    var a = document.getElementById('admin-admin');
    a.style.height = '0px';
    document.body.classList.remove('admin-open');
    // wait for the css transition
    window.setTimeout(pagepositions,1000);
    }
function setPageTema(){
    if (Pages.setting.getAttribute('data-tema')==1) Pages.setting.setAttribute('data-tema',null);
    else Pages.setting.setAttribute('data-tema',1);
    document.getElementById('page-option-tema').setAttribute('data-tema',Pages.setting.getAttribute('data-tema'));
    //document.getElementById('page-sizes').classList.add('hidden');
    //delete Pages.setting;
    clearTimeout(SettingTimeOut);
    Pages.changed = 1;
    closeSetting();
    //SettingTimeOut = window.setTimeout(closeSetting,5000)
    }
function opensettings(o){
    var pos = offsetPos(o, true),
        p = o.parentNode;
    //console.log(pos);
    var pop = document.getElementById('page-sizes');
    if (Pages.setting && o.parentNode.parentNode==Pages.setting){
        closeSetting();
        return
        }
    closeSetting();
    pop.style.left = px(pos.x + 10);
    pop.style.top = px(pos.y + 10);

    setPage(o.parentNode.parentNode);
    
    if(document.getElementById('page-option-tema')){
        document.getElementById('page-option-tema').setAttribute('data-tema',Pages.setting.getAttribute('data-tema'));
        }
    
    document.getElementById('page-type-'+Pages.setting.getAttribute('data-type')).classList.add('selected');
    
    pop.classList.remove('hidden');
    clearTimeout(SettingTimeOut);
    SettingTimeOut = window.setTimeout(closeSetting,5000)
    }
function setCurrentPage(o){ // click on class="cont"
    o = o.target;
    if (o.classList.contains('cont')) Pages.addImage = o.parentNode;
    else if (o.classList.contains('page')) Pages.addImage = o;
    console.log(Pages.addImage);
    }
function addPageImage(){
    Pages.addImage = Pages.setting;
    if(Pages.addImage) {
        var imid = Pages.addImage.getAttribute('data-image');
        if (imid){
            Pages.addImage.setAttribute('data-image','');
            Pages.addImage.getElementsByClassName('cont')[0].style.backgroundImage = null;
            document.getElementById('thumb-'+imid).parentNode.classList.remove('minify');
            }
        }
    openPageImage();
    }
function openPageImage(){
    if (Pages.thumbs) {
        closePageImage();
        return;
        }        
    Pages.thumbs = 1;
    setPageImagesHeight();
    }
function setPageImagesHeight(){
    var h, d, a = document.getElementById('admin-thumbnails');
    if (a) {
        d = a.children[0];
        h = getComputedStyle(d).getPropertyValue('height');
        a.style.height = h;
        document.body.classList.add('thumbs-open');
        }
    }
function closePageImage(){
    Pages.thumbs = 0;
    var a = document.getElementById('admin-thumbnails');
    a.style.height = '0px';
    document.body.classList.remove('thumbs-open');
    }
function addImage(o,imageid){
    if (!Pages.addImage) return;
    Pages.addImage.getElementsByClassName('cont')[0].style.backgroundImage = 'url('+o.src+')';
    Pages.addImage.setAttribute('data-image',imageid);
    Pages.changed = 1;
    o.parentNode.classList.add('minify');
    }
function deletepageimage(o){
    var i,imid,
        im = o.nextElementSibling,
        id = im.id.split('-').pop();
    for(i=0;i<Pages.pages.length;i+=1){
        imid = Pages.pages[i].getAttribute('data-image');
        if (imid == id){
            Pages.pages[i].setAttribute('data-image','');
            Pages.pages[i].getElementsByClassName('cont')[0].style.backgroundImage = null;
            }
        }
    o.parentNode.parentNode.removeChild(o.parentNode);
    
    [dummyid,issueid] = jsDummyArgs();
    event = 'deletedummyimage';
    var i, p;
    var o = {
        issue:issueid,
        dummy:dummyid,
        userid:POBJ.userid,
        imageid:id,
        event:getEvent(event),
        ajax:1,
        ts:''+tstamp(),
        }
        //target:POBJ.popupDisplayTarget,
    POBJ[o.ts] = ajaxCallback;
    requestArticle(POBJ.url,o);
    Pages.changed = 1;

    }

function minifyPageImages(){
    var i,pid,im;
    Pages.minified = true;
    for (i=0;i<Pages.pages.length;i+=1){
        pid = Pages.pages[i].getAttribute('data-image');
        if (pid){
            document.getElementById('thumb-'+pid).parentNode.classList.add('minify');
            }
        }
    document.getElementById('header').classList.remove('minify');
    window.setTimeout(setPageImagesHeight,25);
    }
function unminifyPageImages(){
    var i,pid,im;
    Pages.minified = false;
    for (i=0;i<Pages.pages.length;i+=1){
        pid = Pages.pages[i].getAttribute('data-image');
        if (pid){
            document.getElementById('thumb-'+pid).parentNode.classList.remove('minify');
            }
        }
    document.getElementById('header').classList.add('minify');
    window.setTimeout(setPageImagesHeight,25);
    }
function exposePageType(){
    if (document.body.classList.contains('expose')) document.body.classList.remove('expose');
    else document.body.classList.add('expose');
    }
function pagepositions(){
    var i,p,pos;
    Pages.position = []
    for (i=0; i < Pages.pages.length; i+=1){
        p = Pages.pages[i];
        pos = offsetPos(p,true);
        pos.w = parseInt(getComputedStyle(p).getPropertyValue('width'));
        pos.h = parseInt(getComputedStyle(p).getPropertyValue('height'));
        Pages.position.push(pos);
        }
    //console.log('pagepositions()');
    //console.log(Pages.position);
    }
function initpagenumbers(){
    var i;
    for (i=1; i<pgsnmbs.length; i+=1) {
        pgsnmbs[i].addEventListener('mousedown',movepagestart);
        }
    }
function updatepagedata(){
    var pgtype, p, v;
    for (pgtype in Types) {
        v = Pages.types[pgtype]|| 0;
        p = document.getElementById('data-' + pgtype);
        if (p) p.innerHTML = v
        if (pgtype=='annonce' && Pages.ads) {
            v = parseInt(Pages.ads);
            f = Pages.ads - v;
            if (f==0.5) f = '½';
            else if (f==1/3) f = '⅓';
            else if (f==2/3) f = '⅔';
            else if (f==0.25) f = '¼';
            else if (f==0.75) f = '¾';
            if (v) v += f;
            else v = f;
            p.innerHTML += ' (+'+v+')';
            }
        else {
            //console.log(pgtype, v);
            }
        }
    }
function updatepagenumbers(){
    var i;
    for (i=0; i<pgsnmbs.length; i+=1) {
        if (i%2) pgsnmbs[i].parentNode.setAttribute('data-side','left');
        else pgsnmbs[i].parentNode.setAttribute('data-side','right');
        pgsnmbs[i].innerHTML = i+1;
        }
    }
function movespreadstart(e){
    window.addEventListener('mousemove',movespreadmove);
    window.addEventListener('mouseup',movespreadend);
    Mouse.movee = e.target.parentNode;

    Mouse.pos = offsetPos(e.target);

    Mouse.parentee = Mouse.movee.parentNode
    Mouse.movee.classList.add('move');
    Mouse.moveeindex = Pages.pages.indexOf(Mouse.movee);
    console.log(Mouse);
    }
function movespreadmove(e){
    }
function movespreadend(e){
    window.removeEventListener('mousemove',movespreadmove);
    window.removeEventListener('mouseup',movespreadend);
    }

function movepagestart(e){
    //Mouse = {};
    window.addEventListener('mousemove',movepagemove);
    window.addEventListener('mouseup',movepageend);

    Mouse.pos = offsetPos(e.target);
    
    Mouse.beingmoved = e.target.parentNode;
    Mouse.movee = Mouse.beingmoved.cloneNode(true);
    //e.target.parentNode.style.opacity = 0.2;
    //Mouse.parentee = Mouse.movee.parentNode
    Mouse.movee.classList.add('move');
    Mouse.moveeindex = Pages.pages.indexOf(Mouse.beingmoved);
    //Pages.pages.splice(Mouse.moveeindex,1);
    //Pages.position.splice(Mouse.moveeindex,1);
    
    //Mouse.parentee.classList.add('move');
    
    //offsetPos(Mouse.movee)
    //Mouse.oy = e.clientX;
    Mouse.x0 = e.clientX - Mouse.pos[0];
    Mouse.y0 = e.clientY - Mouse.pos[1];
    Mouse.x = e.clientX;
    Mouse.y = e.clientY;
    setMoveePos();

    Mouse.beingmoved.classList.add('beingmoved');
    document.body.appendChild(Mouse.movee)
    }
function setMoveePos(){
    var i;
    Mouse.movee.style.left = px(Mouse.x - Mouse.x0);
    Mouse.movee.style.top = px(Mouse.y - Mouse.y0);
    }
function movepagemove(e){
    var i, p;
    Mouse.x = e.clientX;
    Mouse.y = e.clientY;
    //console.log(Mouse.x, Mouse.y);
    //return;
    Mouse.pageoverindex = null;
    for (i=0;i<Pages.position.length; i+=1){
        p = Pages.position[i];
        //if (Pages.pages[i] == Mouse.movee) continue;
        y = p.y - window.scrollY;
        if (Mouse.x > p.x && Mouse.x < p.x+p.w 
            && Mouse.y > y && Mouse.y < y+p.h
            ){
            Pages.pages[i].classList.add('over');
            Mouse.pageover = Pages.pages[i];
            Mouse.pageoverindex = i;

            }
        else {
            Pages.pages[i].classList.remove('over');
            //Mouse.pageover = null;
            //delete Mouse.pageoverindex;
            }
        }
    setMoveePos();
    //console.log(Mouse);
    }
function movepageend(e){
    var i, p = document.getElementsByClassName('pages');
    //Pages.pages.slice(Mouse.moveeindex,1)
    //Pages.pages.splice(Mouse.pageoverindex+1,0,Mouse.movee);
    console.log(Mouse);
    if (Number.isInteger(Mouse.pageoverindex)){
        if (Mouse.pageoverindex == Pages.pages.length-1){
            
            var x = Pages.pages.splice(Mouse.moveeindex,1);
            Pages.pages.push(x[0]);
            
            }
        else {
            Pages.pages = array_move(Pages.pages, Mouse.moveeindex, Mouse.pageoverindex+1);
            }
        }

//     if (Mouse.movee.getAttribute('data-side')=='left'){
//         Mouse.parentee.insertBefore(Mouse.movee, Mouse.parentee.firstChild);
//         }
//     else {
//         Mouse.parentee.appendChild(Mouse.movee);
//         }
//     Mouse.parentee.classList.remove('move')
    Mouse.movee.style.left = 'auto';
    Mouse.movee.style.top = 'auto';
    Mouse.movee.classList.remove('move');
    
    if(Mouse.pageover) Mouse.pageover.classList.remove('over');
    for (i=0;i<p.length;i+=1) p[i].classList.remove('move');
    for (i=0;i<Pages.pages.length;i+=1) Pages.pages[i].classList.remove('move');
    
    window.removeEventListener('mousemove',movepagemove);
    window.removeEventListener('mouseup',movepageend);
    
    pagesToSpreads();
    Mouse.beingmoved.classList.remove('beingmoved');
    document.body.removeChild(Mouse.movee);
    //for (i=0;i<document.getElementsByClassName('pages'))
    updatepagenumbers();
    initpagenumbers();
    updatepagedata();
    pagepositions();
    //console.log(Mouse);
    Mouse = {};
    }
function pagesToSpreads(){
    var spreads = document.getElementsByClassName('pages'),
        spreadi = 0;
    for (i=0;i<Pages.pages.length;i+=1){
        if (i%2) spreadi += 1
        spreads[spreadi].appendChild(Pages.pages[i]);
        }
    }
function newPageAfter(){
    if (!Pages.setting) return;
    var position = Pages.pages.indexOf(Pages.setting);
    var type = Pages.setting.getAttribute('data-type');
    newPage(type,position);
    clearTimeout(SettingTimeOut);
    SettingTimeOut = window.setTimeout(closeSetting,5000)
    }
function isTemaPage(p){
    return p.getAttribute('data-tema')=='1';
    }
function isLeftPage(p){
    return p.getAttribute('data-side')=='left';
    }
var ANewPage
function newPageClone(type='text'){
    var p = document.getElementById('newpage').cloneNode(true)
    console.log('newPage',type);
    p.classList.add('page');
    p.classList.add(type);
    p.setAttribute('data-type',type);
    
    var refpage = (Pages.setting)?Pages.setting:Pages.pages[Pages.pages.length-1];
    if (isTemaPage(refpage)) {
        p.setAttribute('data-tema',1);
        }
    p.id = '';
    return p;
    }
function newPage(type=null,position=null){
    var sprd, cont, i, therest
        count = Pages.pages.length;

    if (!type) {
        // use the type og the last page in document
        type = Pages.pages[Pages.pages.length-1].getAttribute('data-type');
        if (type=='cover') {
            var pto = document.getElementById('page-types').childNodes;
            var ptol = pto[pto.length-1]
            type = ptol.getAttribute('data-type');
            }
        }
    
    p = newPageClone(type);
    p.classList.remove('hidden');
    // make page recipto for back-images
    p.getElementsByClassName('cont')[0].addEventListener('focus',setCurrentPage);

    
    //Pages.pages.splice(count-2,0,p);
    if (Number.isInteger(position) && position >= 0){
        Pages.pages.splice(position+1,0,p);

        var currentspread = Pages.setting.parentNode.parentNode;
        console.log(count,count%2)
        if (count%2){
            // we need a news spread
            sprd = document.getElementById('newspread').cloneNode(true);
            sprd.id = '';
            sprd.className = "spread";
            if (!currentspread.nextElementSibling){
                // just append in the end
                document.getElementById('wrapper').appendChild(sprd);
                }
            else {
                document.getElementById('wrapper').insertBefore(sprd, currentspread.nextElementSibling);
                }
            therest = Pages.pages.slice(position+1);
            }
        else {
            therest = Pages.pages.slice(position+1);
            }
        console.log(therest)
        console.log(Pages.setting);
        console.log(currentspread);
        if (isLeftPage(Pages.setting)) {
            currentspread.getElementsByClassName('pages')[0].appendChild(p);
            currentspread = currentspread.nextElementSibling;
            if (currentspread) currentspread.getElementsByClassName('pages')[0].innerHTML = '';
            }
        else {
            currentspread = currentspread.nextElementSibling;
            if (currentspread) currentspread.getElementsByClassName('pages')[0].innerHTML = '';
            currentspread.getElementsByClassName('pages')[0].appendChild(p);
            }
        for (i=1; i<therest.length; i+=1) {
            console.log(currentspread);
            if (
                currentspread.getElementsByClassName('pages')[0].children && 
                currentspread.getElementsByClassName('pages')[0].children.length>=2
                ){
                // go to next spread to fill in pages
                currentspread = currentspread.nextElementSibling;
                if (currentspread) currentspread.getElementsByClassName('pages')[0].innerHTML = '';
                }
            currentspread.getElementsByClassName('pages')[0].appendChild(therest[i]);
            }
        }
    else {
        Pages.pages.push(p);

        if (count%2){
            sprd = document.getElementById('newspread').cloneNode(true);
            sprd.id = '';
            sprd.className = "spread";
            document.getElementById('wrapper').appendChild(sprd);
            //sprd.getElementsByClassName('pages')[0].appendChild(Pages.pages[Pages.pages.length-1]);
            //cont = sprd.previousElementSibling.getElementsByClassName('pages')[0];
            //cont.appendChild(p)
            sprd.getElementsByClassName('pages')[0].appendChild(p);
            }
        else {
            sprd = document.getElementsByClassName('spread');
            cont = sprd[sprd.length-1].getElementsByClassName('pages')[0];
            //cont.insertBefore(p,cont.firstChild);
            cont.appendChild(p);
            }
        }
    

    updatepagenumbers();
    initpagenumbers();
    updatePageCount();
    pagepositions();
    }
function deletePage(o){
    var position = Pages.pages.indexOf(Pages.setting),
        currentspread = Pages.setting.parentNode.parentNode,
        therest = Pages.pages.slice(position+1);
        
    Pages.setting.parentNode.removeChild(Pages.setting);
    
    for(i=0; i<therest.length; i+=1){
        if (
            currentspread.getElementsByClassName('pages')[0].children && 
            currentspread.getElementsByClassName('pages')[0].children.length>=2
            ){
            currentspread = currentspread.nextElementSibling;
            if (currentspread) currentspread.getElementsByClassName('pages')[0].innerHTML = '';
            }
        currentspread.getElementsByClassName('pages')[0].appendChild(therest[i]);
        }
    Pages.pages.splice(position,1);
    while(currentspread.nextElementSibling) {
        currentspread.parentNode.removeChild(currentspread.nextElementSibling);
        }
    console.log(currentspread.children.length);
    
    // if the current spread is empty, delete it
    if (currentspread.getElementsByClassName('pages')[0].children.length==0) currentspread.parentNode.removeChild(currentspread);

    updatepagenumbers();
    initpagenumbers();
    updatePageCount();
    pagepositions();
    if (Pages.pages.length>position){
        unsetPage();
        setPage(Pages.pages[position]);
        }
    else closeSetting();
    }
function iffiles(input){
    console.log(input)
    if (input.value) input.form.classList.remove('nofiles');
    else input.form.classList.add('nofiles');
    }
function highlightPageTypes(type){
    if (document.getElementById('wrapper').className == type) document.getElementById('wrapper').className = ""
    else document.getElementById('wrapper').className = type;
    }
function pageSize(i=1){
    var s = {0:'small',1:'default',2:'large'}
    document.getElementById('wrapper').className = s[i];
    document.body.className = s[i];
    pagepositions();
    }
function setPageAnn(t){
    var f = {1:'port',2:'land'}
    if (Pages.setting.getAttribute('data-ann') == f[t]){
        Pages.setting.setAttribute('data-ann','')
        }
    else {
        Pages.setting.setAttribute('data-ann',f[t])
        }
    updatePageCount();
    closeSetting();
    }
var DummyData = [];
function __saveDummy(){
    var i, p;
    DummyData = [];
    for (i=0; i<Pages.pages.length; i+=1){
        p = {};
        p.type = Pages.pages[i].getAttribute('data-type');
        p.ann = Pages.pages[i].getAttribute('data-ann');
        p.head = Pages.pages[i].getAttribute('data-head');
        p.imid = Pages.pages[i].getAttribute('data-image');
        //p.imid = (p.imid)?parseInt(p.imid):0;
        p.cont = Pages.pages[i].getElementsByClassName('cont')[0].innerHTML.trim();
        DummyData.push(p)
        }
    localStorage[localstoragekey] = JSON.stringify(DummyData);
    }
function checkSave(){
    if (confirm('Der er ændringer. Gem først?')) return true
    else return false;
    }
function saveDummy(sendonly){
    [dummyid,issueid] = jsDummyArgs();
    event = 'savedummy';
    var i, p;
    DummyData = [];
    for (i=0; i<Pages.pages.length; i+=1){
        p = {};
        p.type = Pages.pages[i].getAttribute('data-type');
        p.ann = Pages.pages[i].getAttribute('data-ann');
        p.head = Pages.pages[i].getAttribute('data-head');
        p.imid = Pages.pages[i].getAttribute('data-image');
        p.tema = Pages.pages[i].getAttribute('data-tema');
        //p.imid = (p.imid)?parseInt(p.imid):0;
        p.cont = Pages.pages[i].getElementsByClassName('cont')[0].innerHTML.trim();
        DummyData.push(p)
        }
    var o = {
        issue:issueid,
        dummy:dummyid,
        userid:POBJ.userid,
        path:POBJ.magpath,
        content:JSON.stringify(DummyData),
        event:getEvent(event),
        ajax:1,
        ts:''+tstamp(),
        }
        //target:POBJ.popupDisplayTarget,
    if(!sendonly) POBJ[o.ts] = ajaxCallback;
    document.getElementById('save-dummy-button').classList.add('saving');
    requestArticle(POBJ.url,o);
    return true;
    }


function reloadDummy(){
    while(document.getElementById('wrapper').children.length>1) document.getElementById('wrapper').removeChild(document.getElementById('wrapper').lastChild);
    loadDummy();
    window.setTimeout(updatepagenumbers,500);
    }
function loadDummy(){
    if (!(localStorage[localstoragekey] || loadeddummy)) return;
    var i, s, d, doc, spread, page, 
        DummyData,
        wrapper = document.getElementById('wrapper'),
        thumb,
        thumbnails,
        thumbnaildiv = document.getElementById('admin-thumbnails');
    if (thumbnaildiv) thumbnails = thumbnaildiv.children[0].getElementsByClassName('thumb');

    if (loadeddummy){
        DummyData = loadeddummy;
        }
    else {
        return;
        //DummyData = JSON.parse(localStorage[localstoragekey]);
        }
    console.log(DummyData)
    
    s = '<div class="spread"><div class="spread-handler"></div><div class="pages"></div></div>';
    doc = new DOMParser().parseFromString(s, 'text/html');
    spread = doc.body.children[0];
    
    d = '<div class="page" data-type="text"><div class="pagenumber"></div><div class="cont" contenteditable="true"></div><div class="page-tools"><div class="gear tool" onclick="opensettings(this)"></div></div></div>';
    doc = new DOMParser().parseFromString(d, 'text/html');
    page = doc.body.children[0];

    var cspread, cpage, dd, cover;

    // insert cover page data
    dd = DummyData[0];
    cover = document.getElementById('page-cover');
    if (dd.head) cover.setAttribute('data-head',dd.head)
    if (dd.cont) cover.getElementsByClassName('cont')[0].innerHTML = dd.cont;
    
    // insert the pages
    for (i=1; i<DummyData.length; i+=1){
        dd = DummyData[i];
        if (i%2) {
            cspread = spread.cloneNode(true)
            wrapper.appendChild(cspread);
            }
        cpage = page.cloneNode(true)
        cspread.getElementsByClassName('pages')[0].appendChild(cpage);
        if (dd.type) cpage.setAttribute('data-type',dd.type);
        if (dd.ann) cpage.setAttribute('data-ann',dd.ann);
        if (dd.head) cpage.setAttribute('data-head',dd.head);
        if (dd.tema) cpage.setAttribute('data-tema',dd.tema);
        if (dd.imid) {
            thumb = document.getElementById('thumb-'+dd.imid);
            cpage.setAttribute('data-image',dd.imid);
            cpage.getElementsByClassName('cont')[0].style.backgroundImage = backurl(thumb.src);
            thumb.parentNode.classList.add('minify');
            //console.log(thumb);
            }
        if (dd.cont) cpage.getElementsByClassName('cont')[0].innerHTML = dd.cont;
        cpage.getElementsByClassName('cont')[0].addEventListener('focus',setCurrentPage);
        //Pages.pages.push(cpage);
        }
    //minifyPageImages();
    }
window.addEventListener('load',onload);
function ajaxCallback(d,status,ts) {
    var i, target;
    if (1 || debugging) console.log(d);
    for (i=0; i<d.targets.length; i+=1) {
        target = d.targets[i];
        if (document.getElementById(target.target)) {
            if (target.append) {
                document.getElementById(target.target).innerHTML += target.html;
                }
            else if (target.prepend) {
                var html = document.getElementById(target.target).innerHTML
                document.getElementById(target.target).innerHTML = target.html + html;
                }
            else if (target.replace) {
                document.getElementById(target.target).outerHTML = target.html;
                }
            else {
                document.getElementById(target.target).innerHTML = target.html;
                document.getElementById(target.target).parentNode.classList.add('edit');
                //setcalendar();
                }
            }
        }
    if (d.event=='openEditor') {
        //console.log(d)
        POBJ.edit = true
        var i,ce = document.getElementsByClassName('ce');
        
        //console.log(ce);
        for (i=0;i<ce.length;i+=1) ce[i].addEventListener('paste',cleanPastedText);
        POBJ.scrollnars = -1;
        }
    else if (d.event=='saveBook') {
        console.log(d)
        document.getElementById('dataedit').classList.add('saved');
        window.setTimeout(function(){
            var n = document.getElementById('dataedit');
            if (n) n.classList.remove('saved');
            },500);
        var book = document.getElementById('book-'+d.bookid);
        if (book && d.narrator) book.setAttribute('data-narrator',d.narrator);
        if (book && d.group) book.setAttribute('data-group',d.group);
        if (d.finishdate){
            document.getElementById('data-finishdate-'+d.bookid).innerHTML = d.finishdate;
            }
        if (d.narrator){
            var nrs = d.narrator.split(',');
                nrs = nrs.map(function(i){return i.trim()})
            for (i=0;i<nrs.length;i+=1){
                if (POBJ.narrators.indexOf(nrs[i])<0) POBJ.narrators.push(nrs[i]);
                }
            }
        //console.log(book);
        }
    if (d.bookid) POBJ.bookid = d.bookid;
    if (d.color_id) document.getElementById('book-'+d.bookid).setAttribute('data-color',d.color_id);
    if (d.cancel) document.getElementById('book-'+d.bookid).classList.add('cancel');
    if(window.editobjid){
        var dt = document.getElementById(editobjid);
        if (dt) {
            var h = 24;
            for (i in dt.children) {
                if (isNaN(i)) continue
                h += parseInt(getComputedStyle(dt.children[i]).getPropertyValue('height'));
                }
            if (h > parseInt(getComputedStyle(dt).getPropertyValue('height'))) {
                dt.style.height = h + 'px';
                dt.style.maxHeight = Math.min(h,window.innerHeight-20) + 'px';
                }
            else {
                dt.style.height = h + 'px';
                dt.style.maxHeight = Math.min(700,window.innerHeight-20) + 'px';
                }
            }
        }
    if (ts && POBJ[ts]) delete POBJ[ts];
    if (d.event=='saveDummy') setTimeout(function(){document.getElementById('save-dummy-button').classList.remove('saving')},500);
    if (POBJ.dummyid){
        if (d.newid) POBJ.dummyid = d.newid
        if (d.newdummy){
            loadeddummy = JSON.parse(d.newdummy);
            //loadDummy();
            }
        }
    }

function tstamp() {
    return (new Date()).getTime();
    }
function GetXmlHttpObject() {

	 // Firefox, Opera 8.0+, Safari
	try { return new XMLHttpRequest(); }
	catch (e){}

	// Internet Explorer
	try { return new ActiveXObject("Msxml2.XMLHTTP.6.0");}
	catch (e) {}
	try { return new ActiveXObject("Msxml2.XMLHTTP.3.0");}
	catch (e) {}
	try { return new ActiveXObject("Msxml2.XMLHTTP");}
	catch (e) {}
	try { return xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }
	catch (e) {}
	return null;
	}

function requestArticle() {
	args = requestArticle.arguments;
	url = encodeURI(args[0]);
	prevurl = url;
	if (args.length>1) {
		//params = encodeURI(args[1].join('&'));
		params = 'data='+encodeURI(JSON.stringify(args[1]))
		if (typeof(gethtmlupdateMethod!='undefined')) {
			if (gethtmlupdateMethod=='GET') {
				if(params) url+=(url.indexOf('?')<0)?'?'+params:'&'+params;
				//url+=params;
				//if (params) url = url + '?' + params;
				//if (typeof(gethtmlupdateDebug!='undefined') && gethtmlupdateDebug==true) alert(url);
				params = null;
				}
			}
		}
	else params = null
	console.log(params);
	if (debugging) alert(url + ((params)?((url.indexOf('?')<0)?'?':'&')+params+'&test=1&ajax=1':''));
	req = GetXmlHttpObject();
	if (!req) req = new activeXObject('Microsoft.XMLHTTP'); 
	if (req) {
		req.onreadystatechange = checkRequestResponse;
		req.open(gethtmlupdateMethod, url, true);
		req.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
		req.send(params);
		}
	}

function checkRequestResponse() {
	if (req.readyState == 4) {
		response = req.responseText;
		processRawHTML(response);
		}
	}

function processRawHTML(input) {
	console.log(input);
	if (!input) return;
	d = JSON.parse(input);
	if (d.ts && POBJ[d.ts]) {
		var f = POBJ[d.ts];
		if (W.isarray(f)) {
			var i;
			for (i=0;i<f.length;i+=1) f[i](d.data,d.error,d.ts);
			}
		else f(JSON.parse(d.data),d.error,d.ts);
		}
	}
var W = {
		inArray: function(v, array) { return (v in W.array2Object(array)); },
		array2Object: function(array) {
			var i, result = {};
			for (i in array) result[array[i]]=0;
			return result;
			},
		deleteArrayItem: function(item, array) {
			var i = array.indexOf(item);
			if (i>=0) array.splice(i,1);
			return array;
			},
		isdefined: function(o) { return typeof(o)!='undefined'; },
		isstring: function(o) { return typeof(o)=='string'; },
		asint: function(o) { 
			// use as 
			// if (W.isdefined(i = asint(string_digit_number))) { .... }
			// asint('2') -> 2
			// asint(1.2) -> undefined
			// asint('0') -> 0
			if (W.isint(o)) return parseInt(o);
			},
		isint: function(o) { 
			if (W.isdefined(o)) return (''+parseInt(o) === o) || (parseInt(o) === o);
			return false;	
			},
		isarray: function(o) {
			//http://stackoverflow.com/questions/4775722/javascript-check-if-object-is-array
			if (Array.isArray) return Array.isArray(o);
			return o instanceof Array;
			},
		isobject: function(o) { return o!=null && typeof(o)=='object'; },
		Val:	function() {
			var i, args = this.Val.arguments;
			for (i=0;i<args.length;i+=1) if (args[i]) return args[i];
			},
		Trim:	function(o) {
			if (W.isstring(o)) return o.trim();
			if (W.isarray(o)) for (var i=0; i<o.length;i+=1) o[i] = o[i].trim();
			return o;
			},
		getBool: function(v) {
			if (typeof(v)=='boolean') return v;
			if (typeof(v)=='number') return v!=0;
			if (W.isstring(v)) {
				if (""+parseInt(v)==v) return v!="0";
				if (v=='true') return true;
				if (v=='false') return false;
				}
			if (!W.isdefined(v)) return false;
			return true;
			},
		isform: function(o) {
			return W._object_is(o,'FORM')
			},
		_object_is: function(o,type) {
			return (W.isobject(o) && o.nodeName == type.toUpperCase())
			},
		updateDict: function (dict, args) { for (key in args) dict[key] = args[key];},
		sortNumber: function (a,b) { return a - b; },
		}
Resize = {
	timer: null,
	F: {
		wrapperReset: function() {
			
			},
		wrapper: function() {
            //What happens when the resize is finished;
			pagepositions();
			
			},
		},

	Listen: function() {
		if (Resize.timer) {
			window.clearTimeout(Resize.timer)
			Resize.timer = null;
			}
		else {
			if (window.console) console.log(Resize.timer)
			//Pages.ResetSpecials(true)
			}
		Resize.timer = window.setTimeout( function() { 
			//Pages.UpdateCurrentHeight();
			//Pages.UpdateSpecials(true)
			Resize.F.wrapperReset();
			Resize.F.wrapper();
			if (window.console) console.log('resized is stopped');
			//if (window.console) console.log('yes');
			Resize.timer = null;
			 },500 );
		},
	}

function array_move_(arr, old_index, new_index) {
    if (new_index >= arr.length) {
        var k = new_index - arr.length + 1;
        while (k--) {
            arr.push(undefined);
        }
    }
    arr.splice(new_index, 0, arr.splice(old_index, 1)[0]);
    return arr; // for testing
};

function array_move(arr, old_index, new_index){
    var i,res = []
    var movee = arr[old_index];
    for (i=0;i<arr.length;i+=1){
        if (i==new_index) res.push(arr[old_index]);
        if (i!=old_index) res.push(arr[i])
        }
    return res;
    }