// JavaScript Document
    //$(document).ready(function(){ });
    var isInitSize=0;
     var isInitMake=0;
    function switchTyreFind(showId,hideId)
    {
		var preUrl = $("#preUrl").val();
		var showDiv = $("#" + showId);
		var hideDiv = $("#" + hideId);
	    var vehicleTab = $("#vehicleTab");
	    var sizeTab = $("#sizeTab");		
        //alert(showDiv.attr("class"));
		hideDiv.hide();
		showDiv.show();
	   if(showId=='byVehicleDiv')
	   {
	       vehicleTab.attr("class","mon");
	       sizeTab.attr("class","");
		   if(isInitMake==0)
		    {
			     $.ajax({
			       url:preUrl + "/tyre/byvehicle",
			       type:'post',         
			       dataType:'json',     
			       data:'action=vehicleMake',         
			       success:getVehicleMake  
			     });
			}	       
	       isInitMake==1
	   }
	   if(showId=='bySizeDiv')
	   {
 	       vehicleTab.attr("class","");
	       sizeTab.attr("class","mon");

           if(isInitSize==0)
           {
			     $.ajax({
			       url:preUrl + "/tyre/bysize",
			       type:'post',         
			       dataType:'json',     
			       data:'action=getsection',         
			       success:getSection
			     });
		    }	
		     isInitSize=1;       
	       
	   }		
    }	   

 
