$(document).ready(function() {
    Shadowbox.init({
    overlayColor: '#54704b',
    overlayOpacity: '0.4'
    }); 
       
    winkelwagen_overzicht();
    
    /************************
     * HOMEPAGE SLIDER
     ***********************/
    if($('.slider-blocks').length>0) {         
        var t = setInterval("auto_slider()",5000);
         
        $(".slider-blocks a").mouseover(function() {
            $(".slider_img").removeClass('actief');
            $(".slider_img").hide();
            $("#" + $(this).attr('rel')).show();
            $("#" + $(this).attr('rel')).addClass('actief');
            $(".slider-block").removeClass('actief');
            $(this).addClass('actief');
                    
            clearInterval(t);
            t = setInterval("auto_slider()",5000);
        });
    }
    
    /************************
    * DROPDOWN MENU
    ***********************/
    $("#nav li").mouseover(function() {
        $("ul", this).show();
    }).mouseout(function() {
        $("ul", this).hide();
    });
    
    /************************
    * RETURN ZOEKEN
    ***********************/   
   if($("input[name='zoeken']").keypress(function(e){
      if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {  
         Zoeken();
      }      
   }));    
});

function BlurVeld(p_sInhoud, p_sVeldid) {
   if($("#" + p_sVeldid).val()=="") {
      $("#" + p_sVeldid).val(p_sInhoud);
   }
} 

function FocusVeld(p_sInhoud, p_sVeldid) {
   if($("#" + p_sVeldid).val()==p_sInhoud) {
      $("#" + p_sVeldid).val("");
   }
} 

function CheckEmail(p_sEmail) {
   var sReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   if(sReg.test(p_sEmail) == false) {
      return false;
   } else {
      return true;
   }
}

function loader(tonen) {
   if(tonen==1) {
      var achtergrond = '<div id="modal_achtergrond"></div>';
      var inhoud = '<div id="modal_inhoud"><img id="loader_img" src="/images/loader.gif" alt="" /></div>';
      
      $("body").append(achtergrond);
      $("body").append(inhoud); 
      
      // CSS
   	$("#modal_achtergrond").css({
   		position: 'absolute',
   		zIndex: 99999,
   		padding: 0,
   		margin: 0,
   		top: '0px',
   		left: '0px',
   		width: '100%',
         background: '#54704b',
         opacity: 0.4,
   		height: $(document).height()
   	});
   	
   	$("#modal_inhoud").css({
   		padding: '20px',
   		background: 'white',
   		border: '5px solid #54704b',
   		width: "41px",
   		height: "11px"
   	});
   	
      // Inhoud positie berekenen
   	var top = (($(window).height() / 2) - ($("#modal_inhoud").outerHeight() / 2));
   	var left = (($(window).width() / 2) - ($("#modal_inhoud").outerWidth() / 2));

   	if( top < 0 ) top = 0;
   	if( left < 0 ) left = 0;
   	
   	// IE6 fix
   	if( $.browser.msie && parseInt($.browser.version) <= 6 ) top = top + $(window).scrollTop();
   	
   	// Modal box positioneren in midden van scherm
   	$("#modal_inhoud").css({
   	   position: 'fixed',
   	   zIndex: 999999,
   		top: top + 'px',   
   		left: left + 'px'
   	});               			   
   } else {
      $("#modal_achtergrond").remove();
      $("#modal_inhoud").remove();
      $("img#loader_img").remove();
   }
}

function winkelwagen_overzicht() {
   $.post("/ajax/winkelwagen_kort", {}, function(aAntwoord) {
      $("span#winkelwagenkort_aantal").html(aAntwoord['aantal']);
      $("span#winkelwagenkort_bedrag").html(aAntwoord['bedrag']);
   }, "json");
}

function auto_slider() {
    var nieuw = 1;
    
    if($('#slider_1').hasClass('actief')) {
        nieuw = 2;    
    } else if($('#slider_2').hasClass('actief')) {
        nieuw = 3;
    }
    
    $(".slider_img").removeClass('actief');
    $(".slider_img").hide();
    $("#slider_" + nieuw).show();
    $(".slider-block").removeClass('actief');
    $("#slider_" + nieuw).addClass('actief');
    $(".slider-block[rel='slider_" + nieuw + "']").addClass('actief');    
}

