var flag = 0; // set global to check for init pagination
var myval = 0;
 
$(document).ready(function () {

  $("#label-body-style").click(function () {
    $('#body-style-modal-content').modal();
    return false;
  });

  $(".body-list").click(function () {
    var x = $(this);
    $("#option-vehicle-category").val(x.val());
    $("#label-body-style").val(x.parent().text());
    $(".test").each(function () {
      if (x.val() != $(this).val()) {
        $(this).attr("checked", false);
      }
    });
  });

  /*SEACH BY MAKE AND TYPE FUnCTIONS*/
  $(".search_by_make").click(function () {
    $("#btnreset").click();
    var make = $(this).attr('id');
	getVehicleMakeparam = "IDStockLocation=1,24,32,33,34,2,31";
	$("#cboMake").html("<option value=''>Loading Make</option>");	
	$.ajax({
		url: "handlers/vehiclehandler.ashx",
		data: "action=getVehicleMake&" + getVehicleMakeparam,
		async: true,
		success: function (data) {
				if ( $("#cboMake").is(':disabled') ) {
					 $("#cboMake").removeAttr("disabled");
					 $("#cboModel").removeAttr("disabled");
				}
				$("#cboMake").html(data);
				$("#cboModel").html("<option value=''>:: Select Model ::</option>");
				
				if (make == "OTHERS") {
				  $("#others_input").val(make);
				 } else {
				  $("#cboMake").val(make);
				}

				$("#btnsubmit").click();

		}
	});

    return false;
  });

  $(".searchbytype").click(function () {
    $("#btnreset").click();
	var type = $(this).attr('id');
	getVehicleMakeparam = "IDStockLocation=1,24,32,33,34,2,31";
	$("#cboMake").html("<option value=''>Loading Make</option>");	
	$.ajax({
		url: "handlers/vehiclehandler.ashx",
		data: "action=getVehicleMake&" + getVehicleMakeparam,
		async: true,
		success: function (data) {
				if ( $("#cboMake").is(':disabled') ) {
					 $("#cboMake").removeAttr("disabled");
					 $("#cboModel").removeAttr("disabled");
				}
				$("#cboMake").html(data);
				$("#cboModel").html("<option value=''>:: Select Model ::</option>");
				
				$("#option-vehicle-category").val(type);
				$("#btnsubmit").click();

		}
	});
	
	return false;
  });


  var maxcount = 0;
  $("#btnSearch").click(function () {
    if ($('#cboMake').is(':disabled') == true && $('#cboModel').is(':disabled') == true) {
        $('#body-style-modal-error').modal();
		$("#simplemodal-container").css('height','30px');
		$("#simplemodal-container").css('top','150px');
		return false;
    }
	    
	myval = $("#locationlist").val();
    $.cookie('mylocation', myval);
    params = $("#searchform").serialize();
	location.href = 'vehiclesearch.aspx?' + params + "&minyear=(All)&maxyear=(All)&fueltype=(ALL)&kmsmin=&kmsmax=&minprice=&maxprice=&page=1";
  });

  $(".registeredUnitOption").click(function () {
    var x = $(this);
    $(".registeredUnitOption").each(function () {
      if (x.val() != $(this).val()) {
        $(this).attr("checked", false);
      }
    });
  });

  $("#btnsubmit").click(function () {
	 if ($('#cboMake').is(':disabled') == true && $('#cboModel').is(':disabled') == true) {
        //alert("Your search for this make or model yielded no results. Please expand your search parameters.");
		$('#body-style-modal-error').modal();
		$("#simplemodal-container").css('height','30px');
		$("#simplemodal-container").css('top','150px');
		return false;
    }

	myval = $("#option-stock-location").val();
    $.cookie('mylocation', myval);
    $("#page").val(1);
    var action = $("input:checked").val();
    if (action == undefined || action == '') action = 'getvehicle';
    var data = "action=" + action + '&';
    data = data + $('#vsearchform').serialize();
    getVehicle(data);
    return false;
  });


  $("#cboMake,#option-vehicle").change(function () {
    var make = $(this).val();
    if (make != '') {
      var modelList = getVehicleModel(make);
      var model = modelList.split(",");
      var cboModel = "<option value=\"\">::Select Model</option>";

      for (var i = 0; i <= model.length - 1; i++) {
        cboModel = cboModel + "<option value=\"" + model[i] + "\">" + model[i] + "</option>";
      }

      $("#cboModel").html(cboModel);
    }
    else {
      var cboModel = "<option value=\"\">::Select Model</option>";
      $("#cboModel").html(cboModel);
    }
  });


  //searching from default page - start
  var path = $(location).attr("href");

  if (path.search("locationlist") > 0) {
    var params = path.split("?");

    var action = $("input:checked").val();
    if (action == undefined || action == '') action = 'getvehicle';
    var data = "action=" + action + '&';
    data = data + params[1]
    getVehicle(data);

  }
  //searching from default page - end

  //hide blurbs in atnz workshop
  if (path.search("mechanicalinspection.aspx") > 0) {
    $("#blurb").css("display", "none");
  }
	 
	//addition by Miriel for narrowing search by make and type
	$('.input_triggers').change(function() {
		/*
			 spMotoHoundGetMake -- PARAMS
			 
			 @IDStockLocation varchar(20) = '-1',  
			 @VehicleAgeMin INT = -1,  
			 @VehicleAgeMax INT = 9999,    
			 @PriceMin FLOAT = -1,          
			 @PriceMax FLOAT = 1000000000,  
			 @KMSMin INT = -1,          
			 @KMSMax INT = 1000000000,     
		*/
		getVehicleMakeparam = "IDStockLocation=" + $(".location_trigger").val();
		if ($("#Select4").length > 0) 
			getVehicleMakeparam = getVehicleMakeparam + "&VehicleAgeMin=" + $("#Select4").val();
		if ($("#Select5").length > 0) 		
			getVehicleMakeparam = getVehicleMakeparam + "&VehicleAgeMax=" + $("#Select5").val();
		if ($("#minprice_1").length > 0) 	
			getVehicleMakeparam = getVehicleMakeparam + "&PriceMin=" + $("#minprice_1").val();
		if ($("#maxprice_1").length > 0) 	
			getVehicleMakeparam = getVehicleMakeparam + "&PriceMax=" + $("#maxprice_1").val();
		if ($("#kmsmin_1").length > 0) 	
			getVehicleMakeparam = getVehicleMakeparam + "&KMSMin1=" + $("#kmsmin_1").val();
		if ($("#kmsmax_1").length > 0) 	
			getVehicleMakeparam = getVehicleMakeparam + "&KMSMax1=" + $("#kmsmax_1").val();
		
		$("#cboMake").html("<option value=''>Loading Make</option>");	
		$.ajax({
			url: "handlers/vehiclehandler.ashx",
			data: "action=getVehicleMake&" + getVehicleMakeparam,
			success: function (data) {
				if (data == "0") {
					$("#cboMake").attr('disabled', 'disabled');
					$("#cboMake").html("<option value=''>No Make Available</option>");
					
					$("#cboModel").attr('disabled', 'disabled');
					$("#cboModel").html("<option value=''>No Model Available</option>");
					
				} else {
					$("#cboMake").attr('disabled', 'disabled');
					if ( $("#cboMake").is(':disabled') ) {
						 $("#cboMake").removeAttr("disabled");
						 $("#cboModel").removeAttr("disabled");
					}
					$("#cboMake").html(data);
					$("#cboModel").html("<option value=''>:: Select Model ::</option>");
				}	
			}
		});
		

	});
	
	//alert("test");
	$("#kmsmin_1,#kmsmax_1,#minprice_1,#maxprice_1").keypress(function(e){
		var keychar;
	    var e = e || window.event;
	    var key = e.which || e.keyCode;	   
		 keychar = String.fromCharCode(key);		 
		if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) || (key==46) ){
			return true; // control keys
		}
		else if (("-()0123456789").indexOf(keychar) >= 0){			
			return true; // numbers
		}
		else{
			return false;
		}
	});
	
	$('#btnclear').click(function() {
		
		$('#btnreset').click();
		
		//if ($('#cboMake').is(':disabled') == true && $('#cboModel').is(':disabled') == true) {
			resetMakeandModel();
		//}	
		// getVehicleMakeparam = "IDStockLocation=1,24,32,33,34,2,31";
		// $("#cboMake").html("<option value=''>Loading Make</option>");	
		// $.ajax({
			// url: "handlers/vehiclehandler.ashx",
			// data: "action=getVehicleMake&" + getVehicleMakeparam,
			// success: function (data) {
					// if ( $("#cboMake").is(':disabled') ) {
						 // $("#cboMake").removeAttr("disabled");
						 // $("#cboModel").removeAttr("disabled");
					// }
					// $("#cboMake").html(data);
					// $("#cboModel").html("<option value=''>:: Select Model ::</option>");
			// }
		// });
	 });
	
	$('#cboMake').change(function() {
		getVehicleMakeparam = "IDStockLocation=" + $(".location_trigger").val();
		getVehicleMakeparam = getVehicleMakeparam + "&VehicleMake=" + $("#cboMake").val();
		//alert("test = " + $("#Select4").length);
		if ($("#Select4").length > 0) 
			getVehicleMakeparam = getVehicleMakeparam + "&VehicleAgeMin=" + $("#Select4").val();
		if ($("#Select5").length > 0)	
			getVehicleMakeparam = getVehicleMakeparam + "&VehicleAgeMax=" + $("#Select5").val();
		if ($("#minprice_1").length > 0)	
			getVehicleMakeparam = getVehicleMakeparam + "&PriceMin=" + $("#minprice_1").val();
		if ($("#maxprice_1").length > 0)	
			getVehicleMakeparam = getVehicleMakeparam + "&PriceMax=" + $("#maxprice_1").val();
		if ($("#kmsmin_1").length > 0)	
			getVehicleMakeparam = getVehicleMakeparam + "&KMSMin1=" + $("#kmsmin_1").val();
		if ($("#kmsmax_1").length > 0)	
		getVehicleMakeparam = getVehicleMakeparam + "&KMSMax1=" + $("#kmsmax_1").val();
		
		$("#cboModel").html("<option value=''>Loading Model</option>");	
		$.ajax({
			url: "handlers/vehiclehandler.ashx",
			data: "action=getVehicleModel&" + getVehicleMakeparam,
			success: function (data) {
				if (data == "0") {
					$("#cboModel").html("<option value=''>:: Select Model ::</option>");
				} else {
					$("#cboModel").html(data);
				}
			}
		})
	});
	
	//end here
});

