var count = 0;
var count2 =0;
var cssColor;
var cssColor2;
var p = 0;
var x = 0;
var p2 = 0;
var x2 = 0;
$(document).ready(function(){
    var cart = $("#cart");
    var cart2 =$("#cart2");
   
   
   //WAHL ABO CHECK OB GENÜGEND POSITIONEN ANGEKREUZT
   $("#concerts input[type=checkbox]").click(function(){
    if($("#concerts input[type=checkbox]:checked").size() < 3) {
        $("#wahlError1").text("Es wurden zuwenig Konzerte ausgewählt (mind.3 Stück)!"); 
        $("#wahlError1").attr("style","border:1px solid #990000; padding:5px; margin:10px;");            
    } else{
        $("#wahlError1").text(" ");
        $("#wahlError1").attr("style","");
    }
   });
      
   $("#ksoConcerts input[type=checkbox]").click(function(){
    if($("#ksoConcerts input[type=checkbox]:checked").size() < 2) {
        $("#wahlError2").text("Es wurden zuwenig Konzerte ausgewählt (mind.2 Stück)!"); 
         $("#wahlError2").attr("style","border:1px solid #990000; padding:5px; margin:10px;");          
    } else {
        $("#wahlError2").text(" ");
        $("#wahlError2").attr("style","");
    }
   });
   
     
    
    
    $("#add1").click(function(){
        count++;
        cart.append(newitem());
        $('#normAboSum').text(total()).append(" €");
        
         if($('#famAboSum').text() != ""){
            $('#totalCost').text(parseInt($('#normAboSum').text()) + parseInt($('#famAboSum').text())).append(" €"); 
            $('#tb_hiddenSum1').attr("value", parseInt($('#normAboSum').text()) + parseInt($('#famAboSum').text()));       
        }else if ($('#famAboSum').text() == ""){
            $('#totalCost').text(parseInt($('#normAboSum').text())).append(" €");
            $('#tb_hiddenSum1').attr("value", $('#normAboSum').text());
        }
        return false;  
    }); 
    

    
     $("#add2").click(function(){
        count2++;
        cart2.append(newitem2());
        $('#famAboSum').text(total2()).append(" €");
        
        if($('#famAboSum').text() != ""){
            $('#totalCost').text(parseInt($('#normAboSum').text()) + parseInt($('#famAboSum').text())).append(" €");
            $('#tb_hiddenSum1').attr("value", parseInt($('#normAboSum').text()) + parseInt($('#famAboSum').text()));          
        }else if ($('#famAboSum').text() == ""){
            $('#totalCost').text(parseInt($('#normAboSum').text())).append(" €");
            $('#tb_hiddenSum1').attr("value", $('#normAboSum').text()); 
        }
        return false;  
        
    });    
        
});

var newitem = function(){
    if (count % 2 == 0) {
    cssColor ="color1";
    }else{
    cssColor ="color2";
    }
    
    aAnz = $('input[name=tb_aboAnzahl1]').val();
    aKat = $('#drop_1').val();
    aRad = $('input[type=radio]:checked').val();
    
    if (aRad== "erw1"){
        aRad = "Erwachsene(r)";
    }else if (aRad=="mit1"){
        aRad = "Mitglied(er)";
    }else{
        aRad = "Jugendliche(r)";
    }   
    
    //ZEILE WARENKORB
    var row = $(document.createElement("div"));
    row.addClass("dynWrapper2 " + cssColor);
    row.attr("id","div"+count);
      
    //HIDDEN FIELD FÜR DATEN
    var hf = $(document.createElement("input"));
    hf.attr({
        "type":"hidden",
        "name":"dynItem", // + count 
        "value": count + " | " + aAnz + " | " + aKat + " | " + aRad 
    });
    row.append(hf);
   
    
    //NUMMER
    var ct = $(document.createElement("div"));
    ct.attr({
        "class": "floatLeft dynCount"
    });
    ct.text(count);
    row.append(ct);
    
    //ANZAHL
    var anz = $(document.createElement("div"));
    anz.attr({
        "class": "floatLeft dynAmount"
    });
    anz.text(aAnz);
    row.append(anz);
    
    //KATEGORIE
    var kat = $(document.createElement("div"));
    kat.attr({
        "class": "floatLeft dynCat"
    });
    kat.text(aKat);
    row.append(kat);  
    
    //TYP
    var typ = $(document.createElement("div"));
    typ.attr({
        "class": "floatLeft dynType"
    });
    typ.text(aRad);
    row.append(typ); 
    
    //Preis Ausrechnen
    p = price[aKat][$('input[type=radio]:checked').val().substring(0,3)] * aAnz;
          
    var cost = $(document.createElement("div"));
    cost.attr({
        "class": "floatLeft dynCost"
    });
    cost.text(p); 
    row.append(cost); 
    
    //Euro
    var euro = $(document.createElement("div"));
    euro.attr({
        "class": "floatLeft dynEuro"
    });
    euro.text(" €");
    row.append(euro);
     
    //DIV FÜR LÖSCH BUTTON
    var delDiv = $(document.createElement("div"));
    delDiv.attr({
        "class": "floatLeft dynEdit"
    });
    row.append(delDiv); 
    
    //LÖSCHENBUTTON
    var del = $(document.createElement("a"));
    del.attr("href","#div"+count); 
    del.attr("id", p);
    del.bind("click",function(){
        
        $(this.hash).remove();
                 
        var v = $(this).attr("id");
          x = x - v;
        if (x==0){
        $('#normAboSum').text(0).append(" €");
        }else{
        $('#normAboSum').text(x).append(" €");
        }
               
        $(".dynWrapper2 .dynCount").each(function(){
            $(this).text($(".dynWrapper2 .dynCount").index(this)+1);   
        })
        
        $("#totalCost").text(parseInt($('#totalCost').text()) - v ).append(" €");
        //console.log(parseInt($('#totalCost').text()), v);
        $('#tb_hiddenSum1').attr("value", parseInt($('#totalCost').text()));
        count --; 
        return false;
    });
    
    //IMAGE LÖSCH BUTTON
    var imgDel = $(document.createElement("img"));
    imgDel.attr("src","App_Themes/images/del.png");
    imgDel.attr("alt","del " + count );
    
    
    del.append(imgDel);
    
    delDiv.append(del);
   
     
    
    //CLEAR
    var clear = $(document.createElement("div"));
    clear.attr({
        "class": "clear"
    });
    row.append(clear); 
    
    
    return row; 
} 

