function initMountConfigurator() {
    
    $.ajax({  
              type: "POST",  
              url: "/inc/Ajax/ProductWebService.asmx/FindManufacturers",  
              data: "{}",  
              contentType: "application/json; charset=utf-8",  
              dataType: "json",  
              success: function(msg) {  
                  loadManufacturers(msg);  
              },
              error: AjaxFailed  
          });  
         
             
    $.ajax({  
          type: "POST",  
          url:  "/inc/Ajax/ProductWebService.asmx/FindBrands",  
          data: "{}",  
          contentType: "application/json; charset=utf-8",  
          dataType: "json",  
          success: function(msg) {  
              loadBrands(msg);  
          },
          error: AjaxFailed  
      });        
      
      $("#brands").change(function(event){  
              $.ajax({  
                  type: "POST",  
                  url:  "/inc/Ajax/ProductWebService.asmx/FindModelsByBrand",  
                  data: "{'brandId': '" + $('#brands').val() + "'}",  
                  contentType: "application/json; charset=utf-8",  
                  dataType: "json",  
                  success: function(msg) {  
                      loadModels(msg);  
                  },  
                  error: AjaxFailed  
              });  
          });     
  
}

function loadManufacturers(result) {  
    var data = eval('('+result.d+')');
    var manufacturers = data.manufacturers;
                            
    for(i=0;i<manufacturers.length;i++) {
        $('#manufacturers').append('<option value="'+manufacturers[i].id+'">'+manufacturers[i].name+'</option>');                    
    }                                        
}

function loadBrands(result) {  
    var data = eval('('+result.d+')');
    var brands = data.brands;
                            
    for(i=0;i<brands.length;i++) {
        $('#brands').append('<option value="'+brands[i].id+'">'+brands[i].name+'</option>');                    
    }                                        
}

function loadModels(result) {  
    
    var data = eval('('+result.d+')');
    var models = data.models;
    
    $('#models').empty(); 
    $('#models').append('<option value="0">Select a model</option>');
    for(i=0;i<models.length;i++) {
        $('#models').append('<option value="'+models[i].id+'">'+models[i].name+'</option>');
    }                             
   
}  

function AjaxFailed(result) {  
   alert('falied: ' + result.status + ' ' + result.statusText);  
}    

function searchBySize(sizeFrom, sizeTo) {
                         
   document.forms.mountconfig1.sizeFrom.value = sizeFrom;
   document.forms.mountconfig1.sizeTo.value = sizeTo;
   document.forms.mountconfig1.submit();           
   
}

function changedModel() {
    document.forms.mountconfig1.submit();
}

function searchBySku() {
    document.forms.searchbysku.submit();
}

function checkSubmit(e) {
    if(e == 13)
        searchBySku();               
}