var feedbackTab = {
    speed:300,
    containerWidth:$('.feedback-panel').outerWidth(),
    containerHeight:$('.feedback-panel').outerHeight(),
    tabWidth:$('.feedback-tab').outerWidth(),
    init:function(){
        $('.feedback-panel').css('height',feedbackTab.containerHeight + 'px');
        $('a.feedback-tab').click(function(event){
            if ($('.feedback-panel').hasClass('open')) {
                $('.feedback-panel').animate({left:'-' + feedbackTab.containerWidth}, feedbackTab.speed)
                .removeClass('open');
            } else {
                $('.feedback-panel').animate({left:'0'},  feedbackTab.speed)
                .addClass('open');
            }
            event.preventDefault();
        });
    }
};
feedbackTab.init();
$(".feedback-button").click(function() {
    rating = '';
    if ($("#feedback-rating1:checked").val() == "1") rating = 1;
    if ($("#feedback-rating2:checked").val() == "2") rating = 2;
    if ($("#feedback-rating3:checked").val() == "3") rating = 3;
    if ($("#feedback-rating4:checked").val() == "4") rating = 4;
    if ($("#feedback-rating5:checked").val() == "5") rating = 5;
    if ($("#feedback-rating6:checked").val() == "6") rating = 6;
    if ($("#feedback-rating7:checked").val() == "7") rating = 7;
    if ($("#feedback-rating8:checked").val() == "8") rating = 8;
    if ($("#feedback-rating9:checked").val() == "9") rating = 9;
    if ($("#feedback-rating10:checked").val() == "10") rating = 10;
    
    var pro = $("textarea#feedback-pro").val();
    var contra = $("textarea#feedback-contra").val();
    var comment = $("textarea#feedback-comment").val();
    var email = $("input#feedback-email").val();
    var scripturl = $("input#feedback-url").val();
    var response_message = "Vielen Dank für Ihr Feedback"
    
    var dataString =  'rating=' + rating + '&pro=' + pro + '&contra=' + contra + '&comment=' + comment + '&email=' + email;
    $.ajax({
      type: "POST",
      url: '/feedback/usercreate',
      data: dataString,
      success: function() {
        $('#form-wrap').html("<div id='response-message'></div>");
        $('#response-message').html("<p>" + response_message +"</p>")
        .hide()
        .fadeIn(500)
        .animate({opacity: 1.0}, 1000)
        .fadeIn(0, function(){
            $('.feedback-panel')
            .animate({left:'-' + (feedbackTab.containerWidth + feedbackTab.tabWidth)}, 
            (feedbackTab.speed))
            .removeClass('open');
        })
      }
    });
    return false;
});