var bk_p, bk_th, bk_list_page_nrs, bk_list_pages;
var bk_count = 0, bk_bks_pp = 0, bk_pagenrs_pp = 0, bk_frst = 1, bk_lst = 0, bk_lst = 0, bk_page = 1, bk_pg_series = 1, bk_lst = 0, bk_lst = 0;
var page_type = 0, pi = 16, cn, ss, page_ajax, page_ajax_pagenr, page_loaded = 0


document.observe("dom:loaded", function() {
  if ( $('books_pageprops') ) {
    var array_vars_init = $("books_pageprops").className.split('[]');
    pi = array_vars_init[1];
    cn = array_vars_init[2];
    ss = array_vars_init[3];
    page_ajax = array_vars_init[4];
  }
  if ( $('panel_holder') ) {
    bk_p = $$('#panel_holder li');
    bk_th = $$('#thumbs_holder li');
    init_book_recs();
  }
  if ( $('page_index') ) {
    bk_list_page_nrs = $$('#page_index div:not(.page_prev_next)');
    bk_list_pages = $$('#books_list ul');
    bk_list_page_arrows = $$('#page_index div.page_prev_next');
    init_book_list_page_nrs();
  }
  if ( $('book_cats_inner') ) { init_cats(); }
  if ( $('books_list') ) { init_list(); }
});


function init_cats() {
  var bk_cats = $$('#book_cats_inner li a');
  var j = -1;
  bk_cats.each(function(i) {
    j++; i.id = 'c' + j;
    Event.observe(i,'mouseover',function() { toggle_cat(this, 1); }.bind(i));
    Event.observe(i,'mouseout',function() { toggle_cat(this, 0); }.bind(i));
  });
}


function toggle_cat( el, state ) {
  var cat_img = $$('#book_cats_inner #' + el.id + ' img');
  if ( state == 1 ) { cat_img[0].addClassName('mo'); }
  else { cat_img[0].removeClassName('mo'); }
}


function init_list() {
  var bk_books = $$('#books_list ul li a');
  var j = -1;
  bk_books.each(function(i) {
    j++; i.id = 'b' + j;
    Event.observe(i,'mouseover',function() { toggle_book(this, 1); }.bind(i));
    Event.observe(i,'mouseout',function() { toggle_book(this, 0); }.bind(i));
  });
}


function toggle_book( el, state ) {
  var book_img = $$('#' + el.id + ' img');
  if ( book_img.length != 0 ) {
    if ( state == 1 ) { book_img[0].addClassName('mo'); }
    else { book_img[0].removeClassName('mo'); }
  }
}


function init_book_recs() {
  bk_th.each(function(i) {
    Event.observe(i,'mouseover',function() { toggle_recs(this); }.bind(i));
  });
  toggle_recs( bk_th[0] );
}


function toggle_recs( el ) {
  bk_th.each(function(i) {
    i.removeClassName('th_on');
    $(i.id.replace('th_', 'd_')).removeClassName('d_on');
  });
  el.addClassName('th_on');
  $(el.id.replace('th_', 'd_')).addClassName('d_on');
}


function init_book_list_page_nrs() {

  var p_count = 0;
  bk_pagenrs_pp = $('books_footer').className.replace('books_footer_', '');
  bk_count = $('page_index').className.replace('page_index_', '');
  bk_bks_pp = $('page_props').className.replace('book_count_', '');

  bk_list_page_nrs.each(function(i) {
    Event.observe(i,'click',function() { toggle_page(this,0); }.bind(i));
    p_count++;
    if ( p_count > bk_pagenrs_pp ) { i.addClassName('page_hidden') }
  });
  bk_page = $('books_list').className.replace('books_list_', '');
  toggle_page( bk_list_page_nrs[bk_page-1],0 )

}


function toggle_page( el, pg_series ) {

  bk_page = el.innerHTML;

  bk_pg_series+= pg_series;
  var bk_pg_srs_frst = 1+((bk_pg_series-1)*bk_pagenrs_pp);
  var bk_pg_srs_lst = (bk_pg_series*bk_pagenrs_pp);

  bk_frst = ((el.innerHTML-1)*bk_bks_pp) + 1;
  bk_lst = ((el.innerHTML)*bk_bks_pp);
  if (bk_lst > bk_count) { bk_lst = bk_count }

  bk_list_page_nrs.each(function(i) {
    i.removeClassName('page_current');
    if ( (i.innerHTML < bk_pg_srs_frst) || (i.innerHTML > bk_pg_srs_lst) ) { i.addClassName('page_hidden') }
    else { i.removeClassName('page_hidden') }
  });

  if ( bk_pg_series > 1 ) {
    $('p_prev').update('<img src="/i/elements/buttons/page_prev.gif" onclick="toggle_page(bk_list_page_nrs[' + (bk_pg_srs_frst-2) + '],-1);" />');
  }
  else {
    $('p_prev').update('<img src="/i/elements/buttons/page_prev_disabled.gif" />');
  }

  if ( bk_list_page_nrs.length > bk_pg_srs_lst ) {
    $('p_next').update('<img src="/i/elements/buttons/page_next.gif" onclick="toggle_page(bk_list_page_nrs[' + (bk_pg_srs_lst) + '],1);" />');
  }
  else {
    $('p_next').update('<img src="/i/elements/buttons/page_next_disabled.gif" />');
  }

  bk_list_pages.each(function(i) {
    i.removeClassName('books_list_inner_on');
  });
  el.addClassName('page_current');

  $('book_page_' + el.innerHTML).addClassName('books_list_inner_on');

  bk_frst = ((el.innerHTML-1)*bk_bks_pp) + 1;
  bk_lst = ((el.innerHTML)*bk_bks_pp);
  if (bk_lst > bk_count) { bk_lst = bk_count }

  $('page_props').update('kookboeken ' + bk_frst + ' t/m ' + bk_lst + ' van ' + bk_count);

  // insert stat image into page
  if ( page_loaded == 1 ) {
    page_ajax_pagenr = bk_page;
    if ( page_ajax_pagenr == 1 ) { page_ajax_pagenr = '' } else { page_ajax_pagenr = page_ajax_pagenr + '/' }
    var page_ajax_full = page_ajax + page_ajax_pagenr;

    if (window.sb_stat) { $('outer').insert(sbMakeStatsImg( page_type, pi, cn, ss, page_ajax_full, true )) }
    try {pageTracker._trackPageview(page_ajax_full);} catch(err){}

  }

  page_loaded = 1;

}