function toevoegen_winkelwagen(id) {
    var kleur = $("select#kleur_" + id).val();
    var aantal = $("select#aantal_" + id).val();
    
    loader(1);
    
    var velden = {};
    velden['kleur'] = kleur;
    velden['aantal'] = aantal;
    velden['id_artikel'] = id;
    
    $.post("/ajax/toevoegen_winkelwagen", velden, function(antwoord) {
        if(antwoord['success']==1) {
            winkelwagen_overzicht();
            
            jAlert('Het artikel is toegevoegd aan uw winkelwagen');
        } else {
            jAlert(antwoord['bericht']);
        }
        
        loader(0);
    }, "json");   
}

function toevoegen_winkelwagen_sample(id) {
    var kleur = $("select#kleur_" + id).val();

    loader(1);
    
    var velden = {};
    velden['kleur'] = kleur;
    velden['id_artikel'] = id;
    
    $.post("/ajax/toevoegen_winkelwagen_sample", velden, function(antwoord) {
        if(antwoord['success']==1) {
            winkelwagen_overzicht();
            
            jAlert('De monster aanvraag is toegevoegd aan uw winkelwagen.');
        } else {
            jAlert(antwoord['bericht']);
        }
        
        loader(0);
    }, "json");   
}

function verander_kleur(id) {
    var kleur = $("select#kleur_" + id).val();

    loader(1);
    
    var velden = {};
    velden['kleur'] = kleur;
    velden['id_artikel'] = id;
    
    $.post("/ajax/return_aantallen", velden, function(antwoord) {
        if(antwoord['success']!=1) {
            jAlert(antwoord['bericht']);
        } else {
            $("select#aantal_" + id).empty(),
            
            $.each(antwoord.aantallen, function(key) {
                $("select#aantal_" + id).append('<option value="' + key + '">' + key + ' stuks</option>');
            });
            
            $("#prijs_" + id).html(antwoord['eerste_prijs']);
        }
        
        loader(0);
    }, "json");    
}

function verander_aantal(id) {
    var kleur = $("select#kleur_" + id).val();
    var aantal = $("select#aantal_" + id).val();
    
    loader(1);
    
    var velden = {};
    velden['kleur'] = kleur;
    velden['aantal'] = aantal;
    velden['id_artikel'] = id;
    
    $.post("/ajax/return_prijs", velden, function(antwoord) {
        if(antwoord['success']==1) {
            winkelwagen_overzicht();
            
            $("#prijs_" + id).html(antwoord['prijs']);
            $("#prijs_btw_" + id).html(antwoord['prijs_incl']);
        } else {
            jAlert(antwoord['bericht']);
        }
        
        loader(0);
    }, "json"); 
}

function tab_tonen(num) {
    $(".tab-content").hide();
    $("#tab" + num).show();
    
    $("#image_zoom_1").hide();
    $("#image_zoom_0").hide();
    
    if($.browser.msie) {
        $("#image_zoom_0").css('margin-right', "152px");
    }
    
    $("#image_zoom_" + num).show();
}

function verander_kleur_winkelwagen(id, kleur, kleur_nieuw, id_aantal) {
    loader(1);
    
    var huidig_aantal = $("select#aantal_" + id + "_" + id_aantal);
    
    $.post("/ajax/winkelwagen_verander_kleur", {id: id, kleur: kleur, kleur_nieuw: kleur_nieuw, aantal: huidig_aantal}, function(antwoord) {
         $("#winkelwagen_ajax").load("/winkelwagen/WinkelwagenInhoud", function() {
            winkelwagen_overzicht();
            loader(0);
         });
    });
}

function verander_aantal_winkelwagen(id, kleur, aantal_nieuw) {
    loader(1);

    $.post("/ajax/winkelwagen_verander_aantal", {id: id, kleur: kleur, aantal: aantal_nieuw}, function(antwoord) {
         $("#winkelwagen_ajax").load("/winkelwagen/WinkelwagenInhoud", function() {
            winkelwagen_overzicht();
            loader(0);
         });
    });
}

function verwijder_artikel_winkelwagen(id, kleur) {
    loader(1);
    
    $.post("/ajax/winkelwagen_verwijder", {id: id, kleur: kleur}, function(antwoord) {
         $("#winkelwagen_ajax").load("/winkelwagen/WinkelwagenInhoud", function() {
            winkelwagen_overzicht();
            loader(0);
         });
    });
}

function verwijder_artikel_winkelwagen_sample(id, kleur) {
    loader(1);
    
    $.post("/ajax/winkelwagen_verwijder_sample", {id: id, kleur: kleur}, function(antwoord) {
         $("#winkelwagen_ajax").load("/winkelwagen/WinkelwagenInhoud", function() {
            winkelwagen_overzicht();
            loader(0);
         });
    });
}

