';
}
/**
*
* Function to get 'Get Internet Button'
*
* @param {Object}
* i Index of current Vechicle
* @param {Object}
* arrVehicleList List of Vechicles
*
*/
function getGetInternetPriceButton(arrVehicleList, i, certifiedPreowned) {
return '
'
+ '
';
}
/**
*
* Function to get FLM or FoC 'Get Internet Button Container'
*
* @param {Object}
* i Index of current Vechicle
* @param {Object}
* arrVehicleList List of Vechicles
*
*/
function getFLMCommentString(arrVehicleList, i) {
return '';
}
/**
*
* Function to get dealer comment string as html
*
* @param {Object}
* i Index of current Vechicle
* @param {Object}
* arrVehicleList List of Vechicles
*
*/
function getCommentString(arrVehicleList, i){
return ''
+ '';
}
/**
*
* Function to add 'Get Our Internet Price' buttons
*
* @param {Object}
* i Index of current Vechicle
* @param {Object}
* arrVehicleList List of Vechicles
*
*/
function cloneButton(i , arrVehicleList, giCrtifiedPreowned) {
$D = YAHOO.util.Dom;
var button = $D.get("getInternetPriceButton");
var buttonContainer = $D.get('getInternetPriceButton-container-'+i);
var newButton = button.cloneNode(true);
$D.setStyle(newButton, 'display', 'block');
$D.setStyle(newButton, 'visibility', 'visible');
buttonContainer.appendChild(newButton);
var el = $D.getElementsByClassName('btnContainer', 'div','getInternetPriceButton-container-' + i)[0];
el.removeAttribute('onclick');
addClickListener(el, arrVehicleList[i], giCrtifiedPreowned);
checkButtonWidth('btn','-getInternetPrice','170');
}
/**
*
* Function to add Listener to element
*
* @param {Object}
* el element
* @param {Object}
* currentVehicle currentVehicle
*
*/
function addClickListener(el, currentVehicle, giCrtifiedPreowned) {
YAHOO.util.Event.addListener(el, "click", function(){
window.open('?_flowExecutionKey=' + flowExecutionId + '&_eventId_requestquote=true&requestType=quote&vin='
+ currentVehicle.VIN + '&dealerPACode=' + currentVehicle.DealerPaCode+'&certifiedPreownedImg=' + giCrtifiedPreowned , target='_self');
});
}
/**
* Retuns the Vehicle List
*
* @return
*/
function getVehicleList() {
showStatusMessage(arrStrings['apps.inventory.filter.gettingvehicles'] + '...');
var request = YAHOO.util.Connect.asyncRequest('GET', '../../services/getUsedInventoryList?pacode=' + strPACode + '&lang=' + userLanguage, callback);
}
/**
* Called when the used-vehicle-make-filter changes. Currenlty controls the
* values in the model filter upon changes in the make filter.
*/
function populateVehicleFilter(objMatcher) {
var selectedModelsSet = new Array();
//Iterate through each vehicle to collect the matching model names.
for ( var v = 0 ; v < arrVehicles.length ; v++ ) {
if(objMatcher.matches(arrVehicles[v])){
selectedModelsSet[arrVehicles[v]['ModelName']] = arrVehicles[v]['ModelName'];
}
}
//Copy the contents from the set to an array so that we can sort them.
var selectedModels = new Array();
for (var model in selectedModelsSet) {
selectedModels[selectedModels.length] = model;
}
//Sort the new model array in alphabetical order;
var sortedSelectedModels = selectedModels.sort();
modelFilter = document.forms['filtersForm'].elements['ModelName']; //Update the drop-down.
modelFilter.length = 1;
for (var v = 0; v < sortedSelectedModels.length; v++) {
var value = sortedSelectedModels[v];
modelFilter.options[modelFilter.options.length] = new Option(value, value);
}
}
/**
* Sorts a dropdown.options
*/
function sortDropDownOptions(sorter, options) {
//Ignore the first 'All' option.
var optionsToSort = new Array();
for (var v = 1; v < options.length; v++) {
optionsToSort[v - 1] = new Option(options[v].text, options[v].value);
}
var sortedOptions = sorter.sort(optionsToSort);
options.length = 1;
for (var v = 0; v < sortedOptions.length; v++) {
options[options.length] = sortedOptions[v];
}
}
/**
*
* @param sorter
* @param options
* @return
*/
function sortYearDropDownOptions(sorter, options) {
var optionsToSort = new Array();
for (var v = 0; v < options.length; v++) {
optionsToSort[v] = new Option(options[v].text, options[v].value);
}
var sortedOptions = sorter.sort(optionsToSort);
options.length = 0;
for (var v = 0; v < sortedOptions.length; v++) {
options[options.length] = sortedOptions[v];
}
}
/**
* This method reset the fields of Mileage and Price
*/
function resetFields()
{
document.forms['filtersForm'].elements['Mileage'].selectedIndex = 0;
document.forms['filtersForm'].elements['Price'].selectedIndex = 0;
}
/**
* Sorts the contents of the filters below;
* year: chronological - newest to oldest
* vehicle type: alphabetical
* make: alphabetical
* model: alphabetical (should be filtered if "make" is selected, look at populateVehicleFilter)
*/
function sortUsedVehicleFilters() {
var optionSorter = new ObjectSorter('text',simpleComparator);
sortDropDownOptions(optionSorter, document.forms['filtersForm'].elements['VehicleType'].options);
sortDropDownOptions(optionSorter, document.forms['filtersForm'].elements['Make'].options);
sortDropDownOptions(optionSorter, document.forms['filtersForm'].elements['ModelName'].options);
// Sorting Years in reverse order
optionSorter.reverseSortOrder();
sortYearDropDownOptions(optionSorter, document.forms['filtersForm'].elements['Year'].options);
sortYearDropDownOptions(optionSorter, document.forms['filtersForm'].elements['YearTo'].options);
//To restore the state of previous selection if any.
var year = document.forms['filtersForm'].elements['Year'].selected;
var yearTo = document.forms['filtersForm'].elements['YearTo'].selected;
var vehicleType = document.forms['filtersForm'].elements['VehicleType'].selected;
var make = document.forms['filtersForm'].elements['Make'].selected;
var model = document.forms['filtersForm'].elements['ModelName'].selected;
// Restore previous selection.
document.forms['filtersForm'].elements['Year'].selectedIndex = document.forms['filtersForm'].elements['Year'].length - 1;
document.forms['filtersForm'].elements['YearTo'].selectedIndex = 0;
document.forms['filtersForm'].elements['VehicleType'].selected = vehicleType;
document.forms['filtersForm'].elements['Make'].selected = make;
document.forms['filtersForm'].elements['ModelName'].selected = model;
resetFields();
}
/**
*
* @return
*/
function getFilterSelections(){
vehicleFlag = 1;
var year = document.forms['filtersForm'].elements['Year'].value;
var yearTo = document.forms['filtersForm'].elements['YearTo'].value;
// Swap the values of year and yearTo, if (year > yearTo)
if (year > yearTo) { var temp = year; year = yearTo; yearTo = temp; }
var type = document.forms['filtersForm'].elements['VehicleType'].value;
var make = document.forms['filtersForm'].elements['Make'].value;
var modelName = document.forms['filtersForm'].elements['ModelName'].value;
var mileage = document.forms['filtersForm'].elements['Mileage'].value;
var price = document.forms['filtersForm'].elements['Price'].value;
var cert = document.forms['filtersForm'].elements['Certified'].checked;
var sortSelect = document.forms['sortForm'].elements['sortSelect'].value;
var vehiclesPerPage = YAHOO.util.Dom.get('vehiclesPerPage').options[YAHOO.util.Dom.get('vehiclesPerPage').selectedIndex].value;
var pageNo = YAHOO.util.Dom.get('pageNo').value;
var strSelections = '{"year":"' + year + '", "yearTo":"' + yearTo + '", "type":"' + type + '", "make":"' + make + '", "model":"' + modelName
+ '", "mileage":"' + mileage + '", "price":"' + price + '", "cert":"' + cert + '", "sortOrder":"' + sortOrder + '", "sortSelect":"'
+ sortSelect + '", "vehiclesPerPage":"' + vehiclesPerPage + '", "pageNo":"' + pageNo + '"}';
return strSelections;
}
/**
*
* @param objFilterForm
* @return
*/
function setFilterSelections(objFilterForm) {
if(!objFilterForm) { return; }
selectValue('filtersForm', 'Year', objFilterForm.year, 'value', relaxedCompare);
selectValue('filtersForm', 'YearTo', objFilterForm.yearTo, 'value', relaxedCompare);
selectValue('filtersForm', 'VehicleType', objFilterForm.type, 'value', relaxedCompare);
selectValue('filtersForm', 'Make', objFilterForm.make, 'value', relaxedCompare);
populateVehicleFilter({ 'matches' : function(objModel) {
return (objFilterForm.make == 'All' || objModel.Make == objFilterForm.make)
&& (objFilterForm.type == 'All' || objModel.VehicleType == objFilterForm.type)? true:false;
} });
selectValue('filtersForm', 'ModelName', objFilterForm.model, 'value');
selectValue('filtersForm', 'Mileage', objFilterForm.mileage, 'value');
selectValue('filtersForm', 'Price', objFilterForm.price, 'value');
document.forms['filtersForm']['Certified'].checked = ('true' == objFilterForm.cert);
sortOrder = ((objFilterForm.sortOrder == '1')? 1 : -1);
selectValue('sortForm', 'sortSelect', objFilterForm.sortSelect, 'value');
selectValue('sortForm', 'vehiclesPerPage', objFilterForm.vehiclesPerPage, 'value');
setSortOrderImage();
filterCurrentVehicles();
}
/**
*
* @param imgUrls
* @return
*/
function showVehicleParts(imgUrls)
{
if(imgUrls.length > 1){
arrImgList = new Array();
var arrImgs = imgUrls.split('|');
for(var j = 0; j < arrImgs.length; j++){
arrImgList[j] = arrImgs[j];
}
imageState(selectedImgNo);
var loadedImage = new Image();
loadedImage.onload = function() {
var imageHolder = YAHOO.util.Dom.get('imageData');
imageHolder.src = arrImgList[selectedImgNo];
imageHolder.style.width = (loadedImage.width > 600 ? 600 : loadedImage.width) + 'px';
var largeImg = YAHOO.util.Dom.get('largeImage');
largeImg.style.visibility = 'visible';
largeImg.style.display = 'block';
largeImg.style.width = imageHolder.width + 'px';
centerElement(largeImg,largeImg.offsetWidth,largeImg.offsetHeight);
}
loadedImage.src = arrImgList[selectedImgNo]; //This causes the loading of the image.
showDimLayer();
}
}
/**
*
* @return
*/
function showDimLayer ( ) {
var obj = YAHOO.util.Dom.get('dimmedLayer');
var opacity = 50;
obj.style.filter = 'alpha(opacity:' + opacity + ')';
obj.style.KHTMLOpacity = opacity / 100;
obj.style.MozOpacity = opacity / 100;
obj.style.opacity = opacity / 100;
obj.style.visibility = 'visible';
obj.style.height = getPageDimensions().height + 'px';
obj.style.display = 'block';
}
/**
*
* @return
*/
function hideLargeImage () {
YAHOO.util.Dom.get('largeImage').style.visibility = 'hidden';
YAHOO.util.Dom.get('dimmedLayer').style.visibility = 'hidden';
YAHOO.util.Dom.get('largeImage').style.display = 'none';
YAHOO.util.Dom.get('dimmedLayer').style.display = 'none';
selectedImgNo = 0; // Reseting the selected image index
}
/**
*
* @return
*/
function prevImage () {
imageState(selectedImgNo - 1);
var bigImg = YAHOO.util.Dom.get('imageData');
selectedImgNo = (selectedImgNo == 0)? selectedImgNo: --selectedImgNo;
bigImg.src = arrImgList[selectedImgNo];
}
/**
*
* @return
*/
function nextImage () {
var bigImg = YAHOO.util.Dom.get('imageData');
imageState(selectedImgNo + 1);
selectedImgNo = (selectedImgNo == arrImgList.length - 1)?selectedImgNo: ++selectedImgNo;
bigImg.src = arrImgList[selectedImgNo];
}
/**
*
* @param count
* @return
*/
function imageState (count) {
var prevImg = YAHOO.util.Dom.get('prevImageId');
var nextImg = YAHOO.util.Dom.get('nextImgId');
nextImg.style.display='block';
prevImg.style.display='block';
if (count == arrImgList.length - 1) { nextImg.style.display = 'none'; }
if (count == 0) { prevImg.style.display = 'none'; }
}
/**
*
* @param index
* @return
*/
function showHideInfo(index, isFLM)
{
var f1 = YAHOO.util.Dom.get('infoMain' + index);
var f2 = YAHOO.util.Dom.get('moreButton' + index);
var f3 = YAHOO.util.Dom.get('hideButton' + index);
// If "More" button is visible, show the full MarketingText and "Hide" button and remove "More" button
if ( f2.style.display == "block" ) {
f1.innerHTML = arrMarketingText[index];
f2.style.display = 'none';
f3.style.display = 'block';
}
// If "Hide" button is visible, show the preview MarketingText and "More" button and remove "Hide" button
else if ( f3.style.display == "block" ) {
if (isFLM){
f1.innerHTML = '\u0022' + arrMarketingText[index].substring(0, FLM_MARKETING_TEXT_PREVIEW_CHARS)
+ (arrMarketingText[index].length < FLM_MARKETING_TEXT_PREVIEW_CHARS ? '' : ' ......') + '\u0022';
} else {
f1.innerHTML = arrMarketingText[index].substring(0, MARKETING_TEXT_PREVIEW_CHARS)
+ (arrMarketingText[index].length < MARKETING_TEXT_PREVIEW_CHARS ? '' : ' ...');
}
/* TODO: The following two lines of commented code may be required if MarketingText exceeds more than 5 lines (450+ characters).
* At present, MarketingText in the locate is of only 256 characters max.
*
* f1.innerHTML += '
'
* + arrStrings['apps.inventory.filter.details'] + ' >';
*/
f2.style.display = 'block';
f3.style.display = 'none';
}
}
/**
* Call the Ominiture Event for Used Inventory
*
* @param channel
* @param prop5
* @param make
* @param model
* @param year
* @param bodydesc
* @param selIndex
* @param intEndIndex
* @return
*/
function ominitureEventForUsedInventory ( channel , prop5 , make , model , year , bodydesc , selIndex , intEndIndex ) {
setTempVariables();
if (s !== null)
{
s.templtv = s.linkTrackVars;
s.linkTrackVars = 'channel,eVar1,eVar2,eVar3,eVar4,eVar5,eVar12,eVar14,eVar15,eVar16,eVar18,eVar35,prop1,prop2,prop3,prop4,prop5,prop12,prop14,prop15,prop16,prop21';
s.pageName = prop5;
s.channel = channel;
s.eVar3 = s.prop3;
s.prop5 = prop5;
s.prop12 = s.eVar12 = year;
s.eVar18 = bodydesc;
s.eVar5 = "used";
s.prop16 = s.eVar16 = make.toLowerCase() + " " + model.toLowerCase();
s.prop21 = s.eVar35 = parseInt(selIndex) + 1 + ':' + intEndIndex;
fireOmnitureEventToS1();
if(s.templtv){s.linkTrackVars=s.templtv;}
}
resetVariables();
}
'
:
'-')
+ '
' : '-') +
'