$(document).ready(function(){
    $('#layer1').append('<div class="ladepic"></div><div id="little_basket"></div>');


    
    $("#little_basket").click(function() {
      window.location=url_server+"flow/checkout/";
    });
    
    
    var gdata = {
              url:          url_server+"fajaxload",
              cls:          'shop',
              func:         'returnLittleBasket',
              control:      'little_basket'
             };       
    shop_actions(gdata);
    $("#productAnzahl").keyup(function() {
      var tVal=$(this).val();
      if (tVal!='') if(isNaN(tVal)==true || tVal<=0) $(this).val('1');
      if (this.timer) clearTimeout(this.timer);
      this.timer = setTimeout(function () {
        shopOrderAction();
      },500);
    });

    $("#wk_button").click(function() {
      shopOrderAction();
    });

  $(".wk_button").hover(
    function () {
      $(this).removeClass("bg_common_text_color_2");
      $(this).addClass("little_basket_hover");
    }, 
    function () {
      $(this).removeClass("little_basket_hover");
      $(this).addClass("bg_common_text_color_2");
    }
  );
});//ende doc ready


  function shopOrderAction(){
    $('#valueshop_groessenwahl').removeClass('font_highlight');
    $('#valueshop_farbwahl').removeClass('font_highlight');
          if ($('#valueshop_groessenwahl').length > 0 && $('#valueshop_groessenwahl').attr('data-id')==null) {$('#valueshop_groessenwahl').addClass('font_highlight');return;} 
          if($('#valueshop_farbwahl').length > 0 && $('#valueshop_farbwahl').attr('data-id')==null) {$('#valueshop_farbwahl').addClass('font_highlight');return;} 
          var gdata = {//
                    url:          url_server+"fajaxload",
                    cls:          'shop',
                    func:         'update_l_basket',
                    id:           $('#valueshop_id').attr('data-data'),
                    groesse:      $('#valueshop_groessenwahl').attr('data-id'),
                    stueckzahl:   $('#productAnzahl').val(),
                    vorbestellen: $(this).hasClass('vorbestellen') ? 1 : -1,
                    farbe:        $('#valueshop_farbwahl').attr('data-id'),
                    control:      'little_basket'
                   };       
          shop_actions(gdata);
     return true;
  }


function shop_actions(gudata){
          gdata = JSON.stringify(gudata);
          $el=$(document);
          $.ajax({ 
              type: "post",
              url: url_server+"fajaxload",
              data: {gdata:  gdata},
              cache: false,
              error: function(request, settings,ob){
                $el.find('.ladepic').css("display","none");
              },
              beforeSend : function(){
                $el.find('.ladepic').css("display","block");
              },
              complete: function(){
                $el.find('.ladepic').css("display","none");
              },
              success: function(html) {
                $('#h_cont').html(html);
              }
            });
}