function addToTotaal(priceFrom)
{
    
    var priceFrom = priceFrom;    
    $.ajax({
        data: "class=bestellenStap1&method=reCount&action=add&priceFrom="+priceFrom+"",
        success: function(d){
        
            $('#totalS').html('€ '+d.totaalOpstartKosten);
            $('#totalM').html('€ '+d.totaalMaandTarief);            
        }        
    });
    
    
}

function removeFromTotaal(priceFrom)
{

    var priceFrom = priceFrom;    
    $.ajax({
        data: "class=bestellenStap1&method=reCount&action=remove&priceFrom="+priceFrom+"",
        success: function(d){
        
            $('#totalS').html('€ '+d.totaalOpstartKosten);
            $('#totalM').html('€ '+d.totaalMaandTarief);            
        }        
    });
    

}


$(document).ready(function()
{


    $('.addImage').click(function(e){
    
        var clickedOn = $(this).attr('id');
        
        var buttonOnOff = $('#'+clickedOn).attr('src');
        
        if(buttonOnOff == '/img/verwijder.png')
        {
            $('#'+clickedOn+'S').fadeOut(300); 
            $('#'+clickedOn+'M').fadeOut(300);                      
            $('#'+clickedOn).attr('src', '/img/voegToe.png');        
            removeFromTotaal(clickedOn);                     
        }
                
        
        if(buttonOnOff == '/img/voegToe.png')
        {
            $('#'+clickedOn+'S').fadeIn(300); 
            $('#'+clickedOn+'M').fadeIn(300);                      
            $('#'+clickedOn).attr('src', '/img/verwijder.png');        
            addToTotaal(clickedOn);          
        }           

    });
    
    $('.volgende1').click(function(e){
        
        var checkWebBas = $('#webBas').attr('src');
        var checkWebSho = $('#webSho').attr('src');
        var checkWebExt = $('#webExt').attr('src');
        
        if(checkWebBas != '/img/verwijder.png' && checkWebSho != '/img/verwijder.png' && checkWebExt != '/img/verwijder.png')
        {        
            alert('Selecteer minimaal 1 basispakket');
        }
        else
        {
            window.location = '/bestellen/kies-een-domeinnaam.html';
        }
        
        
    });
    
});