function getVehicle(data) {
  //var action = $("input:checked").val();
  //if (action == undefined || action == '') action = 'getvehicle';
  //alert(action);
  $.ajax({
    type: 'POST',
    url: "handlers/vehiclehandler.ashx",
    data: data,
    dataType: 'json',
    beforeSend: function () {
      if (flag == 0) {
        $('#loader-div').fadeIn('500');
        $('#div-vehiclesearch').hide();
      }
    },
    success: function (jsondata) {
      $('#loader-div').fadeOut('slow', function () 
        {
        if (jsondata.length != 0) {
          vehicleResults = jsondata;

          if (flag == 0) {
            initPagination();
            flag = 1
          }
          constructResults();
        }
        else {
          $(".pagination").hide();
          $("#vehicle-total").hide();
          $("#result-per-vehicle").empty().append('<p style=\"text-align:center;padding:10px 0;color:black;\">No records found. Please try again.</p>');
          $("#stock-result").fadeIn();
          $("#search-again").click(function () {
            flag = 0;
            $('#div-vehiclesearch').slideDown('slow');
            $("#stock-result").fadeOut();
			$("#others_input").val('');
          });          
          //setTimeout(function (){ }, 200);
        }
      });
    }

  });
}

function getVehicleModel(make) {
  var strModelList;
  switch (make) {
    case "ACURA":
      strModelList = "MDX";
      break;
    case "ALFA ROMEO":
      strModelList = "145,147,156,Alfa Romeo,GTV,Twin Spark";
      break;
    case "AUDI":
      strModelList = "100,80,90,A3,A4,A6,A8,Allroad,RS6,S4,S6,TT";
      break;
    case "BMW":
      strModelList = "118i,120d,120i,130i,316,316i,316ti,318,318ci,318i,318is,318ti,320,320ci,320d,320i,323,323ci,323i,325,325ci,325i,325ti,328,328ci,328i,330,330ci,330i,520,520i,523,523i,525,525i,528,528i,530,530d,530i,535i, 540,540i,545i,645ci,728,728i,730i,735,735i,740,740i,740iL,745i,750i,760i,850i,Compact,M3,M5,M6,X3,X5,Z3,Z4";
      break;
    case "CADILLAC":
      strModelList = "Escalade";
      break;
    case "CHEVROLET":
      strModelList = "Blazer,Camaro,Classic,Corvette,Cruze,Silverado";
      break;
    case "CHRYSLER":
      strModelList = "300,Crossfire,Grand Voyager,Neon,PT,Voyager";
      break;
    case "CITROEN":
      strModelList = "Xsara";
      break;
    case "DAIHATSU":
      strModelList = "Applause,Atraj,Boon,Charade,Copen,Delta,Feroza,Hi Jet,Mira,Move,Pyzar,Rocky,Sirion,Storia,Terios,YRV";
      break;
    case "DODGE":
      strModelList = "Ram";
      break;
    case "EMW":
      strModelList = "M1";
      break;
    case "FIAT":
      strModelList = "Brava,Punto,Stilo,Tempra,Uno";
      break;
    case "FORD":
      strModelList = "Capri,Cortina,Courier,Econovan,Escape,Escort,Excursion,Explorer,Fairlane,Fairmont,Falcon,Festiva,Fiesta,Focus,FPV,Freda,Ixion,Ka,Laser,LTD,Mondeo,Mustang,Pickup,Probe,Sierra,Spectron,Taurus,Telstar,Territory,Thunderbird,Trader,Transit";
      break;
    case "GMC":
      strModelList = "Envoy,Sierra,Yukon";
      break;
    case "HINO":
      strModelList = "Dutro,Rainbow,Rainbow 9M Bus";
      break;
    case "HONDA":
      strModelList = "Accord,Acty,Ascot,Avancier,Capa,Civic,Concerto,Crossroad,CRV,CRX,Domani,EDIX,Fit,Horizon,HRV,Inspire,Integra,Jazz,Lagreat,Legend,Life,Logo,Mobilio,Odyssey,Orthia,Partner,Prelude,Rafaga,S2000,Saber,Shuttle,SMX,Step Wagon,Stream,Torneo,Vigor";
      break;
    case "HUMMER":
      strModelList = "H2,H3";
      break;
    case "HUMVEE":
      strModelList = "Hummer H2";
      break;
    case "HYUNDAI":
      strModelList = "TB";
      break;
    case "INFINITI":
      strModelList = "FX35,QX56";
      break;
    case "ISUZU":
      strModelList = "Aska,Bighorn,Elf,Fargo,Gemini,JCR,Journey,LR,MU,NPR,Rodeo,Trooper,Utility,Vehicross,Wizard";
      break;
    case "JAGUAR":
      strModelList = "S Type, X Type";
      break;
    case "JEEP":
      strModelList = "Cherokee,Commander,Grand Cherokee,Renegade,Wrangler";
      break;
    case "LAND ROVER":
      strModelList = "Defender,Discovery,Freelander";
      break;
    case "LEXUS":
      strModelList = "GX470,LX470,RX300,RX330";
      break;
    case "LINCOLN":
      strModelList = "Aviator,Navigator";
      break;
    case "MAZDA":
      strModelList = "121,2,3,323,6,626,929,Astina,Atenza,Autozam,Axela,AZ 3,B2200,B2500,B2600,Bongo,Capella,Clef,Cronos,Demio,E1800,E2000,E2500,Efini,Eunos,Familia,Friendee,Lantis,Levante,Marvie,Millenia,MPV,MS6,MS8,MX5,MX6,Premacy,Proceed,RX7,RX-8,Sentia,SP20,Tribute";
      break;
    case "MERCEDES-BENZ":
      strModelList = "190D,190E,200E,230,230E,250,260E,280,300,300E,300SL,320,350,380,400,420,430,500,500 SEC,500SE,500SEL,500SL,560,600SL,A160,A170,A190,A200,B200,C180,C200,C220,C230,C240,C250,C280,C32,C320,C350,C36,CE320,CL500,CL55,CL600,CLK200,CLK230,CLK320,CLK500,CLK55,CLS500,E200,E220,E230,E240,E280,E320,E350,E430,E500,E55,MB100,MB140,ML270,ML320,ML350,ML430,ML500,ML55,S280,S320,S350,S430,S500,S55,S600,SL280,SL320,SL350,SL500,SLK200,SLK230,SLK320,Smart Car,Sprinter,V230,V280,Vito";
      break;
    case "MG":
      strModelList = "BGT,MGB,MGF,Montego,TF,ZT";
      break;
    case "MINI":
      strModelList = "850,Clubman,Cooper,One";
      break;
    case "MITSUBISHI":
      strModelList = "380,Airtrek,Aspire,Asti,Canter,Carisma,Challenger,Chariot,Colt,Debonair,Delica,Diamante,Dino,Dion,Emeraude,Eterna,FTO,Fuso,Galant,Grandis,GTO,Jeep,L300,Lancer,Legnum,Libero,Magna,Marion,Minica,Mirage,Nimbus,Outlander,Pajero,Rosa,RVR,Sigma,Sport,Strada,Triton,V3000";
      break;
    case "MMC":
      strModelList = "Smart";
      break;
    case "NISSAN":
      strModelList = "180,200,300,350,AD,Atlas,Avenir,Basarra,BE1,Bluebird,Caravan,Cedric,Cefiro,Cima,Civilian,Condor,Cube,Datsun,Elgrand,Fargo,Gloria,Homy,Largo,Laurel,Liberty,Leopard,Lucino,March,Maxima,Micra,Mistral,Murano,Note,NX,PathFinder,Patrol,Pintara,Prairie,Presage,Presea,Primera,Pulsar,Rnessa,RP,S Cargo,Safari,Sentra,Serena,Silvia,Skyline,Stagea,Sunny,Terrano,Teana,Tiida,Tino,Ute,Vanette,Wingroad,X-Trail";
      break;
    case "OPEL":
      strModelList = "Astra,Omega,Speedster,Vectra,Vita,Zafira";
      break;
    case "PEUGEOT":
      strModelList = "100,205,206,306,307,309,405,406,407,605,607";
      break;
    case "PORSCHE":
      strModelList = "911,928,944,964,968,996,Boxster,Carrera,Cayenne,Cayman";
      break;
    case "RANGE ROVER":
      strModelList = "DSE,HSE,SE,Sport,TD6,Vogue";
      break;
    case "RENAULT":
      strModelList = "Lutecia,Megane";
      break;
    case "ROLLS ROYCE":
      strModelList = "Flying Spur,Silver Shadow,Silver Spirit,Silver Spur";
      break;
    case "ROVER":
      strModelList = "200,216,416,420,45,620,623,75,800,820,825,827,MGF,P5,P6";
      break;
    case "SAAB":
      strModelList = "900,9000,9-3,9-5,SE";
      break;
    case "SMART":
      strModelList = "Fortwo";
      break;
    case "SUBARU":
      strModelList = "Forester,Impreza,Justy,Legacy,Leone,Omega,Outback,Sambar";
      break;
    case "SUZUKI":
      strModelList = "Aerio,Alto,Baleno,Carry,Cultus,Escudo,Grand Escudo,Grand Vitara,Ignis,Jimny,Liana,Swift,Vitara,Wagon,X190,X90";
      break;
    case "TOYOTA":
      strModelList = "4 Runner,Allex,Allion,Alphard,Altezza,Ardeo,Aristo,Avalon,Avensis,BB,Blizzard,Caldina,Cami,Camry,Carib,Carina,Cavalier,Celica,Celsior,Ceres,Chaser,Cielo,Coaster,Corolla,Corona,Corsa,Cresta,Crown,Curren,Cynos,Duet,Echo,Estima,Exiv,Fielder,Fun Cargo,Gaia,Grande,Granvia,Harrier,Hiace,Highlander,Hilux,Ipsum,Ist,Kluger,Landcruiser,Levin,Liteace,Marino,Mark II,Master Ace,MkII,MR2,MR-S,Nadia,Opa,Paseo,Platz,Porte,Previa,Prius,Progress,Raum,RAV4,Regius,Scepter,Soarer,Spacio,Sprinter,Starlet,Supra,Tercel,Toreno,Townace,Toyoace,Trueno,Verossa,Vista,Vitz,Voltz,Will,Windom,Wish,Yaris";
      break;
    case "VOLKSWAGEN":
      strModelList = "Beetle,Bora,Caravelle,Golf,Jetta,Passat,Polo,Sharan,Touareg,VC6,Vento,VR6";
      break;
    case "VOLVO":
      strModelList = "740,850,940,960,C70,S40,S60,S70,S80,S90,V40,V50,V70,XC70,XC90";
      break;
  }
  return strModelList;
}

