$(document).ready(function() {
  replaceText();

  for(var i=0;i<document.forms.length;i++)
  {
    for(j=0;j<document.forms[i].length;j++)
    {
      if(document.forms[i].elements[j].type == "text" && document.forms[i].id != 'zoekform')
      {
        document.forms[i].elements[j].onfocus = function() {this.className = 'inputfocused';}
        document.forms[i].elements[j].onblur = function() {this.className = '';}
      }
    }
  }

  var betaalformulier = document.getElementById('betaalformulier');

  if(betaalformulier != null)
  {
    document.getElementById('btn_betaal').onclick = function()
    {
      var error = false;
      var errormsg = '';
      if(document.getElementById('ideal').checked == true)
      {
        if(document.getElementById('bank_select').selectedIndex == 0)
        {
          error = true;
          errormsg = 'Selecteer uw bank';
        }
        else
        {
          betaalformulier.action= "https://payment.buckaroo.nl/gateway/ideal_payment.asp";
        }
      }
      else if(document.getElementById('machtiging').checked == true)
      {
        betaalformulier.action= "https://payment.buckaroo.nl/gateway/machtiging.asp";
      }
      else
      {
        error = true;
        errormsg = 'Selecteer uw betalingswijze';
      }

      if(error == true)
      {
        document.getElementById('errordiv').innerHTML=errormsg;
        document.getElementById('errordiv').style.display='';

      }
      else
      {
        betaalformulier.submit();
      }
    }

    document.getElementById('bank_select').onchange = function()
    {
      if(this.selectedIndex > 0)
      {
        document.getElementById('ideal').checked = true;
      }
      else
      {
        document.getElementById('ideal').checked = false;
      }
    }

    document.getElementById('machtiging').onclick = function()
    {
      document.getElementById('bank_select').selectedIndex = 0;
    }
  }
});

function replaceText()
{

  //replace page title
  $('#content h1').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=1&text='+urlencode(text)+'" />');
  });

  $('#main_content_home h1').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=11&text='+urlencode(text)+'" />');
  });

  $('#main_content_top_content_titel h1').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=1&text='+urlencode(text)+'" />');
  });

  $('#main_content_top_content_categorie h1').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=5&text='+urlencode(text)+'" />');
  });

  $('#main_content_top_content_product h1').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=1&text='+urlencode(text)+'" />');
  });

  $('.actievlak h1').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=4&text='+urlencode(text)+'" />');
  });

  $('#content h2').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=2&text='+urlencode(text)+'" />');
  });

  $('#main_content_top_submenu_titel h2').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=3&text='+urlencode(text)+'" />');
  });

  $('#main_content_top_zoeken_titel h2').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=10&text='+urlencode(text)+'" />');
  });

  $('#main_content_top_content_right h2').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=6&text='+urlencode(text)+'" />');
  });

  //prijs
  $('#main_content_top_content_prijs h1').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=7&text='+urlencode(text)+'" />');
  });

  //prijs - home
  $('#main_content_home .vlak h2').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=12&text='+urlencode(text)+'" />');
  });

  //winkelwagen headers
  $('#winkelwagen_tabel th').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=8&text='+urlencode(text)+'" />');
  });

  //winkelwagen footer
  $('#winkelwagen_totaal').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=9&text='+urlencode(text)+'" />');
  });

  //winkelwagen footer
  $('#main_content_home_tagline').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=13&text='+urlencode(text)+'" />');
  });
}

function in_array(needle, haystack, strict) {
    // Checks if the given value exists in the array
    //
    // version: 810.114
    // discuss at: http://phpjs.org/functions/in_array
    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // *     example 1: in_array('van', ['Kevin', 'van', 'Zonneveld']);
    // *     returns 1: true
    var found = false, key, strict = !!strict;

    for (key in haystack) {
        if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
            found = true;
            break;
        }
    }

    return found;
}

function urlencode( str ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Philip Peterson
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: AJ
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Brett Zamir
    // %          note: info on what encoding functions to use from: http://xkr.us/articles/javascript/encode-compare/
    // *     example 1: urlencode('Kevin van Zonneveld!');
    // *     returns 1: 'Kevin+van+Zonneveld%21'
    // *     example 2: urlencode('http://kevin.vanzonneveld.net/');
    // *     returns 2: 'http%3A%2F%2Fkevin.vanzonneveld.net%2F'
    // *     example 3: urlencode('http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a');
    // *     returns 3: 'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a'

    var histogram = {}, tmp_arr = [];
    var ret = str.toString();

    var replacer = function(search, replace, str) {
        var tmp_arr = [];
        tmp_arr = str.split(search);
        return tmp_arr.join(replace);
    };

    // The histogram is identical to the one in urldecode.
    histogram["'"]   = '%27';
    histogram['(']   = '%28';
    histogram[')']   = '%29';
    histogram['*']   = '%2A';
    histogram['~']   = '%7E';
    histogram['!']   = '%21';
    histogram['%20'] = '+';

    // Begin with encodeURIComponent, which most resembles PHP's encoding functions
    ret = encodeURIComponent(ret);

    for (search in histogram) {
        replace = histogram[search];
        ret = replacer(search, replace, ret) // Custom replace. No regexing
    }

    // Uppercase for full PHP compatibility
    return ret.replace(/(\%([a-z0-9]{2}))/g, function(full, m1, m2) {
        return "%"+m2.toUpperCase();
    });

    return ret;
}