var btn1_algemeen     = new Image(); btn1_algemeen.src     = "gfx/btn1over_algemeen.gif";
var btn1_kinderen     = new Image(); btn1_kinderen.src     = "gfx/btn1over_kinderen.gif";
var btn1_zwanger      = new Image(); btn1_zwanger.src      = "gfx/btn1over_zwanger.gif";
var btn1_drinkwijzer  = new Image(); btn1_drinkwijzer.src  = "gfx/btn1over_drinkwijzer.gif";
var btn2_tips         = new Image(); btn2_tips.src         = "gfx/btn2over_tips.gif";
var btn2_recepten     = new Image(); btn2_recepten.src     = "gfx/btn2over_recepten.gif";
var btn2_siropen      = new Image(); btn2_siropen.src      = "gfx/btn2over_siropen.gif";
var btn2_fruitdranken = new Image(); btn2_fruitdranken.src = "gfx/btn2over_fruitdranken.gif";
var btn3_kids         = new Image(); btn3_kids.src         = "gfx/btn3over_kids.gif";
var btn3_eropuit      = new Image(); btn3_eropuit.src      = "gfx/btn3over_eropuit.gif";
var btn3_acties       = new Image(); btn3_acties.src       = "gfx/btn3over_acties.gif";

function btn1over(item)  { document.images.btn1.src = eval("btn1_"+item+".src") }
function btn1out()       { document.images.btn1.src = "gfx/trans.gif"           }
function btn1click(item, btn1back, btn1sel) { 
  var menu = document.getElementById(item);
  if(menu.open) {
    hide(menu);
  } else {
    document.images.btn1back.src = "gfx/" + btn1back + "wit.gif";
    document.images.btn1sel.src= eval("btn1_"+item+".src"); 
    showmenu(menu, function() {
        document.images.btn1back.src = "gfx/" + btn1back + ".gif";
        document.images.btn1sel.src = "gfx/" + btn1sel + ".gif";
      });
  }
}

function btn2over(item)  { document.images.btn2.src = eval("btn2_"+item+".src") }
function btn2out()       { document.images.btn2.src = "gfx/trans.gif"           }
function btn2click(item, btn2sel) { 
  var menu = document.getElementById(item);
  if(menu.open) {
    hide(menu);
  } else {
    document.images.btn2sel.src= eval("btn2_"+item+".src"); 
    showmenu(menu, function() {
        document.images.btn2sel.src = "gfx/" + btn2sel + ".gif";
      });
  }
}

function btn3over(item)  { document.images.btn3.src = eval("btn3_"+item+".src") }
function btn3out()       { document.images.btn3.src = "gfx/trans.gif"           }
function btn3click(item, btn3back, btn3sel) { 
  var menu = document.getElementById(item);
  if(menu.open) {
    hide(menu);
  } else {
    //document.images.btn3back.src = "gfx/" + btn3back + "wit.gif";
    document.images.btn3sel.src= eval("btn3_"+item+".src"); 
    showmenu(menu, function() {
        document.images.btn3back.src = "gfx/" + btn3back + ".gif";
        document.images.btn3sel.src = "gfx/" + btn3sel + ".gif";
      });
  }
}

function getTarget(e) {
	var targ;
	if (!e) e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
  return targ;
}

function vragen_closeall() {
  var vragen = document.getElementById("vragen");
  if (vragen) {
    var h2 = vragen.getElementsByTagName("h2");
    for (var h=0; h < h2.length; h++) {
      var parent = h2[h].parentNode;
      while (parent && parent.tagName != 'DIV') parent = parent.parentNode;
      parent.className = "collapsed";
      var height = parent.offsetHeight;
      if (height < 28) {
        parent.style.height = "28px";
      }
    }
  }
}

function vraag_expandORcollapse(e) {
  var target = getTarget(e);
  var parent = target.parentNode;
  while (parent && parent.tagName != 'DIV') parent = parent.parentNode;

  var expand = (parent.className == "collapsed");
  vragen_closeall();
  if(expand) { 
    parent.className = "expanded";
    parent.style.height = "auto";
  }
}

function vraag_hi(e) {
  var target = getTarget(e);
  target.className = "selected";
}

function vraag_lo(e) {
  var target = getTarget(e);
  target.className = "";
}

function initvragen() {
  var vragen = document.getElementById("vragen");
  if (vragen) {
 /*
    var div = vragen.getElementsByTagName("div");
    for(var d=0; d < div.length; d++) {
      if(div[d].className == "expanded") {
        var p = div[d].getElementsByTagName("p");
        for(var i=0; i<p[i].length; i++) {
          p[i].style.display = "none";
        }
      }
    }
*/    
    var h2 = vragen.getElementsByTagName("h2");
    for (var h=0; h < h2.length; h++) {
      h2[h].onmousedown = vraag_expandORcollapse;
      h2[h].onmouseover = vraag_hi;
      h2[h].onmouseout  = vraag_lo;
      var height = h2[h].parentNode.offsetHeight;
      if (height < 28) {
        h2[h].parentNode.style.height = "28px";
      }
    }
  }
}

function dw_select(url, name, bijz) {
  var pageUrl = url.substring(0, 42) + "menu=producten_productwijzer&page=" + name + "&bijz=" + bijz;
//  console.log(name)
  location = pageUrl;
  // location = url + "&bijz=" + name;
}

function dw_selectleeftijd(url, list) {
  var leeftijd2index = [0,262, 263, 264, 265, 266, 267]; // mapping the dropdown index's to pagenames (disquised as pagenrs)
  var leeftijd = list.options[list.selectedIndex].text;
  var leeftijdpage = leeftijd2index[list.selectedIndex];
  location = url + "&page=" + leeftijdpage + "&leeftijd=" + leeftijd;
  // var leeftijdpage = leeftijd2index[list.selectedIndex];
  // location = url + "&bijz=" + list.options[list.selectedIndex].value + "&page=" + leeftijdpage;
}

function popup(url, naam) {
  var w = window.open(url, naam, "scrollbars=0, resizable=0, width=534, height=450, status=0");
  w.focus();
}

function popup2(url, naam) {
  var w = window.open(url, "Voorwaarden", "scrollbars=1, resizable=1, left=200, top=200, width=400, height=450, status=0");
  w.focus();
}

function popup3(url, naam) {
  var w = window.open(url, "Voorwaarden", "scrollbars=1, resizable=1, left=200, top=200, width=320, height=256, status=0");
  w.focus();
}

function popup_drinktest(url) {
  var w = window.open(url, "Drinktest", "scrollbars=0, resizable=0, left=100, top=100, width=482, height=632, status=0");
  w.focus();
}

function OpenWidget() {
//  $('iframe').attr('src','widget/drinkmeter.html');
  $('.pqcontent').html('<iframe src="widget/drinkmeter.html" width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" allowtransparency="true" style="border:0 solid #000; background-color: transparent"></iframe>');
  $('.pqachtergrond').fadeIn();
}

function init() {
//  initmenus();
  initvragen();
}

onload = init;