function switchImage(vehicleid, imgSrc, imgScrM) {
  if (document.images) {
    if (imgSrc != "none") {
      document.images["pic" + vehicleid].src = imgSrc;
      document.getElementById(vehicleid + "_IMAGEPATH_M").value = imgScrM;
    }
  }
}

function switchSize(vehicleid) {
  var imgScrM = document.getElementById(vehicleid + "_IMAGEPATH_M").value;
  return imgScrM;
}


function popUpLargeImage(strHREF, X, Y) {
  //strHREF = searchData.Resize(strHREF);
  if (X == undefined) X = 800;
  if (Y == undefined) Y = 600;
  PopupWin = window.open('', 'mapwin', 'scrollbars=1', 'resizable=1', 'width=' + X, 'height=' + Y)
  PopupWin.document.open();
  PopupWin.document.write('<html><body topmargin="0" leftmargin="0"><center><img src=" ' + strHREF + ' " alt="a car"/></img></center></body></html>');
  PopupWin.document.close();
  PopupWin.resizeTo(X, Y + 25)
  PopupWin.focus()
}

function switchImage(vehicleid, imgSrc, imgScrM) {
  if (document.images) {
    if (imgSrc != "none") {
      document.images["pic" + vehicleid].src = imgSrc;
      document.images["pic" + vehicleid].setAttribute("alt", imgScrM);
    }
  }
}

