$(function() {

  $.getJSON('build/toc.json', function(data){
    // console.log(data);
    for (book of data) {
      // console.log(book);
      var $optgroup = $('<optgroup>').attr('label', book.label);
      for (page of book.pages) {
        // console.log(page);
        $optgroup.append($('<option>').attr('value', book.label+'/'+page.file).text(book.label+' : '+page.label));
      }
      $('[name="document"]').append($optgroup);
    }
  })

  $('select[name="document"]').change(function(e){
    // console.log(e);
    // var optionSelected = $("option:selected", this);
    // var valueSelected = ;
    console.log(this.value);
    $('iframe').attr('src', 'build/'+this.value);
  });

  // activate toolbar events when iframe is loaded
  $('iframe').load(function() {
    var doc = $("iframe").contents().find("html");

    $('[name="preview"]').change(function() {
        if($(this).is(":checked")) {
            doc.addClass("preview");
            doc.removeClass("normal");
        } else {
            doc.removeClass("preview");
            doc.addClass("normal");
        }
    });

    $('[name="debug"]').change(function() {
        if($(this).is(":checked")) {
            doc.addClass("debug");
        } else {
            doc.removeClass("debug");
        }
    });

    $('[name="spread"]').change(function() {
        if($(this).is(":checked")) {
            doc.addClass("spread");
        } else {
            doc.removeClass("spread");
        }
    });

        //$('[name="hi-res"]').change(function() {
            //if($(this).is(":checked")) {
                //doc.addClass("export");
            //} else {
                //doc.removeClass("export");
            //}
        //});

        $('[name="zoom"]').change(function() {
            zoomLevel = $(this).val() / 100;

            doc.find("#pages").css({
                "-webkit-transform": "scale(" + zoomLevel + ")",
                "-webkit-transform-origin": "0 0"
            });
        });

        //$(".paper").each(function(){
            //page = $(this).attr("id");
            //$("#toc-pages").append("<li><a href='#" + page + "'>" + page.replace("-", " ") + "</a></li>")
        //});

        $('[name="page"]').change(function() {
            var pageNumber = $(this).val() - 1;

            var target = doc.find('.paper:eq(' + pageNumber + ')');
            var offsetTop = target.offset().top;

            doc.find('body').scrollTop(offsetTop);
        });

        $("#print").on('click', function() {
            $("iframe").get(0).contentWindow.print();
        });
    });

    //// __________________________________ HIGH RESOLUTION __________________________________ //
    //$("#hi-res").click(function(e){
        //e.preventDefault();
        //$(this).toggleClass("button-active");
        //$("html").toggleClass("export");
        //$("img").each(function(){
            //var hires = $(this).attr("data-alt-src");
            //var lores = $(this).attr("src");
            //$(this).attr("data-alt-src", lores)
            //$(this).attr("src", hires)
        //});
        //console.log("Wait for hi-res images to load");
        //window.setTimeout(function(){
            //console.log("Check image resolution");
            //// Redlights images too small for printing
            //$("img").each(function(){
                //if (Math.ceil(this.naturalHeight / $(this).height()) < 3) {
                    //console.log($(this).attr("src") + ": " + Math.floor(this.naturalHeight / $(this).height()) );
                    //if($(this).parent().hasClass("moveable")) {
                        //$(this).parent().toggleClass("lo-res");
                    //} else {
                        //$(this).toggleClass("lo-res");
                    //}
                //}
            //});
        //}, 2000);
    //});


});

//(function($) {
    //'use strict';

    //$('iframe')[0].addEventListener("load", function(event) {
        //console.log(arguments);
    //}, false);
//})(document.querySelectorAll.bind(document));