////////////////////////////////////////////////////////////////////////////////////
//Familienabo
///////////////////////////////////////////////////////////////////////////////////
var newitem2 = function(){
    if (count2 % 2 == 0) {
    cssColor2 ="color1";
    }else{
    cssColor2 ="color2";
    }
    
    aAnz2 = $('input[name=tb_aboAnzahl2]').val();
    aKat2 = $('#drop_2').val();
    aRad2 = $('input[name=famAbo]:checked').val();
    
    
    
    if (aRad2== "erw2"){
        aRad2 = "Erwachsene(r)";
    }else if (aRad2=="mit2"){
        aRad2 = "Mitglied(er)";
    }else{
        aRad2 = "Jugendliche(r)";
    }   
    
    //ZEILE WARENKORB
    var row2 = $(document.createElement("div"));
    row2.addClass("dynWrapper2 " + cssColor2);
    row2.attr("id","div2"+count2);
      
    //HIDDEN FIELD FÜR DATEN
    var hf2 = $(document.createElement("input"));
    hf2.attr({
        "type":"hidden",
        "name":"dynItem2", // + count 
        "value": count2 + " | " + aAnz2 + " | " + aKat2 + " | " + aRad2 
    });
    row2.append(hf2);
   
    
    //NUMMER
    var ct2 = $(document.createElement("div"));
    ct2.attr({
        "class": "floatLeft dynCount"
    });
    ct2.text(count2);
    row2.append(ct2);
    
    //ANZAHL
    var anz2 = $(document.createElement("div"));
    anz2.attr({
        "class": "floatLeft dynAmount"
    });
    anz2.text(aAnz2);
    row2.append(anz2);
    
    //KATEGORIE
    var kat2 = $(document.createElement("div"));
    kat2.attr({
        "class": "floatLeft dynCat"
    });
    kat2.text(aKat2);
    row2.append(kat2);  
    
    //TYP
    var typ2 = $(document.createElement("div"));
    typ2.attr({
        "class": "floatLeft dynType"
    });
    typ2.text(aRad2);
    row2.append(typ2); 
    
    //Preis Ausrechnen
    p2 = price2[aKat2][$('input[name=2]:checked').val().substring(0,3)] * aAnz2;
          
    var cost2 = $(document.createElement("div"));
    cost2.attr({
        "class": "floatLeft dynCost"
    });
    cost2.text(p2); 
    row2.append(cost2); 
    
    //Euro
    var euro2 = $(document.createElement("div"));
    euro2.attr({
        "class": "floatLeft dynEuro"
    });
    euro2.text(" €");
    row2.append(euro2);
    
     
    //DIV FÜR LÖSCH BUTTON
    var delDiv2 = $(document.createElement("div"));
    delDiv2.attr({
        "class": "floatLeft dynEdit"
    });
    row2.append(delDiv2); 
    
    //LÖSCHENBUTTON
    var del2 = $(document.createElement("a"));
    del2.attr("href","#div2"+count2); 
    del2.attr("id", p2);
    del2.bind("click",function(){
        
        $(this.hash).remove();
                 
        
        var v2 = $(this).attr("id");
          x2 = x2 - v2;
        if (x2==0){
        $('#famAboSum').text(0).append(" €");
        }else{
        $('#famAboSum').text(x2).append(" €");
        }
          
         
        $(".dynWrapper2 .dynCount").each(function(){
            $(this).text($(".dynWrapper2 .dynCount").index(this)+1);   
        })
     
        $("#totalCost").text(parseInt($('#totalCost').text()) - v2 ).append(" €");
        $('#tb_hiddenSum1').attr("value", parseInt($('#totalCost').text()));
        count2 --; 
       
        return false;
    });
    
    //IMAGE LÖSCH BUTTON
    var imgDel2 = $(document.createElement("img"));
    imgDel2.attr("src","App_Themes/images/del.png");
    imgDel2.attr("alt","del " + count2 );
    
    
    del2.append(imgDel2);
    
    delDiv2.append(del2);
   
     
    
    //CLEAR
    var clear = $(document.createElement("div"));
    clear.attr({
        "class": "clear"
    });
    row2.append(clear); 
       
    return row2; 
} 



var total = function(){
        x= x + p;    
return x;
}
var total2 = function(){
        x2= x2 + p2;    
return x2;
}