$(document).ready(function ()
{
     var preUrl = $("#preUrl").val();
     //alert($("#season").val()) ;
     $.ajax({
       url:preUrl + "/tyre/byvehicle",
       type:'post',         
       dataType:'json',     
       data:'action=vehicleShow',         
       success:getVehicleShow  
     });  
         
     $.ajax({
       url:preUrl + "/tyre/byvehicle",
       type:'post',         
       dataType:'json',     
       data:'action=vehicleMake',         
       success:getVehicleMake  
     });

   $('#vehicleMake').change(function (){
      //var preUrl = $("#preUrl").val();
      var carBrandId = $('#vehicleMake').val();
      
      //add disabled view logic
	      if($('#vehicleModel').val()!='0')
	      {
	      	$('#vehicleModel').val('0');
	      }
	      if($('#vehicleVersion').val()!='0')
	      {
	      	$('#vehicleVersion').val('0');
	      }            
	      if($('#vehicleYears').val()!='0')
	      {
	      	$('#vehicleYears').val('0');
	      }
	      if($("input[name='byVehicleSearch']").attr("disabled")==false)
	      {
	      	$("input[name='byVehicleSearch']").attr("disabled",true);
	      }      
      
      if(carBrandId !='0')
      {
	     $.ajax({
	       url:preUrl + "/tyre/byvehicle",
	       type:'post',         
	       dataType:'json',     
	       data:'action=vehicleModel&carBrandId='+ carBrandId,         
	       success:getVehicleModel  
	     });                
	  }
     });

   $('#vehicleModel').change(function (){
      var carModelId = $('#vehicleModel').val();
      //add disabled view logic
	      if($('#vehicleVersion').val()!='0')
	      {
	      	$('#vehicleVersion').val('0');
	      }            
	      if($('#vehicleYears').val()!='0')
	      {
	      	$('#vehicleYears').val('0');
	      } 
	      if($("input[name='byVehicleSearch']").attr("disabled")==false)
	      {
	      	$("input[name='byVehicleSearch']").attr("disabled",true);
	      }	      
      
      if(carModelId !='0')
      {
	     $.ajax({
	       url:preUrl + "/tyre/byvehicle",
	       type:'post',         
	       dataType:'json',     
	       data:'action=vehicleVersion&carModelId='+ carModelId,         
	       success:getVehicleVersion
	     });                
	  }
     });  
   //add version search
   $('#vehicleVersion').change(function (){
      var carModelId = $('#vehicleModel').val();
      var vehicleVersion = $('#vehicleVersion').val();
      //add disabled view logic
	      if($('#vehicleYears').val()!='0')
	      {
	      	$('#vehicleYears').val('0');
	      }
	      if(($('#vehicleMake').val()!='0') && ($('#vehicleModel').val()!='0') )
	      {	
		      if($("input[name='byVehicleSearch']").attr("disabled")==true)
		      {
		      	$("input[name='byVehicleSearch']").attr("disabled",false);
		      }
		  }
      
      if(vehicleVersion !='0')
      {
	     $.ajax({
	       url:preUrl + "/tyre/byvehicle",
	       type:'post',         
	       dataType:'json',
	       data:'action=vehicleYears&carModelId='+ carModelId+'&vehicleVersion='+ vehicleVersion,      
	       success:getVehicleYears
	     });                
	  }
     }); 
   //add Additionalmodel search
   $('#vehicleYears').change(function (){
     if(($("#isAdditionShow").val())=='Y')
	  {
	      var carModelId = $('#vehicleModel').val();
	      var vehicleVersion = $('#vehicleVersion').val();
	      var vehicleYears = $('#vehicleYears').val();
	      if(vehicleYears !='0')
	      {
		     //alert(vehicleVersion);
		     $.ajax({
		       url:preUrl + "/tyre/byvehicle",
		       type:'post',         
		       dataType:'json',
		       data:'action=addModel&carModelId='+ carModelId+'&vehicleVersion='+ vehicleVersion+'&vehicleYears=' + vehicleYears,      
		       success:getAddModel
		     });                
		  }
	  }	  
     });      
          
   $('#sizeSection').change(function(){
      var sizeSection = $('#sizeSection').val();
      //add disabled view logic
	      if($('#sizeHb').val()!='0')
	      {
	      	$('#sizeHb').val('0');
	      }
	      if($('#sizeRim').val()!='0')
	      {
	      	$('#sizeRim').val('0');
	      }            
	      if($('#sizeLi').val()!='0')
	      {
	      	$('#sizeLi').val('0');
	      }
	      if($('#sizeSi').val()!='0')
	      {
	      	$('#sizeSi').val('0');
	      }	      
	      if($("input[name='bySizeSearch']").attr("disabled")==false)
	      {
	      	$("input[name='bySizeSearch']").attr("disabled",true);
	      }        
      if(sizeSection !='0')
      {
	     $.ajax({
	       url:preUrl + "/tyre/bysize",
	       type:'post',         
	       dataType:'json',     
	       data:'action=gethb&section='+ sizeSection,         
	       success:getHb
	     });                
	  }
     }); 
   $('#sizeHb').change(function(){
      var sizeSection = $('#sizeSection').val();
      var sizeHb = $('#sizeHb').val();
       //add disabled view logic
	      if($('#sizeRim').val()!='0')
	      {
	      	$('#sizeRim').val('0');
	      }            
	      if($('#sizeLi').val()!='0')
	      {
	      	$('#sizeLi').val('0');
	      }
	      if($('#sizeSi').val()!='0')
	      {
	      	$('#sizeSi').val('0');
	      }	      
	      if($("input[name='bySizeSearch']").attr("disabled")==false)
	      {
	      	$("input[name='bySizeSearch']").attr("disabled",true);
	      }       

      if(sizeSection !='0')
      {
	     $.ajax({
	       url:preUrl + "/tyre/bysize",
	       type:'post',         
	       dataType:'json',     
	       data:'action=getrim&section='+ sizeSection + '&hb=' + sizeHb,         
	       success:getRim
	     });                
	  }
     });  

   $('#sizeRim').change(function(){
      var season = $('form[name=sizeForm] :radio:checked').val();
      //var season = $('input[name=sizeForm]:checked').val();
      var sizeSection = $('#sizeSection').val();
      var sizeHb = $('#sizeHb').val();
      //var sizeRim = 'R'+ $('#sizeRim').val();
      //alert(season);
      var sizeRim = $('#sizeRim').val();
            
	      if($('#sizeLi').val()!='0')
	      {
	      	$('#sizeLi').val('0');
	      }
	      if($('#sizeSi').val()!='0')
	      {
	      	$('#sizeSi').val('0');
	      }

	      if(($('#sizeSection').val()!='0') && ($('#sizeHb').val()!='0') )
	      {	
		      if($("input[name='bySizeSearch']").attr("disabled")==true)
		      {
		      	$("input[name='bySizeSearch']").attr("disabled",false);
		      }
		   }      

      if(sizeSection !='0')
      {
	     $.ajax({
	       url:preUrl + "/tyre/bysize",
	       type:'post',         
	       dataType:'json',     
	       data:'action=getli&season=' + season + '&section='+ sizeSection + '&hb=' + sizeHb + '&rim=' +sizeRim,         
	       success:getLi
	     });                
	  }
     });

   $('#sizeLi').change(function(){
      var season = $('form[name=sizeForm] :radio:checked').val();
      var sizeSection = $('#sizeSection').val();
      var sizeHb = $('#sizeHb').val();
      //alert(season);
      var sizeRim = $('#sizeRim').val();
      var sizeLi = $('#sizeLi').val();
      if(sizeSection !='0')
      {
	     $.ajax({
	       url:preUrl + "/tyre/bysize",
	       type:'post',         
	       dataType:'json',     
	       data:'action=getsi&&season=' + season + '&section='+ sizeSection + '&hb=' + sizeHb + '&rim=' +sizeRim + '&li=' + sizeLi,         
	       success:getSi
	     });                
	  }
     });   
     
     
   $('#byVehicleSearch').click(function(){
       
      $('#vehicleMakeTxt').attr("value",$("select[name='vehicleMake'] option:selected").text());
      $('#vehicleModelTxt').attr("value",$("select[name='vehicleModel'] option:selected").text());
      if($('#vehicleMake').val()=='0')
      {
         alert($("select[name='vehicleMake'] option:selected").text());
         return false;
      }
      if($('#vehicleModel').val()=='0')
      {
         alert($("select[name='vehicleModel'] option:selected").text());
         return false;
      } 
      if($('#vehicleVersion').val()=='0')
      {
         alert($("select[name='vehicleVersion'] option:selected").text());
         return false;
      } 
       var glabel=$("#vehicleMake option:selected").text()+"/"+$("#vehicleModel option:selected").text()+"/"+$("#vehicleVersion option:selected").text();
      if($("#vehicleYears").val()!=0){
      	glabel+="/"+$("#vehicleYears option:selected").text();
      }
      
      pageTracker._trackEvent("Tyre selector", "Search by vehicle",glabel);
      
      document.vehicleForm.submit();

     });    
     
   $('#bySizeSearch').click(function(){
      
      if($('#sizeSection').val()=='0')
      {
         //alert($("select[name='sizeSection'] option:selected").text());
         alert($('#alertSizeDefalutTxt').val());
         return false;
      } 
      if($('#sizeHb').val()=='0')
      {
         alert($('#alertSizeDefalutTxt').val());
         //alert($("select[name='sizeHb'] option:selected").text());
         return false;
      }      
      if($('#sizeRim').val()=='0')
      {
         alert($('#alertSizeDefalutTxt').val());
         //alert($("select[name='sizeRim'] option:selected").text());
         return false;
      }               
            var glabel=$("#sizeSection").val()+"/"+$("#sizeHb").val()+"/"+$("#sizeRim").val();
      if($("#sizeLi").val()!=0){
      	glabel+="/"+$("#sizeLi").val();
      	if($("#sizeSi").val()!=0){
      		glabel+="/"+$("#sizeSi").val();
      	}
      }
      
      pageTracker._trackEvent("Tyre selector", "Search by size",glabel);
      
      document.sizeForm.submit();

     });          
            
});


