$(document).ready(
    function(){
        
        /*
     * Sending
     */
        $('#reservation_form').live('submit',function(event){
            event.preventDefault();
            // validate form
            validation_success = true;
            $('input[type=text]').attr('style','color:#666;background:#F9F9F9');
            if($('input[name=forename]').val()=='' || $('input[name=forename]').val()==$('input[name=forename]').attr('lang')){
                $('input[name=forename]').attr('style','color:#FFF;background:#A04141');
                validation_success = false;
            }
            if($('input[name=name]').val()=='' || $('input[name=name]').val()==$('input[name=name]').attr('lang')){
                $('input[name=name]').attr('style','color:#FFF;background:#A04141');
                validation_success = false;
            }
            var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
            if(!emailReg.test($('#reservation_email').val())){
                $('input[name=email]').attr('style','color:#FFF;background:#A04141');
                validation_success = false; 
            }
            // send data
            if(validation_success){
                $('#reservation_submit').replaceWith('<img src="/wp-content/plugins/reservation/ajax-loader.gif" alt="loader"/>');
                $.post($(this).attr('action'),$(this).serialize(),function(data){
                    $('.fancy-wrapper').html("<h2>"+data+"</h2>");
                })
            }
        })
        /*
     * Admin
     */
        //init
        val = $("#reservations-select-event").val();
        $('.admin-reservation').each(function(event){
            $(this).hide()
            if($(this).attr('id')==val || val == 0){
                $(this).show()
            }else{
                $(this).hide()
            }
        })
        //select
        $('#reservations-select-event').live('change',function(event){
       
            val = $(this).val();
            count = 0
            $('.admin-reservation').each(function(event){
                $(this).hide()
                if($(this).attr('id')==val || val == 0){
                    $(this).show()
                    count = count+parseInt($(this).children('.amount').html());
                    //console.log($(this).children(''))
                }else{
                    $(this).hide()
                }
            })
            $('#reservation_count').html(count+' Reservationen');
        })
    });