Cufon.replace('.fragebogen-head, .fragebogen-main-head, .fragebogenbutton, .fragebogenbutton-2, .fragebogenbutton-3', {hover:false});


$(document).ready(function() {

    $(".fragebogen-back-1").colorbox({opacity:"0.7", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-0", width:"650px"});
    $(".fragebogen-back-2").colorbox({opacity:"0.7", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-1", width:"650px"});
    $(".fragebogen-back-3").colorbox({opacity:"0.7", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-2", width:"650px"});
    $(".fragebogen-back-4").colorbox({opacity:"0.7", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-3", width:"650px"});
    $(".fragebogen-back-5").colorbox({opacity:"0.7", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-4", width:"650px"});
    
    $(".fragebogen-step-1").colorbox({opacity:"0.7", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-1", width:"650px"});
    
    $('.fragebogen-step-2').click(function(){
        
        var acces_1 = true;
        
        if($("#q1").val() == 0){ acces_1 = false; $('.error-q1').css({'color':'#ff0000'});} else{$('.error-q1').css({'color':'#403F35'});}
        if($("#q2").val() == 0){ acces_1 = false; $('.error-q2').css({'color':'#ff0000'});} else{$('.error-q2').css({'color':'#403F35'});}
        if($("#q3").val() == 0){ acces_1 = false; $('.error-q3').css({'color':'#ff0000'});} else{$('.error-q3').css({'color':'#403F35'});}
        
        if(acces_1 == true){
            $.colorbox({opacity:"0.8", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-2", width:"650px"});
        }
    });
    
    $('.fragebogen-step-3').click(function(){
        
        var acces_2 = true;
        
        if($("#q4").val() == 0){ acces_2 = false; $('.error-q4').css({'color':'#ff0000'});} else{$('.error-q4').css({'color':'#403F35'});}
        if($("#q5").val() == 0){ acces_2 = false; $('.error-q5').css({'color':'#ff0000'});} else{$('.error-q5').css({'color':'#403F35'});}
        if($("#q6").val() == 0){ acces_2 = false; $('.error-q6').css({'color':'#ff0000'});} else{$('.error-q6').css({'color':'#403F35'});}
        
        if(acces_2 == true){
            $.colorbox({opacity:"0.8", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-3", width:"650px"});
        }
    });
    

    $('.fragebogen-step-4').click(function(){
        
        var acces_3 = true;
        
        if($("#q7").val() == 0){ acces_3 = false; $('.error-q7').css({'color':'#ff0000'});} else{$('.error-q7').css({'color':'#403F35'});}
        if($("#q8").val() == 0){ acces_3 = false; $('.error-q8').css({'color':'#ff0000'});} else{$('.error-q8').css({'color':'#403F35'});}
        if($("#q9").val() == 0){ acces_3 = false; $('.error-q9').css({'color':'#ff0000'});} else{$('.error-q9').css({'color':'#403F35'});}
        if($("#q10").val() == 0){ acces_3 = false; $('.error-q10').css({'color':'#ff0000'});} else{$('.error-q10').css({'color':'#403F35'});}
        
        if(acces_3 == true){
            $.colorbox({opacity:"0.8", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-4", width:"650px"});
        }
    });


    $('.fragebogen-step-5').click(function(){
        
        var acces_4 = true;
        
        if($("#q11").val() == 0){ acces_4 = false; $('.error-q11').css({'color':'#ff0000'});} else{$('.error-q11').css({'color':'#403F35'});}
        if($("#q12").val() == 0){ acces_4 = false; $('.error-q12').css({'color':'#ff0000'});} else{$('.error-q12').css({'color':'#403F35'});}
        if($("#q13").val() == 0){ acces_4 = false; $('.error-q13').css({'color':'#ff0000'});} else{$('.error-q13').css({'color':'#403F35'});}
        
        
        if(acces_4 == true){
            $.colorbox({opacity:"0.8", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-5", width:"650px"});
        }
    });
    
    
    $('.fragebogen-step-6').click(function(){
        
        saveForm();
        
        $.colorbox({opacity:"0.8", overlayClose:true, inline:true, scrolling:false, href:".fragebogen-6", width:"650px"});
       
    });
    
    $('.fragebogen-step-close').click(function(){
         $.colorbox.close();
    });


    
    
    $("#slider-range-max").slider({
            range: "max",
            min: 0,
            max: 10,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q1").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-1 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q1").val()){  
                        for (i=10; i>ui.value; i--){  
                            $(".scroll-num-1 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q1").val( ui.value );
                    
            }
    });
    
    $( "#slider-range-max-2" ).slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q2").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-2 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q2").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-2 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q2").val( ui.value );
                    
            }
    });
    
    
    $( "#slider-range-max-3" ).slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q3").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-3 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q3").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-3 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q3").val( ui.value );
                    
            }
    });
 
 
    $( "#slider-range-max-4" ).slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q4").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-4 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q4").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-4 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q4").val( ui.value );
                    
            }
    }); 
    
    
    $( "#slider-range-max-5" ).slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q5").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-5 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q5").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-5 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q5").val(ui.value);
                    
            }
    });
    
    $( "#slider-range-max-6" ).slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q6").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-6 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q6").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-6 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q6").val( ui.value );
                    
            }
    });
    
    $("#slider-range-max-7").slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q7").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-7 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q7").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-7 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q7").val( ui.value );
                    
            }
    });


    $("#slider-range-max-8").slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q8").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-8 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q8").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-8 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q8").val( ui.value );
                    
            }
    });



    $("#slider-range-max-9").slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q9").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-9 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q9").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-9 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q9").val( ui.value );
                    
            }
    });
    
    
    $("#slider-range-max-10").slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q10").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-10 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q10").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-10 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q10").val( ui.value );
                    
            }
    });    


    $("#slider-range-max-11").slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q11").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-11 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q11").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-11 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q11").val( ui.value );
                    
            }
    });
    
    $("#slider-range-max-12").slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q12").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-12 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q12").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-12 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q12").val( ui.value );
                    
            }
    });     

    $("#slider-range-max-13").slider({
            range: "max",
            min: 0,
            max: 5,
            slide: function( event, ui ) {
                              
                     if( ui.value > $("#q13").val()){ 
                        for (i=0; i<=ui.value; i++){
                            $(".scroll-num-13 .num-"+i).addClass("slider-active");
                        }
                     }
                     
                     if( ui.value < $("#q13").val()){  
                        for (i=5; i>ui.value; i--){  
                            $(".scroll-num-13 .num-"+i).removeClass("slider-active");
                        }     
                     }
                     
                     $("#q13").val( ui.value );                
            }
    }); 
    
    
});