function enlargeImage(imgURL) {
  popUpLargeImage(imgURL, 800, 600);
}

function initPagination() {
  // count entries inside the hidden content
  var num_entries = vehicleResults[0].VehicleCount;

  // Create content inside pagination element
  $(".Pagination").pagination(num_entries, {
    callback: pageselectCallback,
    items_per_page: 10, // Show only one item per page
    num_edge_entries: 2,
    load_first_page: true,
    num_display_entries: 5
  });
}

function pageselectCallback(page_index, jq) {
  var items_per_page = 10;
  var max_elem = Math.min((page_index + 1) * items_per_page, vehicleResults[0].VehicleCount);

  //constructResults();
  constructMakeModelCountArea(items_per_page, page_index, max_elem);

  return false;
}

function constructMakeModelCountArea(items_per_page, page_index, max_elem) {
  var totalCount = "";
  page_from = items_per_page * page_index + 1;
  page_to = max_elem;
  pageFromTo = page_from + " - " + page_to;

  if (vehicleResults[0].VehicleCount < items_per_page) {
    $(".Pagination .pagination").hide();
  }
  totalCount = "Results " + pageFromTo + " (of " + vehicleResults[0].VehicleCount + ")";
  $("#vehicle-total").empty().append(totalCount);
  $("#vehicle-total").fadeIn();
}