function naar_stap1(p_sUrl) {
   loader(1);
   $.post("/ajax/NaarStap1", {}, function(iAntwoord) {
      if(iAntwoord==1) {
         window.location = "/" + p_sUrl;
      } else {
         loader(0);
         jAlert("U heeft niets in uw winkelwagen!");
      }
   });
}

function naar_stap2(redirect_url) {
    var aGegevens = {};
  
    // Checkboxen omzetten naar numerieke boolean 
    aGegevens['account'] = $("input[name='account']").is(":checked");
    if(aGegevens['account']) { aGegevens['account'] = 1; } else { aGegevens['account'] = 0; }
  
    // Gegevens
    aGegevens['voornaam'] = $("input[name='voornaam']").val();
    aGegevens['achternaam'] = $("input[name='achternaam']").val();
    aGegevens['bedrijfsnaam'] = $("input[name='bedrijfsnaam']").val();
    aGegevens['factuuradres'] = $("input[name='factuuradres']").val();
    aGegevens['postcode'] = $("input[name='postcode']").val();
    aGegevens['plaats'] = $("input[name='plaats']").val();
    aGegevens['land'] = $("select[name='land']").val();
    
    aGegevens['afleveradres'] = $("input[name='afleveradres']").val();
    aGegevens['afleverpostcode'] = $("input[name='afleverpostcode']").val();
    aGegevens['afleverplaats'] = $("input[name='afleverplaats']").val();
    aGegevens['afleverland'] = $("select[name='afleverland']").val();    
    
    aGegevens['telefoon'] = $("input[name='telefoon']").val();
    aGegevens['email'] = $("input[name='email']").val();
    aGegevens['opmerking'] = $("textarea[name='opmerking']").val();
    
    aGegevens['wachtwoord1'] = $("input[name='wachtwoord1']").val();
    aGegevens['wachtwoord2'] = $("input[name='wachtwoord2']").val();
    
    aGegevens['inloggen'] = $("#inloggen").val();
    aGegevens['login_email'] = $("input[name='login_email']").val();
    aGegevens['login_wachtwoord'] = $("input[name='login_wachtwoord']").val();

    if(aGegevens['inloggen'] == 0 && (!aGegevens['email'] || !aGegevens['afleverpostcode'] || !aGegevens['afleverpostcode'] || !aGegevens['afleverplaats'] || !aGegevens['afleverland'] || !aGegevens['telefoon'] || !aGegevens['voornaam'] || !aGegevens['achternaam'] || !aGegevens['bedrijfsnaam'] || !aGegevens['factuuradres'] || !aGegevens['postcode'] || !aGegevens['plaats'] || !aGegevens['afleveradres'])) {
        jAlert(aTalen['alle_velden'][taal_id]);
    } else {
        if(aGegevens['inloggen']==0 && CheckEmail(aGegevens['email'])==false) {
            jAlert(aTalen['geen_geldig_email'][taal_id]);
        } else {
            if(aGegevens['inloggen']==0 && (aGegevens['account']==1 && (aGegevens['wachtwoord1']=='' || aGegevens['wachtwoord2']==''))) {
                jAlert('U heeft beide wachtwoorden niet ingevuld');
            } else {
                if(aGegevens['inloggen']==0 && (aGegevens['account']==1 && (aGegevens['wachtwoord1']!=aGegevens['wachtwoord2']))) {
                    jAlert('U heeft niet twee dezelfde wachtwoorden ingegeven');
                } else {            
                    loader(1);         
                    $.post("/ajax/NaarStap2", aGegevens, function(aAntwoord) {
                        if(aAntwoord['success']==0) {
                            jAlert(aAntwoord['bericht']);
                            loader(0);
                        } else {
                            if(aAntwoord['success']==1) {
                                window.location = "/" + redirect_url;
                            }
                        }
                    }, "json");
                }
            }  
        }       
    }
} 

function PlaatsBestelling(p_sUrl) {
    if(!$("input[name='voorwaarden']").is(":checked")) {
        jAlert('U dient akkoord te gaan met de algemene voorwaarden.')
    } else {
        jAlert(aTalen['bestelling_plaatsen_js'][taal_id], '', function() {
            loader(1); 
            $.post("/ajax/BestellingPlaatsen", {}, function(aAntwoord) {
                if(aAntwoord['bericht']!="") {
                    jAlert(aAntwoord['bericht']);
                    loader(0);
                } else {
                    window.location = "/" + p_sUrl;
                }
            }, "json");
        });
    }   
}

