$(document).ready(function(){
   
   var count = 0;
   $("#skus_box").hide();
   $("#attributes_box").hide();
   $("#button3").hide();
   
   if ($("#fl-category-type").val() == 'Business')
     var type = 'Business';
   else
     var type  = 'Consumer';  
   
   // Create components select items
   $("#fl-category").buildSelect({url:"dispatcher.php?action=GetSelectItems&class=categories&view_type=" + type, 
                                  opt_default:{title:" -- Choice category ", val:-1}
                                 });
   
   // If change category load series
   $("#fl-category").change(function(){
     var category = $(this).val();
     if(category != -1)
          $("#fl-series").buildSelect({url:"dispatcher.php?action=GetSelectItems&class=series&parent_id=" + category + "&view_type=" + type, 

                                       opt_default:{title:" -- Choice series", val:-1}
                                      });
     $("#skus_box, #attributes_box, #action_box").hide();
     $("#skus_box div.inner, #attributes_box div.inner").empty().append("<div class='loading'><img src='../images/ajax-loader.gif'/></div>");                                                                                              
   });
   
   // If change series 
   $("#fl-series").change(function(){
     var series = $(this).val();
     if (series != -1)
      {       
        
        $("#button3").hide();
        
        // Init skus box
        $("#skus_box").show().addClass("active");
        $("#skus_box div.inner").empty().append("<div class='loading'><img src='../images/ajax-loader.gif'/></div>");
        $("#stage1number").attr("src", "../images/1_grey.gif"); 
        $("#stage2number").attr("src", "../images/2_red.gif");
        $("#chevrons-img").attr("src","../images/chevrons_2.gif");
        $("#stage1").removeClass("active");
       
        // Attribute counter
        var a_count = 1; // because by default all items selected
        // Skus counter
        var count   = 0;
        
        // Load skus
        $.ajax({
          type:"GET",
          dataType:"json",
          url:"dispatcher.php?action=GetSelectItems&class=products",
          data: "parent_id=" + series + "&view_type=" + type,
          success: function(res)
          {
            if (res)
            {
              if (res.length)
              {
                $("#skus_box div.inner").empty();
                for(var i=0; i<res.length; i++)
                {
                  
                  id = res[i].id;
                  name = res[i].name;
               
                  var item = $("<div><input type='checkbox' name=skus[] value='" + id + "'/><span class='formcopy'>" + name + "</span><br /></div>");
                  item.find("input").bind("click", function(){
                    count = 0;
                    $("#skus_box div.inner input").each(function(){
                      if ($(this).is(":checked"))
                        count ++;
                    });  
                   
                    // Trigger next button                    
                    if (count)
                     $("#button3").show();
                    else 
                     $("#button3").hide();
                    
                    // Disabled items if selected more 6             
                    if (count == 6)
                    {
                      $("#skus_box div.inner input").each(function(){
                        if (!$(this).is(":checked"))
                          $(this).attr("disabled", true);
                      }); 
                    }
                    else 
                     $("#skus_box div.inner input").attr("disabled", false);
                 
                     
                  });
               
                  $("#skus_box div.inner").append(item);
                }
              }
            }
          }
       });
       
       
       // Init attributes box
       $("#attributes_box").show();
       $("#attributes_box div.inner").empty().append("<div class='loading'><img src='/../images/ajax-loader.gif'/></div>");
       $("#stage3number").attr("src", "../images/3_red.gif");
       $("#chevrons-img").attr("src","../images/chevrons_3.gif");
       $("#attributes_box").addClass("active");
        
        // Load attributes            
        $.ajax({
          type:"GET",
          dataType:"json",
          url:"dispatcher.php?action=GetSelectItems&class=seriesComponents",
          data: "parent_id=" + series,
          success: function(res)
          {
            if (res)
            {
            if (res.length)
            {
              $("#attributes_box div.inner").empty();
              var all_item = $("<div><input type='checkbox' id='check_all' checked><span class='formcopy'><b>All of the below</b></span><br/></div>");
              all_item.find("input").bind("click", function(){
                var checked_status = this.checked; 
                $("#attributes_box div.inner input").each(function() 
                { 
                    this.checked = checked_status; 
                });
                
                // Trigger next button
                if (count)
                   $("#button3").show();
                 else 
                   $("#button3").hide();
                 
              });
             
             $("#attributes_box div.inner").append(all_item);            
             
             for(var i=0; i<res.length; i++)
             {
               name = res[i].name;
               var a_item = $("<input type='checkbox' name=attributes[] value='" + name + "' checked><span class='formcopy'>" + name + "</span><br/>");
               a_item.bind("click", function(){
                 $("#check_all").attr('checked', false);
                 
                 a_count = 0;
                 
                 $("#attributes_box div.inner input").not("#check_all").each(function(){
                   if($(this).is(":checked"))
                     a_count ++;
                 });
                 
                 // Trigger next button
                 if (count)
                   $("#button3").show();
                 else 
                   $("#button3").hide();                 
                 
               });
               $("#attributes_box div.inner").append(a_item);
             }
           }
           }
           else
           {
             $("#attributes_box div.inner").empty().append("<p><b>There are no components available to select</b></p>");
           }
         }
       });

     }       
     else
     {
       $("#skus_box, #attributes_box, #action_box").hide();
       $("#skus_box div.inner, #attributes_box div.inner").empty().append("<div class='loading'><img src='../images/ajax-loader.gif'/></div>");
     }
    });
    
   
   $("#button3").click(function(){    
      var series = $("#fl_series").val();
      if (series != -1)
      {    
        $("#stage1, #attributes_box, #skus_box").hide()
        $("#stage4, #stage5, #stage6").show();
        $("#chevrons-img").attr("src","../images/chevrons_4.gif");
        $("#percentage-bar").attr("src","");        
        $("#percentage-bar").attr("src","../images/percentage_bar.gif");
      }
    });
    
   $("#button-addskus").click(function(){   
     $("#stage4, #stage5, #stage6").hide(); 
     $("#stage1, #attributes_box, #skus_box").show()
     $("#chevrons-img").attr("src","../images/chevrons_3.gif");
   });
    
   function parseFormData()
   {
     var data = new Array();
     $("#skus_box div.inner input:checked").each(function(){ 
       data.push({name:"products[]", value:$(this).val()});
     });
     
     $("#attributes_box div.inner input:not(:checked)").not('#check_all').each(function(){
       data.push({name:"attributes[]", value:$(this).val()});
     });
     
     data.push({name:"category_id", value:$("#fl-category").val()});
     data.push({name:"series_id", value:$("#fl-series").val()});
     
     return data; 
   }
   
   $("#button-download").click(function(){
     
     $.fn.jsendData({
       url:"make_pdf.php?type=download", 
       data:parseFormData()
     });
     
   });
   
  $("#button-preview").click(function(){
     
     $.fn.jsendData({
       url:"make_pdf.php", 
       target:"_blank",
       data:parseFormData()
     });
     
   });
   
  // ok if they've set the series or category id lets populate them here
  if (category_id != "") {
    $("#fl_category").val(category_id);
    $("#fl_category").change();
    if (series_id != "") {
        // these are not used as they have been moved into buildSelect...
        $("#fl_series").val(series_id);
        $("#fl_series").change();
        $("#button1").click();
    }
  }
   
 });