function getVehicleShow(json)
{
   if(json[0].isAdditionalMode=='Y')
   {
      $("#isAdditionalModeDt").show();
      $("#isAdditionalModeDd").show();
      $("#isAdditionShow").attr("value","Y");
   }
   if(json[0].isSeason=='Y')
   {
      $("#isSeasonDt").show();
      $("#isSeasonDd").show();
      $("#isCarSeasonShow").attr("value","Y");
   } 
   if(json[0].isSizeSeason=='Y')
   {
      $("#isSizeSeasonDt").show();
      $("#isSizeSeasonDd").show();
      $("#isSizeSeasonShow").attr("value","Y");
      
   }     
}
  

function getVehicleMake(jsonMake)
{
  $("#vehicleMake").attr("value",'0');
  //var makeStr = '<option value="0" >' + $("select[name='vehicleMake'] option:selected").text() +'</option>'; 
  //var selectlabel = $("select[name='vehicleMake'] option:selected").text();
  //$("#vehicleMake").empty();
  //$("#vehicleMake")[0].options.add(new Option(selectlabel,'0'));

  for(i=0;i<jsonMake.length;i++)
  {
      $("#vehicleMake")[0].options.add(new Option(jsonMake[i].carBrandNameEng + jsonMake[i].carBrandNameChn,
							jsonMake[i].carBrandId));
      //makeStr +="<option value=" + jsonMake[i].carBrandId +" >" + jsonMake[i].carBrandNameEng + jsonMake[i].carBrandNameChn + "</option>";
  }
  //$("#vehicleMake").html(makeStr);
  isInitMake=1;
}

