function selectArtikel(origid,idkleur) {
    idkleur = idkleur.split(';');
    $('#artikelid2').val(idkleur[0]);
    omsch = $('#Omschrijving_orig').val();
    $('#Omschrijving').val(omsch +' '+ idkleur[1]);

    getArtikelVoorraad(idkleur[0],origid);
    changeMainImage(idkleur[0]);
}

function changeMainImage(id) {
    vid = $('#artikelid_orig').val();
    if(id == 0) {
        id = vid;
    }
    $.get('/getpage.php?page=getMainImage&artikelid='+ id, function(data) {
        $('#preview-main').html(data);
        if(data) {
         Shadowbox.setup();
        }
    });
}

function changefunc(value){
    document.filter.submit();
}

function delete_filter(id){
    //'form.'+ id +'.value');
    eval('document.filter.filter'+id+'.value = ""');
    document.filter.submit();
}
function getArtikelVoorraad(id,vid){
    vid = $('#artikelid_orig').val();
    $.get('/getpage.php?page=voorraad&vartikelid='+ vid +'&artikelid='+ id, function(data) {
        $('#delivery-text').html(data);
    });
}

function add_chart(obj) {
    /*if (!$('#artikelid2').val() || $('#artikelid2').val() == 0){
        alert('Selecteer eerst je maat.');
        return false;
    }*/
      document.getElementById('modal').innerHTML = "<img src='/images/loading-bar.gif'>";
      Popup.showModal('modal',null,null);
      var poststr = "Aantal=" + encodeURI( obj.Aantal.value ) +
                    "&ArtikelID=" + encodeURI( obj.ArtikelID.value ) +
                    "&Omschrijving=" + encodeURI( obj.Omschrijving.value ) +
                "&Prijs=" + encodeURI( obj.Prijs.value );
    if(typeof(obj.Type)=="undefined"){
        //alert('top');
    }else{
        poststr = poststr +
                    "&Type=" + encodeURI( obj.Type.value );
    }

      $(function() {
      $.ajax({
          type: 'POST',
          url: '/chart/add',
          data: poststr,
          success: getMandje
      });

      function getMandje(){
      $.get('/getpage.php?page=mandje', function(data) {
          $('#inhoud-winkelmandje-home').html(data);
          Popup.hide('modal');
        });
      }
      });

}

/*function add_chart(obj) {
    /*if (!$('#artikelid2').val() || $('#artikelid2').val() == 0){
        alert('Selecteer eerst je maat.');
        return false;
    }
      document.getElementById('modal').innerHTML = "<img src='/images/loading-bar.gif'>";
      Popup.showModal('modal',null,null);
      var poststr = "Aantal=" + encodeURI( obj.Aantal.value ) +
                    "&ArtikelID=" + encodeURI( obj.ArtikelID.value ) +
                    "&Omschrijving=" + encodeURI( obj.Omschrijving.value ) +
                "&Prijs=" + encodeURI( obj.Prijs.value );
      $(function() {
      $.ajax({
          type: 'POST',
          url: '/chart/add',
          data: poststr,
          success: getMandje
      });

      function getMandje(){
      $.get('/getpage.php?page=mandje', function(data) {
          $('#inhoud-winkelmandje-home').html(data);
          Popup.hide('modal');
        });
      }
      });

}
*/

function get(obj) {
    /*if (!$('#artikelid2').val() || $('#artikelid2').val() == 0){
        alert('Selecteer eerst je maat.');
        return false;
    }*/
      document.getElementById('modal').innerHTML = "<img src='/images/loading-bar.gif'>";
      Popup.showModal('modal',null,null);
      var poststr = "Aantal=" + encodeURI( obj.Aantal.value ) +
                    "&ArtikelID=" + $('#artikelid2').val() +
                    "&Omschrijving=" + encodeURI( obj.Omschrijving.value ) +
                "&Prijs=" + encodeURI( obj.Prijs.value );
      $(function() {
      $.ajax({
          type: 'POST',
          url: '/chart/add',
          data: poststr,
          success: getMandje
      });

      function getMandje(){
      $.get('/getpage.php?page=mandje', function(data) {
          $('#inhoud-winkelmandje-home').html(data);
          Popup.hide('modal');
          window.location.replace("/chart");
        });
      }
      });

}

/* uitgezet door DERCK!
function getArtikelVoorraad(id)
{
    vid = $('#artikelid_orig').val();
    $.get('/getpage.php?page=voorraad&vartikelid='+ vid +'&artikelid='+ id, function(data) {
        $('#voorraad').html(data);
    });
}*/
/*
function selectArtikel(id) {
    $('#artikelid2').val(id);
    //alert(id);
    getArtikelVoorraad(id);
}*/

function switchTab(elementID, className, boxClassName)
{
    $('.'+className+'-active').removeClass(className+'-active');
    $('#'+elementID+'-tab').addClass(className+'-active');
    $('.'+boxClassName).css('display', 'none');
    $('#'+elementID+'-box').css('display', 'block');
}