$(document).ready(function(){

  $('a[href^=http://dmsonline.fitnesscarnisselande.nl], input#inschrijven').click(openSubscribeForm);
  $('a.subscribe_close').live('click', closeSubscribeForm);

	//in jQuery of in CSS???
	$('ul#inschrijvingen li:not(:#submitList)').hover(function(){
		$(this).css('background-position','-460px bottom');
		$(this).css('cursor','pointer');
	}, function(){
		$(this).css('background-position','-460px top');
	});
	$('ul#inschrijvingen li#firstItem').hover(function(){
		$(this).css('background-position','left bottom');
		$(this).css('cursor','pointer');
	}, function(){
		$(this).css('background-position','left top');
	});
				
	$('ul#inschrijvingen li:not(:last-child)').click(function(){$(this).find('input:radio').attr('checked','checked');});
	
	// muah!!! als javascript uit staat geef ie dit ook niet weer
	$('ul#inschrijvingen li#submitList').append('<span id="total">Totaal: <strong>&nbsp;<\/strong><\/span> ');
	
	// http://stackoverflow.com/questions/1324703/how-might-i-calculate-the-sum-of-radio-button-values-using-jquery

var total = 0;
var extra = 0;        

        $("").click(function() {

console.log('hoi');
	    $("input[type=checkbox]:checked").each(function() {
	        total += parseFloat($(this).val());
                extra = parseFloat($(this).val());
	    });

	    $("input[type=radio]:checked").each(function() {
	        total += parseFloat($(this).val());
	    });

            $('#inschrijvingen li').each(function() {
              var ppm = parseFloat($('input:radio', this).val());
              if(ppm) {
                var ppd = (Math.round(((ppm + extra) / 31) * 100) / 100) + '';
                $('.price_per_day', this).text(ppd.replace('.', ','));
              }
            });

	    $("span#total strong").html(total);
            
            extra = total = 0;

	});
	
	// bereken van te voren de prijs in *totaal


	var radioVal = $('input[type=radio]:checked').val();


	var checkboxVal = $('input[type=checkbox]:checked').val();
	
	var totaal = parseFloat(radioVal)+parseFloat(checkboxVal);
	$("span#total strong").html(totaal);
			
	$('input#inschrijven').hover(function(){$(this).css('background-position','bottom')}, function(){$(this).css('background-position','top')});
	$('input#versturen').hover(function(){$(this).css('background-position','bottom')}, function(){$(this).css('background-position','top')});
});

function closeSubscribeForm(evt) {
  evt.preventDefault();
  $('#programma-overlay').fadeOut(50);
  $('#subscribe_lb').remove();
}

function openSubscribeForm(evt) {
    evt.preventDefault();
    
    $('#programma-overlay').fadeIn(50, function(e) { $(this).css('opacity', .75); }).height($('body').innerHeight()).width($('body').innerWidth());
    
    $('body').append('<div class="programma" id="subscribe_lb"><iframe src="http://dmsonline.fitnesscarnisselande.nl/signup.php"></iframe><a class="subscribe_close">x</a></div>');
    
}