function OrderAnnuleren(p_iId) {
   jConfirm(aTalen['zeker_annuleren'][taal_id], "", function(bReturn) {
      if(bReturn==true) {
         loader(1);
         $.post("/ajax/OrderAnnuleren", {id: p_iId}, function(aAntwoord) {
            if(aAntwoord['success']==1) {
               window.location = "/" + aAntwoord['redirect'];
            } else {
               jAlert(aAntwoord['bericht']);
            }
            
            Loader(0);      
         }, "json");
      }
   });
}

function kopier_adres() {
    var factuuradres = $("input[name='factuuradres']").val();
    var factuurpostcode = $("input[name='postcode']").val();
    var factuurplaats = $("input[name='plaats']").val();
    var factuurland = $("select[name='land']").val();
    
    $("input[name='afleveradres']").val(factuuradres);
    $("input[name='afleverpostcode']").val(factuurpostcode);
    $("input[name='afleverplaats']").val(factuurplaats);
    $("select[name='afleverland']").val(factuurland); 
}

function Zoeken() {
    loader(1);
    var sString = $("input[name='zoeken']").val();
    
    $.post("/ajax/Zoeken", {zoeken: sString}, function(sAntwoord) {
        window.location = "/zoeken/" + sAntwoord;      
    });
}

function uitloggen(redirect) {
    loader(1);
    $.post("/ajax/uitloggen", {}, function(sAntwoord) {
        window.location = "/" + redirect;      
    });
}

function inloggen(redirect) {
    var email = $("input[name='login_email']").val();
    var wachtwoord = $("input[name='login_wachtwoord']").val();
    
    loader(1);
    $.post("/ajax/inloggen", {email: email, wachtwoord: wachtwoord}, function(antwoord) {
        if(antwoord['success']==1) {
            window.location = "/" + redirect;
        } else {
            loader(0);
            jAlert(antwoord['bericht']);
        }      
    }, "json");
}

function registreren(redirect) {
    var aGegevens = {};
  
    aGegevens['voornaam'] = $("input[name='reg_voornaam']").val();
    aGegevens['achternaam'] = $("input[name='reg_achternaam']").val();
    aGegevens['bedrijfsnaam'] = $("input[name='reg_bedrijfsnaam']").val();
    aGegevens['factuuradres'] = $("input[name='reg_factuuradres']").val();
    aGegevens['postcode'] = $("input[name='reg_postcode']").val();
    aGegevens['plaats'] = $("input[name='reg_plaats']").val();
    aGegevens['land'] = $("select[name='reg_land']").val();
    aGegevens['telefoon'] = $("input[name='reg_telefoon']").val();
    aGegevens['email'] = $("input[name='reg_email']").val();
    aGegevens['wachtwoord1'] = $("input[name='reg_wachtwoord1']").val();
    aGegevens['wachtwoord2'] = $("input[name='reg_wachtwoord2']").val();

    if(!aGegevens['email'] || !aGegevens['telefoon'] || !aGegevens['voornaam'] || !aGegevens['achternaam'] || !aGegevens['bedrijfsnaam'] || !aGegevens['factuuradres'] || !aGegevens['postcode'] || !aGegevens['plaats']) {
        jAlert(aTalen['alle_velden'][taal_id]);
    } else {
        if(CheckEmail(aGegevens['email'])==false) {
            jAlert(aTalen['geen_geldig_email'][taal_id]);
        } else {
            if(aGegevens['wachtwoord1']=='' || aGegevens['wachtwoord2']=='') {
                jAlert('U heeft beide wachtwoorden niet ingevuld');
            } else {
                if(aGegevens['wachtwoord1']!=aGegevens['wachtwoord2']) {
                    jAlert('U heeft niet twee dezelfde wachtwoorden ingegeven');
                } else {            
                    loader(1);         
                    $.post("/ajax/registreren", aGegevens, function(aAntwoord) {
                        if(aAntwoord['success']==0) {
                            jAlert(aAntwoord['bericht']);
                            loader(0);
                        } else {
                            if(aAntwoord['success']==1) {
                                window.location = "/" + redirect;
                            }
                        }
                    }, "json");
                }
            }  
        }       
    }
}

function BetaalMsp(p_sGateway) {
   loader(1);

   $.post("/ajax/BetaalMsp", {gateway: p_sGateway}, function(aAntwoord) {
      if(aAntwoord['bericht']!="") {
         loader(0);
         jAlert(aAntwoord['bericht']);
      } else {
         window.location = aAntwoord['url'];
      }
   }, "json");
}

