// on dom ready
  window.addEvent('domready', function(){


    // in popup
    if ($('webshopPopupCloseButton'))
    {
      // close buttons click event :: close popup
      $('webshopPopupCloseButton').addEvent('click', hidePopup);
      if ($('webshopPopupCloseLink')) $('webshopPopupCloseLink').addEvent('click', hidePopup);

      // parent links click event :: target parent window
      $$('.parentLink').each(function(parentLink){
        parentLink.addEvent('click', function(event){
          parent.document.location = this.href;
          event.preventDefault();
        });
      });
    }
    else
    {
      // order buttons click event :: open ordering popup
      $$('.buttonOrder').each(function(buttonOrder){
        var element, link;
        if (buttonOrder.tagName.toLowerCase() == 'a') link = buttonOrder.href;
        else if (element = buttonOrder.getParent('a')) link = element.href;
        else if (element = buttonOrder.getParent('form')) link = element.action;

        buttonOrder.addEvent('click', showPopup.bindWithEvent(buttonOrder, link));
      });
    }

    // in popupAfspraak
    if ($('afspraakPopupCloseButton'))
    {
      // close buttons click event :: close popup
      $('afspraakPopupCloseButton').addEvent('click', hidePopup);
      if ($('afspraakPopupCloseLink')) $('afspraakPopupCloseLink').addEvent('click', hidePopup);

      // parent links click event :: target parent window
      $$('.parentLink').each(function(parentLink){
        parentLink.addEvent('click', function(event){
          parent.document.location = this.href;
          event.preventDefault();
        });
      });
    }
    else
    {
      // order buttons click event :: open ordering popup
      $$('.buttonAfspraak').each(function(buttonAfspraak){
        var element, link;
        if (buttonAfspraak.tagName.toLowerCase() == 'a') link = buttonAfspraak.href;
        else if (element = buttonAfspraak.getParent('a')) link = element.href;
        else if (element = buttonAfspraak.getParent('form')) link = element.action;

        buttonAfspraak.addEvent('click', showPopup.bindWithEvent(buttonAfspraak, link));
      });
    }

  });


  function showPopup(event, link)
  {

    if (window.console && window.console.info) console.info('popup');
    if (!window.Popup)
    {
      window.Popup = document.createElement('div');
      Popup = $(Popup);
      Popup.innerHTML = '<iframe style="width: 100%; height: 100%;" frameborder="1" scrolling="no"></iframe>';
      Popup.id = 'Popup';
      Popup.style.display = 'none';
      Popup.style.position = 'absolute';
      Popup.inject(document.getElement('body'));
    }
        if(link.match('winkelwagen-item-toevoegen.php'))
            {
                var form = this.getParent('form'), element, versionId;
		if(element = form.getElement('.productId')) link += '?productId=' + element.value;

		// quantity
		if (element = form.getElement('.quantityInput')) link += '&quantity=' + element.value;
		else link += '&quantity=1';
		// version
                // make sure a version is selected, default to first
                //if (element = form.getElement('.versionSelect')) link += '&versionId=' + (element.value != '' ? element.value : element.options[1].value);
		if (element = form.getElement('.versionSelect')) link = link.replace(/&versionId=[0-9]*/, '') + '&versionId=' + (versionId = element.value);
		else if (element = $('form_format_div')) link = link.replace(/&versionId=[0-9]*/, '') + '&versionId=' + (versionId = element.className.replace(/.*versionId=([0-9]*)\s?.*?/, '$1'));
                // for innotec : color
                if (element = $('form_color_' + versionId)) link += '&color=' + urlencode(element.value);
                else if (element = $('form_color_div_' + versionId)) link += '&color=' + urlencode(element.innerHTML.replace(/\s\([^\(\)]*\)$/, '') + '::' + element.innerHTML.replace(/.*\(([^\(\)]*)\)$/, '$1'));
            }
            
		Popup.getElement('iframe').src = link;
        if(link.match('winkelwagen-item-toevoegen.php'))
            {   Popup.style.left = event.page.x-330 + 'px';
                Popup.style.height = '170px';}
        else
            {   Popup.style.left = event.page.x-630 + 'px'; }
		Popup.style.top = event.page.y-160 + 'px';
		Popup.style.display = 'block';

		event.preventDefault();
            
	}

  function urlencode(str) 
  {
    return escape(str).replace(/\+/g,'%2B').replace(/%20/g, '+').replace(/\*/g, '%2A').replace(/\//g, '%2F').replace(/@/g, '%40');
  }


  function hidePopup()
  {
    var Popup = window.parent.Popup;

//var PopupIframe = Popup.getElement('iframe');
//(PopupIframe.contentWindow.document || PopupIframe.document).location = 'about:blank';
    Popup.getElement('iframe').src = 'about:blank';
    Popup.style.display = 'none';

    if ($('PopupCloseLink')) window.parent.document.location = window.parent.document.location;
  }


  function resizePopup(width, height)
  {
    var Popup = window.parent.Popup;

    Popup.style.width = width + 'px';
    Popup.style.height = height + 'px';
  }