$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});



function saveForm(){
    
    var getVar = "";
    
    getVar+= "&q1="+$("#q1").val()+"&text-q1="+$(".text-q1").val();
    getVar+= "&q2="+$("#q2").val()+"&text-q2="+$(".text-q2").val();
    getVar+= "&q3="+$("#q3").val()+"&text-q3="+$(".text-q3").val();
    getVar+= "&q4="+$("#q4").val()+"&text-q4="+$(".text-q4").val();
    getVar+= "&q5="+$("#q5").val()+"&text-q5="+$(".text-q5").val();
    getVar+= "&q6="+$("#q6").val()+"&text-q6="+$(".text-q6").val();
    getVar+= "&q7="+$("#q7").val()+"&text-q7="+$(".text-q7").val();
    getVar+= "&q8="+$("#q8").val()+"&text-q8="+$(".text-q8").val();
    getVar+= "&q9="+$("#q9").val()+"&text-q9="+$(".text-q9").val();
    getVar+= "&q10="+$("#q10").val()+"&text-q10="+$(".text-q10").val();
    getVar+= "&q11="+$("#q11").val()+"&text-q11="+$(".text-q11").val();
    getVar+= "&q12="+$("#q12").val()+"&text-q12="+$(".text-q12").val();
    getVar+= "&q13="+$("#q13").val()+"&text-q13="+$(".text-q13").val();
    getVar+= "&text-q14="+$(".text-q14").val();
    getVar+= "&text-q15="+$(".text-q15").val();
    getVar+= "&kunde="+$("#kunde").val();


    $.ajax({
        type: "POST",
        url: "index.php?eID=fragebogen",
        data: "action=save"+getVar,
        async: true,
        success: function(data) {
           // alert(data);
        }
    });
}