function constructResults() {
  var str = '';
  var action = $("input:checked").val();
  if (action == undefined || action == '') action = 'getvehicle';

  if (action == "prestigeUnits") {
    //------start search make and model for prestige units------
    str = str + '<div style="float:right; padding:0 230px 0 0; margin:-60px 0 0 0;">'
    str = str + '<span style="font-weight:bold;">Make</span>'
    str = str + '<select id="makeunits" style="width:126px; border:1px solid #CCCCCC; vertical-align:middle; font-size:11px; color:#333333; padding:2px 0;">'
    str = str + '<option>Loading...</option>'
    str = str + '</select>'
    str = str + '<span style="font-weight:bold; padding:0 0 0 10px;">Model</span>'
    str = str + '<select id="modelunits" disabled="disabled" style="width:126px;border:1px solid #CCCCCC; vertical-align:middle; font-size:11px; color:#333333;  padding:2px 0;">'
    str = str + '<option>Select Model</option>'
    str = str + '<input type="hidden" name="unitsfrom" id="unitsfrom" value="prestigeUnits" />'
    str = str + '</select>'
    str = str + '</div>'
    //------end search make and model------
  }
  else if (action == "commercialUnits") {

    //------start search make and model for commercial units------
    str = str + '<div style="float:right; padding:0 230px 0 0; margin:-60px 0 0 0;">'
    str = str + '<span style="font-weight:bold;">Make</span>'
    str = str + '<select id="makeunits" style="width:126px; border:1px solid #CCCCCC; vertical-align:middle; font-size:11px; color:#333333; padding:2px 0;">'
    str = str + '<option>Loading...</option>'
    str = str + '</select>'
    str = str + '<span style="font-weight:bold; padding:0 0 0 10px;">Model</span>'
    str = str + '<select id="modelunits" disabled="disabled" style="width:126px;border:1px solid #CCCCCC; vertical-align:middle; font-size:11px; color:#333333;  padding:2px 0;">'
    str = str + '<option>Select Model</option>'
    str = str + '<input type="hidden" name="unitsfrom" id="unitsfrom" value="commercialUnits" />'
    str = str + '</select>'
    str = str + '</div>'
    //------end search make and model
  }
  else {

  }


  //vehicle results

  $.each(vehicleResults[1].Vehicles, function (key, val) {
    str = str + '<li class="result-list">';
    str = str + '<div style="background-color:#D8D8D8; padding:10px 0; width:100%; overflow:auto;">';
    str = str + '<ul class="result-header">';
    str = str + '<li class="result-header" style="background:#D8D8D8; width:180px;">';
    str = str + '<a onclick="switchImage(\'' + val['IDVehicle'] + '\',\'' + val['FrontPhotoSmall'] + '\',\'' + val['FrontPhotoLarge'] + '\')" style="cursor: pointer;font-weight:bold;">Front</a> |';
    str = str + '<a onclick="switchImage(\'' + val['IDVehicle'] + '\',\'' + val['InteriorPhotoSmall'] + '\',\'' + val['InteriorPhotoLarge'] + '\')" style="cursor: pointer;font-weight:bold;">Interior</a> |';
    str = str + '<a onclick="switchImage(\'' + val['IDVehicle'] + '\',\'' + val['RearPhotoSmall'] + '\',\'' + val['RearPhotoLarge'] + '\')" style="cursor: pointer;font-weight:bold;">Rear</a>';
    str = str + '</li>';
    str = str + '<li style="width:230px; font-weight:bold; text-align:left;">' + val['Year'] + ' ' + val['Make'] + ' ' + val['Model'] + '</li>';
    str = str + '<li style="font-weight:bold;text-align:left; width:100px;">$' + val['VehicleCost'] + '</li>';
    str = str + '<li style="text-align:center; padding-right:40px;">*Delivery charges and on road costs may apply</li>';
    str = str + '</ul>';
    str = str + '</div>'; //end of result header of each vehicle

    //start main vehicle content
    str = str + '<div style="background:#F5F5F5;overflow:auto;padding:5px 0; margin-top:2px; margin-bottom:6px; width:100%;">';
    str = str + '<div style="background:#F5F5F5;overflow:auto;padding:5px 0; margin-top:2px; margin-bottom:6px; width:100%;">';
    str = str + '<ul class="vehicle-main">';
    str = str + '<li>';
    str = str + '<div id="Div1" style="height: 101px; width: 151px; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center;">';
    str = str + '<img class="main-img" id="pic' + val['IDVehicle'] + '" border="0" style="cursor:pointer; height:101px;width:151px;" src="' + val['FrontPhotoSmall'] + '" alt="' + val['FrontPhotoLarge'] + '" />';
    str = str + '</div>';
    str = str + '<p style="clear:both;font-weight:bold;font-size:12px;color:#59595B">Location: <span id="idlocation" style="color:#c97513;">' +val['VehicleLocation'] +'</span></p>';
    str = str + '</li>';
    str = str + '<li>';
    str = str + '<div class="car-desc">';
    str = str + '<p>Stock No: <span class="yellow">' + val['IDVehicle'] + '</span> </p>';
    str = str + '<p>Chassis No: <span class="yellow">' + val['ChassisNo'] + '</span></p>';
    str = str + '<p>Description:</p><p>';
    str = str + '<span class="yellow">' + val['Transmission'] + ' ' + val['KMS'] + ' Kms' + '</span></p><p><span class="yellow">' + val['ExteriorColor'] + ' ' + val['EngineDisplacement'] + 'cc ' + val['Fueltype'] + ' ' + val['Doors'] + '</span>';
    str = str + '</p><br />';
    str = str + '<p>';
    str = str + '<a style=\'color:#ff0000;font-weight:normal;text-decoration:none;\' href=\'http://labeling.fuelsaver.govt.nz/label.php?refType=chassisnumber&chassisnumber=' + val['ChassisNo'] + '&printOptions=colour\'' + ' target=\'_blank\'>Get Fuel Label for this vehicle</a>';
    str = str + '</p>';
    str = str + '</div>';
    str = str + '</li>';
    str = str + '<li>';
    str = str + '<div class="fuelsaver">';
    str = str + '<img style="margin-top:0px;float:left;padding-right:10px;" src="' + val['FuelSaverImage'] + '" alt="fuelsaver image"/>';
    str = str + '<ul style="padding:10px 0 0 0;">';
    str = str + '<li style=" list-style:none; display:block; padding-bottom:3px;">' + val['FuelSaverMileAge'] + '</li>';
    str = str + '<li style="list-style:none; display:block; padding-bottom:3px;">$' + val['FuelSaverCost'] + ' Cost per year</li>';
    str = str + ' <li style="list-style:none;">' + val['FSaverRating'] + '</li>';
    str = str + '</ul>';
    str = str + '</div>';
    str = str + '</li>';
    str = str + '<li>';
    str = str + '<input id="inquire' + val['IDVehicle'] + '" class="vbuttons btn-inquiry" type="image" value="Enquire Now" src="images/inquire.jpg" name="button">';
    str = str + '<input id="vdetails' + val['IDVehicle'] + '" class="vbuttons btn-details" type="image" value="Show Vehicle Details" src="images/showDetails.gif" name="button">';
    str = str + '</li>';
    str = str + '</ul>';
    str = str + '</div>';
    str = str + '<div id="checklist-container-loader' + val['IDVehicle'] + '" style="display:none;text-align:center;">Loading Data. please wait...</div>';
    str = str + '<div id="checklist-container' + val['IDVehicle'] + '" class="checklist-container"></div>';
    //end of main vehicle content
  });

  $("#result-per-vehicle").empty().append(str);
  $("#stock-result").fadeIn();

  if ((action == "prestigeUnits") || (action == "commercialUnits")) {
    retrieveMake();
  }
  // result display in fade in
  var count = 0;
  (function displayImages() {
    $("li.result-list").eq(count++).fadeIn(500, displayImages);
  })();

  // inquiry button
  $(".btn-inquiry").click(function () {
    var vid = $(this).attr('id');
    window.location = 'inquiry.aspx?vid=' + vid.substring(7);
  });

  // vehicle details
  $(".btn-details").click(function () {
    var data = $(this).attr('id');
    var vehicleid = data.substring(8);

    if ($("#checklist-container" + vehicleid).html() != '') {

      if ($("#checklist-container" + vehicleid).css('display') != 'none') {
        $("#checklist-container" + vehicleid).slideUp();
      }
      else {
        $("#checklist-container" + vehicleid).slideDown();
      }
    }
    else {

      var locationId = $('#idlocation').html();
      var param = 'action=getVehicleDetails&location=' + locationId + '&idvehicle=' + vehicleid;
      $.ajax({
        type: "POST",
        url: "handlers/vehiclehandler.ashx",
        data: param,
        beforeSend: function () {
          $("#checklist-container-loader" + vehicleid).show();
        },
        success: function (data) {
          $("#checklist-container" + vehicleid).hide();
          $("#checklist-container" + vehicleid).html(data);
          $("#checklist-container" + vehicleid).slideDown();
          $("#checklist-container-loader" + vehicleid).slideUp();

          $(".add-images").click(function () {
            popUpLargeImage($(this).attr('src'));
          });

          $(".add-images").error(function () {
            $(this).attr("src", "");
            $(this).attr("alt", "");
            $(this).css("display", "none");
            $(this).parent().remove();
          });


        },
        error: function () {
          $("#checklist-container-loader" + vehicleid).html('There was an error fetching this data.');
        }
      });
    } //end of else
  });              //end of btn-details

  // enlarge image
  $(".add-images").click(function () {
    var path = $(this).attr('src');
    popUpLargeImage(path);
  });

  // enlarge image
  $(".main-img").click(function () {
    var path = $(this).attr('alt');
    popUpLargeImage(path);
  });


  $("#search-again").click(function () {
    vehicleResults = '';
    flag = 0;
    $('#div-vehiclesearch').slideDown('slow');
    $("#stock-result").fadeOut();
	$("#others_input").val('');
  });
  //setTimeout(function (){ }, 200);

  $("#.pagination a").click(function () {
    var pageno = $(this).html().toLowerCase();

    var action = $("input:checked").val();
    if (action == undefined || action == '')
      action = 'getvehicle';
    var data = "action=" + action + '&';
    $('#loader-div').fadeIn('500');

    if (isNaN(pageno)) {
      if (pageno == 'prev') {
        pageno = parseInt($("#page").val()) - 1;
      }

      if (pageno == 'next') {
        pageno = parseInt($("#page").val()) + 1;
      }
    }

    $("#page").val(pageno);    
    $("#option-stock-location").val($.cookie('mylocation'));
    data = data + $('#vsearchform').serialize();
    getVehicle(data);
    return false;
  });

  //images on error
  $(".main-img").error(function () {
    $(this).attr("src", "");
    $(this).attr("alt", "");
    $(this).css("display", "none");
    $(this).parent().remove();
  });
}