function getVehicleModel(jsonModel)
{
  $("#vehicleModel").attr("value",'0');

  //var makeStr = '<option value="0" >' + $("select[name='vehicleMake'] option:selected").text() +'</option>'; 
  var selectlabel = $("select[name='vehicleModel'] option:selected").text();
  $("#vehicleModel").empty();
  $("#vehicleModel")[0].options.add(new Option(selectlabel,'0'));  
  
  //var modelStr = '<option value="0" >' + $("select[name='vehicleModel'] option:selected").text() +'</option>';  
  
  for(i=0;i<jsonModel.length;i++)
  {
      $("#vehicleModel")[0].options.add(new Option(jsonModel[i].carModelNameEng + jsonModel[i].carModelNameChn,
							jsonModel[i].carModelId));  
      //modelStr +="<option value=" + jsonModel[i].carModelId +" >" + jsonModel[i].carModelNameEng + jsonModel[i].carModelNameChn + "</option>";
  }
  //$("#vehicleModel").html(modelStr);
}

function getVehicleVersion(json)
{
  $("#vehicleVersion").attr("value",'0');
  //var makeStr = '<option value="0" >' + $("select[name='vehicleMake'] option:selected").text() +'</option>'; 
  var selectlabel = $("select[name='vehicleVersion'] option:selected").text();
  $("#vehicleVersion").empty();
  $("#vehicleVersion")[0].options.add(new Option(selectlabel,'0')); 
  
  //var versionStr = '<option value="0" >' + $("select[name='vehicleVersion'] option:selected").text() +'</option>';  

  for(i=0;i<json.length;i++)
  {
      $("#vehicleVersion")[0].options.add(new Option(json[i].version,
							json[i].version));
      //versionStr +="<option value='" + json[i].version +"'>" + json[i].version + "</option>";
  }
  //$("#vehicleVersion").html(versionStr);
}



function getVehicleYears(json)
{
  $("#vehicleYears").attr("value",'0');
  var selectlabel = $("select[name='vehicleYears'] option:selected").text();
  $("#vehicleYears").empty();
  $("#vehicleYears")[0].options.add(new Option(selectlabel,'0'));   
  for(i=0;i<json.length;i++)
  {
      $("#vehicleYears")[0].options.add(new Option(json[i].carYear,
							json[i].carYear));      
  }
}