function KortingsCodeToevoegen() {
   var sCode = $("input[name='kortingscode']").val();

   if(sCode=="") {
      KortingscodeVerwijderen();
   } else {
      loader(1);
   
      $.post("/ajax/KortingscodeToevoegen", {code: sCode}, function(aAntwoord) {
         if(aAntwoord['success']==1) {
            $("#winkelwagen_ajax").load("/winkelwagen/WinkelwagenInhoud", function() {
               winkelwagen_overzicht();
               loader(0);
            });
         } else {
            if(aAntwoord['bericht']!="") {
               jAlert(aAntwoord['bericht']);
            } else {
               jAlert("U heeft een ongeldige kortingscode ingegeven, of een kortingscode die niet van toepassing is op uw bestelling");
               $("input[name='kortingscode']").val("");
            }
            loader(0);
         }
      }, "json");
   }
}
 
function KortingscodeVerwijderen() {
   loader(1);

   $.post("/ajax/KortingscodeVerwijderen", {}, function(aAntwoord) {
      $("#winkelwagen_ajax").load("/winkelwagen/WinkelwagenInhoud", function() {
         winkelwagen_overzicht();
         loader(0);
      });
   }, "json");
}

function account_aanpassen() {
    var aGegevens = {};
  
    aGegevens['voornaam'] = $("input[name='voornaam']").val();
    aGegevens['achternaam'] = $("input[name='achternaam']").val();
    aGegevens['bedrijfsnaam'] = $("input[name='bedrijfsnaam']").val();
    aGegevens['factuuradres'] = $("input[name='factuuradres']").val();
    aGegevens['postcode'] = $("input[name='postcode']").val();
    aGegevens['plaats'] = $("input[name='plaats']").val();
    aGegevens['land'] = $("select[name='land']").val();
    aGegevens['telefoon'] = $("input[name='telefoon']").val();
    aGegevens['email'] = $("input[name='email']").val();
    aGegevens['wachtwoord1'] = $("input[name='wachtwoord1']").val();
    aGegevens['wachtwoord2'] = $("input[name='wachtwoord2']").val();

    if(!aGegevens['email'] || !aGegevens['telefoon'] || !aGegevens['voornaam'] || !aGegevens['achternaam'] || !aGegevens['bedrijfsnaam'] || !aGegevens['factuuradres'] || !aGegevens['postcode'] || !aGegevens['plaats']) {
        jAlert(aTalen['alle_velden'][taal_id]);
    } else {
        if(CheckEmail(aGegevens['email'])==false) {
            jAlert(aTalen['geen_geldig_email'][taal_id]);
        } else {
            if(aGegevens['wachtwoord1']!=aGegevens['wachtwoord2']) {
                jAlert('U heeft niet twee dezelfde wachtwoorden ingegeven');
            } else {     
                loader(1);
                               
                $.post("/ajax/account_aanpassen", aGegevens, function(aAntwoord) {
                    if(aAntwoord['success']==0) {
                        loader(0);
                        jAlert(aAntwoord['bericht']);
                    } else {
                        loader(0);
                        jAlert('Uw account is aangepast') 
                    }
                }, "json");
            }
        }       
    }
}

function contact_versturen(redirect) {
    var aGegevens = {};
    
    aGegevens['voornaam'] = $("input[name='contact_voornaam']").val();
    aGegevens['achternaam'] = $("input[name='contact_achternaam']").val();
    aGegevens['bedrijfsnaam'] = $("input[name='contact_bedrijf']").val();
    aGegevens['telefoon'] = $("input[name='contact_telefoon']").val();
    aGegevens['email'] = $("input[name='contact_email']").val();
    aGegevens['bericht'] = $("textarea[name='contact_bericht']").val();
    
    if(!aGegevens['email'] || !aGegevens['voornaam']) {
        jAlert(aTalen['alle_velden'][taal_id]);
    } else {
        if(CheckEmail(aGegevens['email'])==false) {
            jAlert(aTalen['geen_geldig_email'][taal_id]);
        } else {
            loader(1);
                           
            $.post("/ajax/contact_versturen", aGegevens, function(aAntwoord) {
                if(aAntwoord['success']==0) {
                    loader(0);
                    jAlert(aAntwoord['bericht']);
                } else {
                    loader(0);
                    window.location = '/' + redirect; 
                }
            }, "json");
        }       
    }    
}