function retrieveMake() {
  var unitsOps = $('#unitsfrom').val();
  $("#modelunits").attr("disabled", "disabled");
  $("#modelunits").html("<option></option>");
  $.ajax({
    url: "handlers/vehiclehandler.ashx",
    data: "action=getmake&units=" + unitsOps,
    success: function (data) {
      unitsOps = $('#unitsfrom').val();
      $('#makeunits').html(data);
      $('#makeunits').change(function () {
        var make = $(this).val();
        if (make != "") {
          if (make == "All") {
            var fromUnits = $("#unitsfrom").val();
            var params = "categorylist=&chassisno=&fueltype=(ALL)&kmsmax=&kmsmin=&locationlist=1,24,32,33,34,2,31&makelist=&maxprice=&maxyear=(All)&minprice=&minyear=(All)&modellist=&page=1&stockno=&viewRegistered=" + fromUnits;
            $("#contPageNavUpper").html("");
            $("#contPageNavLowwer").html("");
            $("#searchPref").html(params);
            var action = $("input:checked").val();
            if (action == undefined || action == '') action = 'getvehicle';
            var data = "action=" + action + '&';
            data = data + params;
            flag = 0;
            getVehicle(data);
          } else {
            $.ajax({
              url: "handlers/vehiclehandler.ashx",
              data: "action=getmodel&units=" + unitsOps + "&makefield=" + make,
              success: function (data) {
                $("#modelunits").removeAttr("disabled");
                $("#modelunits").html(data);
                $("#modelunits").change(function () {
                  var model = $(this).val();
                  if (model != "") {
                    var makeunit = $('#makeunits').val();
                    var fromUnits = $("#unitsfrom").val();
                    var modelunit = $(this).val();
                    if (modelunit == "All") {
                      modelunit = "";
                    }
                    var params = "categorylist=&chassisno=&fueltype=(ALL)&kmsmax=&kmsmin=&locationlist=1,24,32,33,34,2,31&makelist=" + makeunit + "&maxprice=&maxyear=(All)&minprice=&minyear=(All)&modellist=" + modelunit + "&page=1&stockno=&viewRegistered=" + fromUnits;
                    $("#contPageNavUpper").html("");
                    $("#contPageNavLowwer").html("");
                    $("#searchPref").html(params);
                    var action = $("input:checked").val();
                    if (action == undefined || action == '') action = 'getvehicle';
                    var data = "action=" + action + '&';
                    data = data + params;
                    flag = 0;
                    getVehicle(data);
                  }
                });
              }
            });
          }
        }
      });
    }
  });
}

function resetMakeandModel() {
	getVehicleMakeparam = "IDStockLocation=1,24,32,33,34,2,31";
	$("#cboMake").html("<option value=''>Loading Make</option>");	
	$.ajax({
		url: "handlers/vehiclehandler.ashx",
		data: "action=getVehicleMake&" + getVehicleMakeparam,
		success: function (data) {
				if ( $("#cboMake").is(':disabled') ) {
					 $("#cboMake").removeAttr("disabled");
					 $("#cboModel").removeAttr("disabled");
				}
				$("#cboMake").html(data);
				$("#cboModel").html("<option value=''>:: Select Model ::</option>");
		}
	});
}