function getAddModel(json)
{
  $("#additionalMode").attr("value",'0');
  var selectlabel = $("select[name='additionalMode'] option:selected").text();
  $("#additionalMode").empty();
  $("#additionalMode")[0].options.add(new Option(selectlabel,'0')); 
  //alert(json.length); 
  for(i=0;i<json.length;i++)
  {
      $("#additionalMode")[0].options.add(new Option(json[i].addModel,
							json[i].addModel));  
  }
}

function getSection(json)
{
  $("#sizeSection").attr("value",'0');
  //var selectlabel = $("select[name='sizeSection'] option:selected").text();
  //$("#sizeSection").empty();
  //$("#sizeSection")[0].options.add(new Option(selectlabel,'0'));   
  //var sectionStr = '<option value=0>' + $("select[name='sizeSection'] option:selected").text() + '</option>';
  //var sectionStr = '';
  for(i=0;i<json.length;i++)
  {
  	      $("#sizeSection")[0].options.add(new Option(json[i].section,
							json[i].section));
     //sectionStr +="<option value=" + json[i].section +">" + json[i].section + "</option>";
  }
  //$("#sizeSection").html(sectionStr);
}


function getHb(json)
{
  $("#sizeHb").attr("value",'0');
  var selectlabel = $("select[name='sizeHb'] option:selected").text();
  $("#sizeHb").empty();
  $("#sizeHb")[0].options.add(new Option(selectlabel,'0'));   
  //var hbStr = '<option value=0>' + $("select[name='sizeHb'] option:selected").text() + '</option>';
  for(i=0;i<json.length;i++)
  {
  	      $("#sizeHb")[0].options.add(new Option(json[i].hb,
							json[i].hb));
     //hbStr +="<option value=" + json[i].hb +">" + json[i].hb + "</option>";
  }
  //$("#sizeHb").html(hbStr);
}

function getRim(json)
{
  $("#sizeRim").attr("value",'0');
  var selectlabel = $("select[name='sizeRim'] option:selected").text();
  $("#sizeRim").empty();
  $("#sizeRim")[0].options.add(new Option(selectlabel,'0'));     
  //var rimStr = '<option value=0>' + $("select[name='sizeRim'] option:selected").text() + '</option>';  
  for(i=0;i<json.length;i++)
  {
  	      $("#sizeRim")[0].options.add(new Option(json[i].rim,
							json[i].rim));     
     //$("#sizeRim")[0].options.add(new Option(json[i].rim,json[i].rim));     
     //rimStr +="<option value=" + json[i].rim +">" + json[i].rim + "</option>";
  }
  //$("#sizeRim").html(rimStr);
}

function getLi(json)
{
  $("#sizeLi").attr("value",'0');
  var selectlabel = $("select[name='sizeLi'] option:selected").text();
  $("#sizeLi").empty();
  $("#sizeLi")[0].options.add(new Option(selectlabel,'0'));    
  //var liStr = '<option value=0>' + $("select[name='sizeLi'] option:selected").text() + '</option>';    
  for(i=0;i<json.length;i++)
  {
  	      $("#sizeLi")[0].options.add(new Option(json[i].li,
							json[i].li));      
     //$("#sizeLi")[0].options.add(new Option(json[i].li,json[i].li)); 
     //liStr +="<option value=" + json[i].li +">" + json[i].li + "</option>";
  }
  //$("#sizeLi").html(liStr);
}

function getSi(json)
{
  $("#sizeSi").attr("value",'0');
  var selectlabel = $("select[name='sizeSi'] option:selected").text();
  $("#sizeSi").empty();
  $("#sizeSi")[0].options.add(new Option(selectlabel,'0'));   
  //var siStr = '<option value=0>' + $("select[name='sizeSi'] option:selected").text() + '</option>';      
  for(i=0;i<json.length;i++)
  {
  	      $("#sizeSi")[0].options.add(new Option(json[i].si,
							json[i].si));       
     //$("#sizeSi")[0].options.add(new Option(json[i].si,json[i].si)); 
     //siStr +="<option value=" + json[i].si +">" + json[i].si + "</option>";
  }
  //$("#sizeSi").html(siStr);
}