var advancedSearchLoaded   = false;
var newVehicleSearchLoaded = false;
var leasingVehicleSearchLoaded = false;
var advancedSearchCarCount = 0;
var advancedSearchVanCount = 0;
var possibleVehicleTypes   = ['car', 'van', 'bike'];

var resultDisplayKeyboardHighlight = 0;
var currentISearch = '';
var quickSearchNumber = 0;
var displayItemArray = new Array();

var totalResults   = 0;
var totalDisplayResults   = 0;
var favouritesLimit  = 3;
var quickSearchResults = new Array();

 // Remembers the value for when moving away from the quick search and coming back
var rememberQuickVehicleSearchValue = '';

// Remembers results from quick search to show them again without ajax call
var rememberedDisplayText = '';

$(document).ready(function() {

	//	Remove stock updates field data on click.
	var changeStockUpdatesField = true;
	$('#emailSignUp').click(function(){
		if(changeStockUpdatesField){
			changeStockUpdatesField = false;
			$(this).val('');
		}
	});

	// Remove contents from quick search on click.
	var quickSearchContent = true;
	$('#quick_search_value').click(function(){
		if(quickSearchContent){
			quickSearchContent = false;
			$(this).val('');
		}
	});

	// quick search focus lose.
	$('#quick_search_value').blur(function(){
		rememberedDisplayText = $('#searchResults').html();
		setTimeout("hideQuickSearchResults()", 300);
	});

	// quick search focus.
	$('#quick_search_value').focus(function(){

		if( rememberQuickVehicleSearchValue != '' ){
			$('#quick_search_value').val(rememberQuickVehicleSearchValue)
			$('#searchResults').html(rememberedDisplayText);
			$('#searchResults').addClass('results');
            $('#searchResults').stop().slideDown(300);
		}else{
			$('#quick_search_value').val('')
		}

	});

	// quick search keyup.
	$('#quick_search_value').keyup(function(){
		if($(this).val().length > 1){
			if(
				$(this).val() != '' &&
				$(this).val() != 'Find a vehicle' &&
				$(this).val() != currentISearch &&
				$(this).val() != rememberQuickVehicleSearchValue
			){
				intelliQuickSearch(0);
			}
		}
	});

	// stock updates submit
	$('.btnSignUp').click(function(e){
		if(
			$('#emailSignUp').val() == '' ||
			$('#emailSignUp').val() == '- Enter your Email address'
		){
			alert('Please enter a valid email address.');
			e.preventDefault();
			return false;
		}else{
			$('#stockUpdates_miniForm').submit();
		}
	});

	//	toggle the search options.
	$('#moreSearchOptions').hide(0);
	$('.btnMoreOptions').toggle(function(){
		$(this).find('img').attr('src', $(this).find('img').attr('src').replace('btnMoreOptions', 'btnLessOptions'));
		$('#moreSearchOptions').slideDown(300);
		collectAdvancedSearchLists();
	}, function(){
		$(this).find('img').attr('src', $(this).find('img').attr('src').replace('btnLessOptions', 'btnMoreOptions'));
		$('#moreSearchOptions').stop().slideUp(300);
	});

    $('#quick_search_value').keydown( function(e) {
        detectkeyPress(e);
    });

    // Fixes Chrome issues with date validator validator method
    jQuery.extend(jQuery.validator.methods, {
        date: function(value, element) {
            //return this.optional(element) || !/Invalid|NaN/.test(new Date(value));
            var d = new Date();
            return this.optional(element) || !/Invalid|NaN/.test(new Date(d.toLocaleDateString(value)));
        }
    });

    // Add a postcode validator method
    jQuery.validator.addMethod("postcode", function(value, element) {
            return this.optional(element) || /^(GIR 0AA)|(((A[BL]|B[ABDHLNRSTX]?|C[ABFHMORTVW]|D[ADEGHLNTY]|E[HNX]?|F[KY]|G[LUY]?|H[ADGPRSUX]|I[GMPV]|JE|K[ATWY]|L[ADELNSU]?|M[EKL]?|N[EGNPRW]?|O[LX]|P[AEHLOR]|R[GHM]|S[AEGKLMNOPRSTY]?|T[ADFNQRSW]|UB|W[ADFNRSV]|YO|ZE)[1-9]?[0-9]|((E|N|NW|SE|SW|W)1|EC[1-4]|WC[12])[A-HJKMNPR-Y]|(SW|W)([2-9]|[1-9][0-9])|EC[1-9][0-9]) [0-9][ABD-HJLNP-UW-Z]{2})$/.test(value);
        }, "Please enter a valid postcode"
    );

	// Create tabs and start them working
   $("#tabVehicleSearch").tabs();
	$("#tabNewVehicleSpec").tabs();
	$("#tabUsedVehicleInfo").tabs();

	$("#tabVehicleSearch").tabs();
   $("#tabNewVehicleInfo").tabs();
   $("#tabUsedVehicleInfo").tabs();
   $("#tabOffersSection").tabs();
   $("#tabWhatCar").tabs();
   $("#tabWhatCarSpec").tabs();

	$('input[name=addToCompare]').change( function( event ) {
		if ( event.target.checked ) {
			addToCompare( event.target.value );
		} else {
			removeFromCompare( event.target.value );
		}
	});

	// Generate Price
	priceListing();
	rememberSearchSettings();

	// Generate GUID for intellitracker.
	if( typeof itGuid === 'undefined' ){
		itGenerateGuid();
	}

	if( typeof favouriteParams !== "undefined"){
		if( favouriteParams.sideNavLimit != null && favouriteParams.sideNavLimit > 0 ){
			favouritesLimit = favouriteParams.sideNavLimit;
		}
		if( favouriteParams.onLoad != null && favouriteParams.onLoad == '' ){
			showMyFavourites();
		}
	}



	$('#layout_stockUpdates_email').click(
		function(event) {
			if ($('#layout_stockUpdates_email').val() == '- Enter Email Here -') {
				$('#layout_stockUpdates_email').val('');
			}
		}
	);


	/**
	* @ desc This is the pop up dialog box for Retrieving Favourites
	*/
	$("#dialogRetrieveFavourites").dialog({
		autoOpen: false,
		width: 600,
		modal: true,
		resizable: false,
		buttons: {
			'Submit': function() {
				retrieveFavourites();
			},
			Cancel: function() {
				$(this).dialog('close');
			}
		},
		close: function() {
		}
	});


	/**
	* @ desc This is the pop up dialog box for Saving Favourites
	*/
	$("#dialogSaveFavourites").dialog({
		autoOpen: false,
		width: 600,
		modal: true,
		resizable: false,
		buttons: {
			'Submit': function() {
				saveFavourites();
			},
			Cancel: function() {
				$(this).dialog('close');
			}
		},
		close: function() {
		}
	});

	$("body").prepopulateLists();

	$(".init-validator").validate();

	// Work around for webkit scrollbar problem when using jquery ui dialog :|
	if ($.browser.webkit) {
		$('div[id*=dialog]').bind('dialogopen', function(){
			setTimeout(function(){
				$(document).unbind('mousedown.dialog-overlay').unbind('mouseup.dialog-overlay');
			}, 1);
		});
	}

	/**
	 * Files added in the CMS should open in a new window
	 */
	$( "a.new-window,.cmsDownloads a, .mce-container-file a" ).click( function(){
		window.open( this.href );
		return false;
	});

	$('.ui-dialog-buttonpane button').each( function () {
		var html = $(this).text();
		$(this).addClass('btn' + html);
		$(this).html('<span class="ui-button-text">' + html + '</span');
	});

	var buttons = $('.ui-dialog-buttonpane').children('button');
	buttons.removeClass('ui-button-text-only').addClass('ui-button-text-icon').addClass('ui-button');

	$("tr.trOut").live("mouseover", function(){
		$(this).addClass("trOver").removeClass("trOut");
	});	

	$("tr.trOver").live("mouseout", function(){
		$(this).removeClass("trOver").addClass("trOut");
	});

});

function checkQuickSearchValues() {
    if($('#quick_search_marque_id').val() != '') {
            return true;
    } else {
        //e.preventDefault();
        console.log("no vehicle selected");
        return false;
    }
}

$.fn.prepopulateLists = function(){

	/**
	 * Looks for any form title fields and populates the title select box
	 */
	$( '.prePopulateTitleList', this ).each(function(){

		var $this = $(this);

		var defaultVal = $this.val();

		// Remove all options
		$("option", $this).remove();
		$("option", $this).append( $("<option>").text("- Select Title -") );

		// Add Options
		$.each(selectTitleList, function(i,item){

			var option = $("<option>").text(item.title)

			if( item.title == defaultVal ){
				option.attr("selected", true);
			}

			$this.append( option );
		});

		if( !defaultVal ){
			$this.attr( "selectedIndex", 0);
		}

	});


	/**
	* Looks for any form country fields and populates the country select box
	*/
	$( '.prePopulateCountryList', this ).each(function(){

		var thisSelection = '#' + this.id;
		// Remove all options
		$( thisSelection ).removeOption(/./).addOption('', '- Select Country -').addOption('United Kingdom', 'United Kingdom');

		// Add Options
		$.each(selectCountryList, function(i,item){
			$( thisSelection ).addOption(item.country, item.country);
		});
		$( thisSelection ).attr( "selectedIndex", 0);
	});


	/**
	* Looks for any form county fields and populates the county select box
	*/
	$( '.prePopulateCountyList', this ).each(function(){

		var thisSelection = '#' + this.id;
		// Remove all options
		$( thisSelection ).removeOption(/./).addOption('', '- Select County -');

		var currentCountry = '';
		var text = '';

		// Add Options
		$.each(selectCountyList, function(i,item){

			if( currentCountry != item.country ){
				if( i > 0 ){
					text += '</optgroup>';
				}
				text += '<optgroup label="' + item.country + '">';
				currentCountry = item.country;
			}
			text += '<option value="' + item.county + '">' + item.county + '</option>';
		});
		text += '</optgroup>';
		$( thisSelection ).html(text);
		$( thisSelection ).attr( "selectedIndex", 0);
	});


	/**
	* Looks for any form country field and adjusts the county fields accordingly
	*/
	$( '.prePopulateCountryList', this ).change(function(){

		// Find the formId of the form this element sits in
		var thisFormId = '#' + $( this ).get( 0 ).form.id;

		// Then adjust the county field where necessary
		if( this.options[ this.selectedIndex].value == 'United Kingdom' ){

			$( thisFormId + ' .countySelectboxField').show();
			$( thisFormId + ' .countyInputField').hide();

		}else{

			$( thisFormId + ' .countySelectboxField').hide();
			$( thisFormId + ' .countyInputField').show();
		}
	});

	return this;
}


/**
 * @todo: modify most of the code below into a more jquery-esque way of thinking.
 */

/**
* @ desc This will attempt to open a dialog form via passed in ids
*/
function openDialogForm( dialogName, formName, alertBoxName ){

	if( dialogName != '' && formName != '' ){

		// Clear the form values
		clearFormElements('#' + formName);

		// Removes validation messages
		var validator = $('#' + formName).validate();
		if(validator){
			validator.resetForm();
		}

		if( alertBoxName != '' ){

			// Clear Alert Box Text
			resetTips( alertBoxName, true );
		}

		// Open the dialog box
		$('#' + dialogName ).dialog('open');

		// highlight first input
		$('#' + dialogName + ' :input:text:first').focus();
	}
}


function displayFormCaptchaImage( formElementId ){

	var form = $(formElementId)

	if( form.length && $('div.captcha', form).length ){

		var target = '/frontend-operations/get-form-captcha-image/';

		$.getJSON(target,
		function(data){
			//If data is null, then captcha is turned off.
			if(data){
				if( data.id && $( 'input[name=sc[id]]', form ).length  ){

					$('input[name=sc[id]]', form ).val( data.id );

				}

				if( data.image && $('div.captcha div.captchaImage', form).length ){

					$('div.captcha div.captchaImage', form).html( data.image );

					if( $('div.captcha:hidden', form).length ){

						$('div.captcha', form).animate({
							opacity: 'toggle',
							height: 'toggle'
						},500);
					}
				}
			}

		});

	}
}


/**
* @ desc This will attempt to reset any options selected in the search
*/
function rememberSearchSettings(){

	if(netdirector.franchiseUrl == 'vwcommercial/'){
		showCarSearch('van');
	}else{
		showCarSearch('car');
	}

}


/**
* @ desc This will show/hide advanced search options
*/
function toggleAdvancedSearch( el ){

	$( el ).animate({opacity: 'toggle', height: 'toggle'}, 300);
}


/**
* @ desc This updates the dialog alert box, passes in a header, text, type of msg, and optional input to highlight
*/
function updateTips(header,text,msgType,highlightInput,alertBoxId) {

	// Clear Alert Box Text
	resetTips(alertBoxId);

	var alertBox = ( alertBoxId != null && alertBoxId != '' ) ? $('#'+alertBoxId) : $('#dialogAlertBox');

	txt = '<strong>'+header+':</strong> '+ text;
	switch( msgType ){
		case 'error':
			msg = "<p>" + txt + "</p>";
			alertBox.addClass('ui-state-error').html(msg);
		break;

		case 'highlight':
			msg = "<p>" + txt + "</p>";
			alertBox.addClass('ui-state-highlight').html(msg);
		break;

		default:
			console.log('Error: No valid message type set');
		break;
	}

	if( highlightInput != '' ){
		$('#' + highlightInput).addClass('ui-state-error');
	}

	alertBox.slideDown(200);
}


/**
* @ desc This Resets the dialog alert box
*/
function resetTips(alertBoxId, close) {

	alertBox = ( alertBoxId != null && alertBoxId != '' ) ? $('#'+alertBoxId) : $('#dialogAlertBox');
	alertBox.removeClass('ui-state-error ui-state-highlight').html('');

	if (typeof close !== 'undefined' && !close) {
		alertBox.css('display', 'none');
	}
}


/**
* @ desc This will close the dialog box
*/
function autoCloseDialog(dialogFormType){

	$( "#" + dialogFormType ).dialog('close');
}


/**
* @ desc This will empty all form elements
*/
function clearFormElements(el) {

	$(el).find(':input:not(:.noClear)').each(function() { 
		switch(this.type) {
			case 'password':
			case 'select-multiple':
			case 'select-one':
			case 'text':
			case 'textarea':
				$(this).val('');
				break;
			case 'checkbox':
			case 'radio':
				this.checked = false;
		}
		$(this).removeClass('ui-state-error');
	});
}


/**
* @ desc This is a generic ajax request function
*/
function ndCollector( target, params, successFunction, errorFunction ){

	$.ajax({
		url: target,
		dataType: 'json',
		data: params,
		success: successFunction,
		error: errorFunction
	});
}


/**
* @ desc This will collect Available Models
*/
function collectAvailableModels(selectedId, nonUser){

	nonUser    = ( nonUser != null && nonUser == true )? true : false;

	var isVan  = $('#is_van').val();
	var isBike = $('#is_bike').val();

	var marqueId = $("#auto_marque_detail_id").val();
	var modelId  = $("#auto_model_detail_id");

	modelId.attr('disabled', 'disabled');

	$.ajax({
		url: '/frontend-operations/available-model-list/',
		dataType: 'json',
		data: 'marque_id=' + marqueId + '&is_van=' + isVan + '&is_bike=' + isBike,
		success: function(data){

				// Remove all options
				modelId.removeOption(/./);

				// Add Options
				$.each(data, function(i,item){

					modelId.addOption(item.id, item.modelName);
				});

				// If previously selected..
				if( selectedId != null && selectedId > 0){

					modelId.selectOptions(selectedId);

				}else{
					// select 1st one if only one available
					var preSelect = ( data.length == 1 ) ? 1: 0;
					modelId.attr( "selectedIndex", preSelect);
				}
				modelId.removeAttr('disabled');

				if( !nonUser ){

					// Calculate vehicle count only if user has changed selection
					collectAdvancedSearchCount();
				}
			},
		error: function(objRequest){

			modelId.removeAttr('disabled');
		}
	});
}

/**
* @ desc This will collect Available Models
*/
function collectAvailableLeasingModels(selectedId, nonUser){

	nonUser    = ( nonUser != null && nonUser == true )? true : false;

	var marqueId = $("#auto_leasing_marque_detail_id").val();
	var modelId  = $("#auto_leasing_model_detail_id");

	modelId.attr('disabled', 'disabled');

	$.ajax({
		url: '/frontend-operations/available-leasing-model-list/',
		dataType: 'json',
		data: 'marque_id=' + marqueId,
		success: function(data){

				// Remove all options
				modelId.removeOption(/./);

				// Add Options
				$.each(data, function(i,item){

					modelId.addOption(item.model_name, item.model_name);
				});

				// If previously selected..
				if( selectedId != null && selectedId > 0){

					modelId.selectOptions(selectedId);

				}else{
					// select 1st one if only one available
					var preSelect = ( data.length == 1 ) ? 1: 0;
					modelId.attr( "selectedIndex", preSelect);
				}
				modelId.removeAttr('disabled');

				if( !nonUser ){

					// Calculate vehicle count only if user has changed selection
					collectAdvancedSearchCount();
				}
			},
		error: function(objRequest){

			modelId.removeAttr('disabled');
		}
	});
}


/**
* @ desc This will collect All Models under a particular Make
*/
function collectAllModels(elementId, marqueId, isVan, selectedId){

	var modelId = $( elementId );
	modelId.attr('disabled', 'disabled');

	$.ajax({
		url: '/frontend-operations/all-model-list/',
		dataType: 'json',
		data: 'marque_id=' + marqueId + '&is_van=' + isVan,
		success: function(data){

				// Remove all options
				modelId.removeOption(/./).addOption('', '- Select Model -');

				// Add Options
				$.each(data, function(i,item){

					modelId.addOption(item.id, item.modelName);
				});

				// If previously selected..
				if( selectedId != null && selectedId > 0){
					modelId.selectOptions(selectedId);
				}else{
					// select 1st one if only one available
					var preSelect = ( data.length == 1 ) ? 1: 0;
					modelId.attr( "selectedIndex", preSelect);
				}
				modelId.removeAttr('disabled');
			},
		error: function(objRequest){

			modelId.removeAttr('disabled').removeOption(/./).addOption('', '- Select Model -');
		}
	});
}


/**
* @ desc This will collect All Makes under a particular Vehicle Type
*/
function collectAllMakes(elementId, isVan, selectedId){

	var marqueId = $( elementId );
	marqueId.attr('disabled', 'disabled');

	$.ajax({
		url: '/frontend-operations/all-marque-list/',
		dataType: 'json',
		data: 'is_van=' + isVan,
		success: function(data){

				// Remove all options
				marqueId.removeOption(/./).addOption('', '- Select Marque -');

				// Add Options
				$.each(data, function(i,item){

					marqueId.addOption(item.id, item.marqueName);
				});

				// If previously selected..
				if( selectedId != null && selectedId > 0){
					marqueId.selectOptions(selectedId);
				}else{
					// select 1st one if only one available
					var preSelect = ( data.length == 1 ) ? 1: 0;
					marqueId.attr( "selectedIndex", preSelect);
				}
				marqueId.removeAttr('disabled');
			},
		error: function(objRequest){

			marqueId.removeAttr('disabled').removeOption(/./).addOption('', '- Select Marque -');
		}
	});
}


/**
* @ desc This will collect New Vehicle Marque Lists
*/
function collectNewVehicleMarqueLists(){

	// Only load lists once
	if( newVehicleSearchLoaded != true ){

		// Remove all options and disable
		$('#new_car_franchise_detail_id').attr('disabled', 'disabled');
		$('#new_van_franchise_detail_id').attr('disabled', 'disabled');

		$.ajax({
			url: '/frontend-operations/new-vehicle-marque-list/',
			dataType: 'json',
			data: '',
			success: function(data){

					newVehicleSearchLoaded = true;

					// Remove loading and show default select option
					$('#new_car_franchise_detail_id').removeOption(/./).addOption('', '-  Select Make  -');
					$('#new_van_franchise_detail_id').removeOption(/./).addOption('', '-  Select Make  -');

					// Add Options
					if( data.newMarque != null ){
						$.each(data.newMarque, function(i,item){

							$("#new_car_franchise_detail_id").addOption(item.id, item.marqueName);
							$( '#new_car_franchise_detail_id option:last' )
								.data('url',(netdirector.franchiseDomains && typeof item.franchiseDomain == 'string' && item.franchiseDomain.length ? item.franchiseDomain : item.franchiseUrl))
								.data('usingDomain', (typeof item.franchiseDomain == 'string' && item.franchiseDomain.length) ? true : false);
						});
					}

					if( data.newVanMarque != null ){
						$.each(data.newVanMarque, function(i,item){

							if( typeof item.franchiseDomain !== 'string'){
								item.franchiseDomain = '';
							}

							$("#new_van_franchise_detail_id").addOption(item.id, item.marqueName);
							$( '#new_van_franchise_detail_id option:last' )
								.data('url',(netdirector.franchiseDomains && typeof item.franchiseDomain == 'string' && item.franchiseDomain.length ? item.franchiseDomain : item.franchiseUrl))
								.data('usingDomain', (typeof item.franchiseDomain == 'string' && item.franchiseDomain.length) ? true : false);
						});
					}

					$('#new_car_franchise_detail_id').removeAttr('disabled').attr( "selectedIndex", 0);
					$('#new_van_franchise_detail_id').removeAttr('disabled').attr( "selectedIndex", 0);
				},
			error: function(objRequest){

				$('#new_car_franchise_detail_id').removeAttr('disabled').removeOption(/./).addOption('', '-  Select Make  -');
				$('#new_van_franchise_detail_id').removeAttr('disabled').removeOption(/./).addOption('', '-  Select Make  -');
			}
		});
	}
}


/**
* @ desc This will collect New Vehicle Marque Lists
*/
function collectLeasingVehicleMarqueLists(){

	// Only load lists once
	if( leasingVehicleSearchLoaded != true ){

		// Remove all options and disable
		$('#auto_leasing_marque_detail_id').attr('disabled', 'disabled');

		$.ajax({
			url: '/frontend-operations/leasing-vehicle-marque-list/',
			dataType: 'json',
			data: '',
			success: function(data){

					newVehicleSearchLoaded = true;

					// Remove loading and show default select option
					$('#auto_leasing_marque_detail_id').removeOption(/./).addOption('', 'Select Make');

					// Add Options
					if( data.leasingMarque != null ){
						$.each(data.leasingMarque, function(i,item){
							$("#auto_leasing_marque_detail_id").addOption(item.marque_name, item.marque_name);
							$( '#auto_leasing_marque_detail_id option:last' ).data('url',(netdirector.franchiseDomains ? item.franchiseDomain : item.franchiseUrl));
						});
					}

					$('#auto_leasing_marque_detail_id').removeAttr('disabled').attr( "selectedIndex", 0);
				},
			error: function(objRequest){

				$('#auto_leasing_marque_detail_id').removeAttr('disabled').removeOption(/./).addOption('', '-  Select Make  -');
			}
		});
	}
}


/**
* @ desc This will collect Available Models
*/
function collectNewModels(){

	var selectedId = 0;

	// Select which Marque Selector to choose dependant on car/van
	if( $('#new_car_is_van').val() == 1 ){

		var marqueId = $("#new_van_franchise_detail_id");
		var modelId   = $("#new_van_model_name");
		var variantId = $("#new_van_variant");
	}else{

		var marqueId = $("#new_car_franchise_detail_id");
		var modelId   = $("#new_car_model_name");
		var variantId = $("#new_car_variant");
	}

	modelId.attr('disabled', 'disabled');


	$.ajax({
		url: '/frontend-operations/new-model-list/',
		dataType: 'json',
		data: 'franchise_detail_id=' + marqueId.val() + '&is_van=' + $('#new_car_is_van').val(),
		success: function(data){

				// Remove all options
				modelId.removeOption(/./);
				variantId.removeOption(/./);

				// Add Options
				$.each(data, function(i,item){

					var option = modelId.addOption(item.id, item.references.heading);

					$( 'option:last', modelId ).data('url',item.url);
				});

				// If previously selected..
				if( selectedId > 0){
					modelId.selectOptions(selectedId);
				}else{
					// select 1st one if only one available
					var preSelect = ( data.length == 1 ) ? 1: 0;
					modelId.attr( "selectedIndex", preSelect);
				}
				modelId.removeAttr('disabled');
				if( modelId.attr( "selectedIndex") > 0 ){
					collectNewVariants();
				}
			},
		error: function(objRequest){

			modelId.removeAttr('disabled');
		}
	});
}


/**
* @ desc This will collect Available Variants
*/
function collectNewVariants(){

	var selectedId = 0;

	// Select which Marque Selector to choose dependant on car/van
	if( $('#new_car_is_van').val() == 1 ){

		var marqueId = $("#new_van_franchise_detail_id");
		var modelId   = $("#new_van_model_name");
		var variantId = $("#new_van_variant");
	}else{

		var marqueId = $("#new_car_franchise_detail_id");
		var modelId   = $("#new_car_model_name");
		var variantId = $("#new_car_variant");
	}

	variantId.attr('disabled', 'disabled');

	$.ajax({
		url: '/frontend-operations/new-variant-list/',
		dataType: 'json',
		data: 'franchise_detail_id=' + marqueId.val() + '&cms_page_area_link_id=' + modelId.val(),
		success: function(data){

				// Remove all options
				variantId.removeOption(/./);

				// Add Options
				$.each(data, function(i,item){

					variantId.addOption(item.id, item.variant);
				});

				// If previously selected..
				if( selectedId > 0){
					variantId.selectOptions(selectedId);
				}else{
					// select 1st one if only one available
					var preSelect = ( data.length == 1 ) ? 1: 0;
					variantId.attr( "selectedIndex", preSelect);
				}
				variantId.removeAttr('disabled');
			},
		error: function(objRequest){

			variantId.removeAttr('disabled');
		}
	});
}


function priceListing(){

	// Create list of price values for search box
	var i = 500;
	while ( i < 30001 ) {

		$("#lower_price").addOption(i, String.fromCharCode(163) + addCommas(i));
		$("#price").addOption(i, String.fromCharCode(163) + addCommas(i));

		if ( i < 10000 ) {
			i += 500;
		} else {
			i += 1000;
		}
	}
	$("#lower_price").attr( "selectedIndex", 0);
	$("#price").addOption('999998', String.fromCharCode(163) + '30,000+').attr( "selectedIndex", 0);
}


/**
* @ desc This will collect Available Bodystyles, transmissions and fuel types
*/
function collectAdvancedSearchLists(){

	// Only load lists once
	if( advancedSearchLoaded != true ){

		// Remove all options and disable
		$('#advancedSearchLocation').attr('disabled', 'disabled');
		$('#auto_body_style_detail_id').attr('disabled', 'disabled');
		$('#auto_transmission_detail_id').attr('disabled', 'disabled');
		$('#auto_fuel_type_detail_id').attr('disabled', 'disabled');
		$('#auto_tax_band').attr('disabled', 'disabled');

		$.ajax({
			url: '/frontend-operations/advanced-search-list/',
			dataType: 'json',
			data: '',
			success: function(data){

					advancedSearchLoaded = true;

					// Remove loading and show default select option
					$('#advancedSearchLocation').removeOption(/./).addOption('', '- Select Location -');
					$('#auto_body_style_detail_id').removeOption(/./).addOption('', '- Select Bodystyle -');
					$('#auto_transmission_detail_id').removeOption(/./).addOption('', '- Select Transmission -');
					$('#auto_fuel_type_detail_id').removeOption(/./).addOption('', '- Select Fuel Type -');
					$('#auto_tax_band').removeOption(/./).addOption('', '- Select Tax Band -');

					// Add Options
					if( data.location != null ){
						$.each(data.location, function(i,item){
                            if ( item.name != 'Bodyshop' ) {
                                $("#advancedSearchLocation").addOption(item.id, item.name);
                            }
						});
					}
					if( data.bodyStyle != null ){
						$.each(data.bodyStyle, function(i,item){
							$("#auto_body_style_detail_id").addOption(item.id, item.bodyStyleName);
						});
					}
					if( data.transmission != null ){
						$.each(data.transmission, function(i,item){
							$("#auto_transmission_detail_id").addOption(item.id, item.transmissionTypeName);
						});
					}
					if( data.fuel != null ){
						$.each(data.fuel, function(i,item){
							$("#auto_fuel_type_detail_id").addOption(item.id, item.fuelTypeName);
						});
					}
					if( data.taxBand != null ){
						$.each(data.taxBand, function(i,item){
							$("#auto_tax_band").addOption(item.band, 'Band ' + item.band + ' - ' + String.fromCharCode(163) + item.monthRate6 + '/' + String.fromCharCode(163) + item.monthRate12 + ' (6/12 months)' );
						});
					}

					$('#advancedSearchLocation').removeAttr('disabled').attr( "selectedIndex", 0);
					$('#auto_body_style_detail_id').removeAttr('disabled').attr( "selectedIndex", 0);
					$('#auto_transmission_detail_id').removeAttr('disabled').attr( "selectedIndex", 0);
					$('#auto_fuel_type_detail_id').removeAttr('disabled').attr( "selectedIndex", 0);
					$('#auto_tax_band').removeAttr('disabled').attr( "selectedIndex", 0);
				},
			error: function(objRequest){

				$('#advancedSearchLocation').removeAttr('disabled').removeOption(/./).addOption('', '- Select Location -');
				$('#auto_body_style_detail_id').removeAttr('disabled').removeOption(/./).addOption('', '- Select Bodystyle -');
				$('#auto_transmission_detail_id').removeAttr('disabled').removeOption(/./).addOption('', '- Select Transmission -');
				$('#auto_fuel_type_detail_id').removeAttr('disabled').removeOption(/./).addOption('', '- Select Fuel Type -');
				$('#auto_tax_band').removeAttr('disabled').removeOption(/./).addOption('', '- Select Tax Band -');
			}
		});
	}
}


/**
* @ desc This will collect Count of stock available
*/
function collectAdvancedSearchCount(){

	if( $('#tabVansSearch').hasClass('active') == true ){

		var extraParams = '&auto_marque_detail_id=' + $('#van_auto_marque_detail_id').val() + '&auto_model_detail_id=' + $('#van_auto_model_detail_id').val();
	}else{
		var extraParams = '&auto_marque_detail_id=' + $('#auto_marque_detail_id').val() + '&auto_model_detail_id=' + $('#auto_model_detail_id').val();
	}


	$.ajax({
		url: '/frontend-operations/advanced-search-count/',
		dataType: 'json',
		data: $('#frmSearchUsedCars').serialize() + extraParams,
		type: "post",
		success: function(data){

				if( $('#tabVansSearch').hasClass('active') == true ){

					advancedSearchVanCount = data;
					$('#vehicleCountDisplay').html(data + ' Van(s) Available');
				}else{
					advancedSearchCarCount = data;
					$('#vehicleCountDisplay').html(data + ' Car(s) Available');
				}
			},
		error: function(objRequest){

		}
	});
}


function showCarSearch ( vehicleType ){

	if( vehicleType == 'bike' ){
		// Show bike tab
		$('#vehicleType').hide(); // category search

		$('#tabCarsSearch').removeClass('active');
		$('#tabVansSearch').removeClass('active');
		$('#tabBikesSearch').addClass('active');

		$('#advancedSearchDoors').attr( "selectedIndex", 0).hide();
		$('#auto_tax_band').attr( "selectedIndex", 0).hide();
		$('#search_url').val('bikes');
		$('#is_van').val(0);
		$('#is_bike').val(1);

	}else if( vehicleType == 'van' ){
		// Show van tab
		$('#vehicleType').hide();// category search


		$('#tabCarsSearch').removeClass('active');
		$('#tabBikesSearch').removeClass('active');
		$('#tabVansSearch').addClass('active');

		$('#advancedSearchDoors').attr( "selectedIndex", 0).hide();
		$('#auto_tax_band').attr( "selectedIndex", 0).hide();
		$('#search_url').val('vans');
		$('#is_van').val(1);
		$('#is_bike').val(0);

	}else{
		// Show car tab
		$('#vehicleType').show(); // category search

		$('#tabVansSearch').removeClass('active');
		$('#tabBikesSearch').removeClass('active');
		$('#tabCarsSearch').addClass('active');

		$('#advancedSearchDoors').show();
		$('#auto_tax_band').show();
		$('#search_url').val('used-cars');
		$('#is_van').val(0);
		$('#is_bike').val(0);
	}
	setupStockTypeData( vehicleType ); // collect lists for select boxes
	$('#vehicleCountDisplay').html(''); // hide counter because nothing is selected
	$('#auto_model_detail_id').attr( "selectedIndex", 0); // Reset Models list
}



/*
* @ desc New cars selector between cars and vans
*/
function showNewCarSearch ( showCars ){

	if( showCars == true ){
		// Show car tab
		$('#new_van_franchise_detail_id').hide(); //hide the select object
		$('#tabContentNewVanSearch').hide(); // hide the tab
		$('#tabNewVansSearch').removeClass('active'); // deactivate the tab

		$('#new_car_franchise_detail_id').show();
		$('#tabContentNewCarSearch').show();
		$('#tabNewCarsSearch').addClass('active');

		$('#new_car_search_url').val('new-cars');
		$('#new_car_is_van').val(0);

	}else{
		// Show van tab
		$('#new_car_franchise_detail_id').hide(); //hide the select object
		$('#tabContentNewCarSearch').hide();  // hide the tab
		$('#tabNewCarsSearch').removeClass('active'); // deactivate the tab

		$('#new_van_franchise_detail_id').show();
		$('#tabContentNewVanSearch').show();
		$('#tabNewVansSearch').addClass('active');

		$('#new_car_search_url').val('new-cars');
		$('#new_car_is_van').val(1);
	}
}

/**
 * Handles calls to intelliQuickSearch Ajax. Has a delay to prevent too many queries.
 * @param currentSearchNumber
 */
function intelliQuickSearch(currentSearchNumber){

	quickSearchNumber++;
	var currentSearchNumber = quickSearchNumber;

	setTimeout(function(){

		if( currentISearch != $('#quick_search_value').val() ){

			if ( $('#quick_search_value').val() != '' && $('#quick_search_value').val() != 'intelli-search' && $('#quick_search_value').val().length > 1 ) {

				intelliQuickSearchAjax(currentSearchNumber);
				
			} else {

                $('#searchResults').html('');
                $('#searchResults').removeClass('results');
                $('#searchResults').addClass('noResults');
            }
		}
	}, 500);
}


/**
* Was previously intelliQuickSearch, renamed for backward compatibility, should only be called via new intelliQuickSearch (above)
* @ desc sets and submits New Vehicles Search form
*/
function intelliQuickSearchAjax(currentSearchNumber){

	if( parseInt( currentSearchNumber ) >= quickSearchNumber ){

		rememberQuickVehicleSearchValue = $('#quick_search_value').val();
		var searchArray = $('#quick_search_value').val().toLowerCase().split(' ');

		$.ajax({
			url: '/frontend-operations/intelli-quick-search/',
			dataType: 'json',
			data: 'quick_search_value=' + $('#quick_search_value').val() + '&quick_search_return_number=' + quickSearchNumber,
			success: function(data){

					if( parseInt( data.returnNumber ) >= quickSearchNumber ){

						var text = ''; // per row
						var displayText = ''; // whole html for search results

						var names = ''; // per row collect
						var textNames = ''; // to stop similar results showing twice

						var searchItemArray = new Array();
                        var displayItemArrayCount = 1;

                        displayItemArray = new Array();

						if (data.stock != null) {

                            if(data.stock.length == 0){
                                displayText = '<div class="title">Sorry, no results were found at this time.</div>';
                            } else {

							//displayText = '<table border="0" style="width: 100%;" cellpadding="0" cellspacing="0"><tr><th style="width: 100%; text-transform:uppercase;" colspan="2">Used Stock Search</th></tr>';
							displayText = '<div class="title">Are you looking for:</div><div id="miniList">';
							$.each(data.stock, function(i,item){

								text  = '';
								names = '';
								//text += '<tr id="result_row_' + ++i + '" onmouseover="this.className = \'trOver\';" onmouseout="this.className=\'\';"><td style="width:60px;">';

								text += '<div class="listItem"  id="result_row_' + ++i + '" onmouseover="this.className = \'listItem trOver\';" onmouseout="this.className=\'listItem\';">';
								text += '<a href="javascript:submitQuickSearch(' + item.id + ');" title="' + item.marque_name + '" id="result_row_link_' + i + '">';
								text += '<span class="thumb"><img src="' + netdirector.baseUrl + (( item.image_src != null && item.image_src != '' ) ? '/upload/images/stock/thumbs/' + item.image_src : '/local/images/noImage212x161.jpg' ) + '" alt="" width="100" onclick="submitQuickSearch(' + item.id + ');" /></span> ';
								text += '<span class="details">';

								searchItemArray[item.id] = item;

								//if( wordExists(searchArray,item.marque_name.toLowerCase()) == true  ){

									text += ' '  + item.marque_name;
									names += ' '  + item.marque_name;
								//}

								//if( wordExists(searchArray,item.model_name.toLowerCase()) == true  ){

									text += ' '  + item.model_name;
									names += ' '  + item.model_name;
								//}

								if( wordExists(searchArray,item.variant.toLowerCase()) == true  ){

									text += ' '  + item.variant;
									names += ' '  + item.variant;
								}

								//if( wordExists(searchArray,item.body_style_name.toLowerCase()) == true  ){

									text += ' '  + item.body_style_name;
									names += ' '  + item.body_style_name;
								//}

								if( wordExists(searchArray,item.fuel_type_name.toLowerCase()) == true  ){

									text += ' '  + item.fuel_type_name;
									names += ' '  + item.fuel_type_name;
								}

								if( wordExists(searchArray,item.transmission_type_name.toLowerCase()) == true  ){

									text += ' '  + item.transmission_type_name;
									names += ' '  + item.transmission_type_name;
								}

								if( wordExists(searchArray,item.registration_year.toLowerCase()) == true  ){

									text += ' '  + item.registration_year;
									names += ' '  + item.registration_year;
								}

								if( wordExists(searchArray,item.engine_size.toLowerCase()) == true  ){

									text += ' '  + item.engine_size + 'cc';
									names += ' '  + item.engine_size + 'cc';
								}

								if( wordExists(searchArray,item.full_registration.toLowerCase()) == true  ){

									text += ' '  + item.full_registration;
									names += ' '  + item.full_registration;
								}
								text += '</span><span class="clearSmall"></span></a></div>';

								//alert( displayTextNames.search(text) );
								if( textNames.search(names) < 0 ){
                                    displayItemArray[displayItemArrayCount] = i;
									textNames += names;
									displayText += text;
                                    displayItemArrayCount++;
								}
							});
							displayText += '</div></div>';
							quickSearchResults = searchItemArray;
							totalResults = data.stock.length;
                            totalDisplayResults = displayItemArray.length;
							resultDisplayKeyboardHighlight = 0;
                            
						}
                    }
						$('#searchResults').html(displayText);
						$('#searchResults').addClass('results');
                        $('#searchResults').stop().slideDown(300);

						currentISearch = $('#quick_search_value').val(); // set the current value for remembrance
					}
				},
			error: function(objRequest){
				// No error message so it don't clear current data view
			}
		});
	}
}


/**
* @ desc sets and submits New Vehicles Search form
*/
function submitNewVehicleSearch(){

	var franchiseUrl, usingDomain, modelUrl, variantId, areaUrl, url;

	if( $('#new_car_is_van').val() == 1 ){
		franchiseUrl = $( '#new_van_franchise_detail_id option:selected').data('url');
		usingDomain = $( '#new_van_franchise_detail_id option:selected').data('usingDomain');
		modelUrl = $( '#new_van_model_name option:selected').data('url');
		variantId = $("#new_van_variant").val();
		areaUrl = '/new-vans';
	}else{
		franchiseUrl = $( '#new_car_franchise_detail_id option:selected').data('url');
		usingDomain = $( '#new_car_franchise_detail_id option:selected').data('usingDomain');
		modelUrl = $( '#new_car_model_name option:selected').data('url');
		variantId = $("#new_car_variant").val();
		areaUrl = '/new-cars';
	}

	franchiseUrl = (typeof franchiseUrl === 'string') ? franchiseUrl : '';
	modelUrl = (typeof modelUrl === 'string') ? '/' + modelUrl : '';
	variantId = (variantId.length) ? '/' + variantId : '';

	if( netdirector.franchiseDomains && usingDomain ){
		url = ((franchiseUrl.length) ? 'http://' + franchiseUrl : '') + netdirector.baseUrl + areaUrl + modelUrl + variantId;
	}else{
		url = 'http://' + netdirector.groupUrl + ((franchiseUrl.length) ? '/' : '') + franchiseUrl + areaUrl + modelUrl + variantId;
	}

	window.location = url;
}


/**
* @ desc sets category and submits form
*/
function submitCategorySearch( category ){

	$('#category_search').val( category );
	$('#frmSearchUsedCars').submit();
}


/**
* @ desc submits quick search form
*/
function submitQuickSearch(id){


	var searchArray = $('#quick_search_value').val().toLowerCase().split(' ');
	var item = quickSearchResults[id];

	//if( wordExists(searchArray,item.marque_name.toLowerCase()) == true  ){

		$('#quick_search_marque_id').val( item.auto_marque_detail_id );
	//}

	//if( wordExists(searchArray,item.model_name.toLowerCase()) == true  ){

		$('#quick_search_model_id').val( item.auto_model_detail_id );
	//}

	if( wordExists(searchArray,item.variant.toLowerCase()) == true  ){

		$('#quick_variant').val( item.variant );
	}

	//if( wordExists(searchArray,item.body_style_name.toLowerCase()) == true  ){

		$('#quick_auto_body_style_detail_id').val( item.auto_body_style_detail_id );
	//}

	if( wordExists(searchArray,item.fuel_type_name.toLowerCase()) == true  ){

		$('#quick_auto_fuel_type_detail_id').val( item.auto_fuel_type_detail_id );
	}

	if( wordExists(searchArray,item.transmission_type_name.toLowerCase()) == true  ){

		$('#quick_auto_transmission_detail_id').val( item.auto_transmission_detail_id );
	}

	if( wordExists(searchArray,item.registration_year.toLowerCase()) == true  ){

		$('#quick_registration_year').val( item.registration_year );
	}

	if( wordExists(searchArray,item.engine_size.toLowerCase()) == true  ){

		$('#quick_engine_size').val( item.engine_size );
	}

	if( wordExists(searchArray,item.full_registration.toLowerCase()) == true  ){

		$('#quick_full_registration').val( item.full_registration );
	}
    if($('#quick_search_marque_id').val() != '') {
        $('#frmQuickSearchUsedCars').submit();
    } else {
        console.log("no vehicle selected");
        return false;
    }
}


function quickSearchFocus(){

	if( $('#quick_search_value').val() == 'Quick Vehicle Search' ){

		if( rememberQuickVehicleSearchValue != '' ){
			$('#quick_search_value').val(rememberQuickVehicleSearchValue)
			$('#searchResults').html(rememberedDisplayText);
			$('#searchResults').addClass('results');
		}else{
			$('#quick_search_value').val('')
		}
	}
}


function quickSearchBlur(){

	if($('#quick_search_value').val() == ''){
		$('#quick_search_value').val('Quick Vehicle Search');
	}
	
	rememberedDisplayText = $('#searchResults').html();
	setTimeout( "hideQuickSearchResults()",300);

}


function hideQuickSearchResults(){

	if( rememberedDisplayText != '' ){
		$('#searchResults').slideUp(200, function(){

			$('#searchResults').html('');
			$('#searchResults').removeClass('results');
			$('#searchResults').addClass('noResults');
			
		});
	}
}


/**
* @ desc sets category and submits form
*/
function submitAdvancedSearch(){

	$('#search_marque_id').val( $('#auto_marque_detail_id').val() );
	$('#search_model_id').val( $('#auto_model_detail_id').val() );

	$('#frmSearch').submit();
}

/**
* @ desc sets category and submits form
*/
function submitLeasingSearch(){


	$('#search_leasing_marque_id').val( $('#auto_leasing_marque_detail_id').val() );
	$('#search_leasing_model_id').val( $('#auto_leasing_model_detail_id').val() );

	$('#frmSearchLeasing').submit();
}

/**
* @ desc Adds commas in the right places to make long prices presentable
*/
function addCommas(nStr){

	nStr += '';
	var x = nStr.split('.');
	var x1 = x[0];
	var x2 = ( x.length > 1 ) ? '.' + ( ( x[1].length == 1 )? x[1] + '0' : x[1] ) : '';
	var rgx = /(\d+)(\d{3})/;

	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}


function wordExists(arr, obj) {
	for(var i=0; i<arr.length; i++) {
		if( arr[i] != '' ){
			if (obj.search(arr[i]) >= 0) return true;
		}
	}
}


function detectkeyPress(e){

	var keycode;
	if (window.event) keycode = window.event.keyCode;
	else if (e) keycode = e.which;

	if( keycode == 40 ){
		keyboardDown();
	}else if( keycode == 38 ){
		keyboardUp();
	}else if( keycode == 13 ){
		keyboardReturn();
	}
}


function keyboardDown(){

	if( (resultDisplayKeyboardHighlight+1) < totalDisplayResults ){
		if( resultDisplayKeyboardHighlight > 0 ){
			$( '#result_row_' + displayItemArray[resultDisplayKeyboardHighlight] ).removeClass('trOver');
		}
		resultDisplayKeyboardHighlight += 1;
		$( '#result_row_' + displayItemArray[resultDisplayKeyboardHighlight] ).addClass('trOver');
	}
}


function keyboardUp(){

	if( (resultDisplayKeyboardHighlight+1) > 1 ){
		if( resultDisplayKeyboardHighlight > 0 ){
			$( '#result_row_' + displayItemArray[resultDisplayKeyboardHighlight] ).removeClass('trOver');
		}
		resultDisplayKeyboardHighlight -= 1;
		$( '#result_row_' + displayItemArray[resultDisplayKeyboardHighlight] ).addClass('trOver');
	}
}


function keyboardReturn(){

	if( (resultDisplayKeyboardHighlight+1) > 0 ){
		$( '#result_row_link_' + displayItemArray[resultDisplayKeyboardHighlight] ).focus();
		window.location = $( '#result_row_link_' + displayItemArray[resultDisplayKeyboardHighlight] ).attr( 'href' );
		return false;
	}
}

/**
* @ desc This will post the (custom cms) form via Ajax
*/
function submitCustomForm( formType ){

	if( formType == '' ){
		return;
	}

	// Check if form is valid before proceeding
	if( $( "#form" + formType ).valid() ){

		$('body').css('cursor', 'progress');

		$.ajax({
		  url: '/frontend-operations/submit-form/',
		  dataType: 'json',
		  data: $( '#form' + formType ).serialize(),
		  success: function(data){

				if( data != 0 ){

					// Submitted ok.
					setupCustomForm( formType );
					updateTips('Thank You','Your details have been submitted successfully','highlight','','alertBox' + formType);

					//Google analytics tracking
					window._gaq = window._gaq || [];
					window._gaq.push(['_trackPageview',  netdirector.baseUrl + "/" + netdirector.franchiseUrl + 'submit-form/' + encodeURIComponent( formType ) ]);
				}else{

					// Show generic message
					updateTips('Request Failed','The request to submit failed, please try again.','error','','alertBox' + formType);
				}
				$('body').css('cursor', 'default');
			},
		error: function( objRequest ){
				updateTips('Request Failed','The request failed to submit, please try again.','error','','alertBox' + formType);
				$('body').css('cursor', 'default');
			}
		});
	}
}

/**
* @ desc This will setup form
*/
function setupCustomForm(formType){

	// Clear the form values
	clearFormElements('#form' + formType);

	// Removes validation messages
	var validator = $('#form' + formType).validate();
	validator.resetForm();

	// Clear Alert Box Text
	$('#alertBox' + formType).html('');

	// highlight first input
    //removed as causing page to jump down
	//$('#form' + formType + ' :input:text:first').focus();
}


/**
* @ desc This save a vehicle to favourites via Ajax
*/
function addToMyFavourites( vehicleId ){

	$('body').css('cursor', 'progress');

	$.ajax({
	  url: '/frontend-operations/save-vehicle-to-favourites/',
	  dataType: 'json',
	  data: 'auto_car_detail_id=' + vehicleId,
	  success: function(data){

			if( data == true ){

				// Favourite has been added successfully
				alert( 'Vehicle has been saved' );
				showMyFavourites();
			}else{

				// Favourite failed to save
				alert( 'Vehicle has already been saved' );
			}
			$('body').css('cursor', 'default');
		},
	error: function( objRequest ){
			// Could not save favourite
			$('body').css('cursor', 'default');
		}
	});
}



/**
* @ desc This adds a vehicle to compare via Ajax
*/
function addToCompare( vehicleId ){

	$('body').css('cursor', 'progress');

	$.ajax({
	  url: '/frontend-operations/add-vehicle-to-compare/',
	  dataType: 'json',
	  data: 'auto_car_detail_id=' + vehicleId,
	  success: function(data){

			if( data['error'] != null && data['error'] != '' ){

				$('input[value='+vehicleId+']').attr('checked', false);
				alert( data['error'] );

			}
			$('body').css('cursor', 'default');
		},
	error: function( objRequest ){

			$('body').css('cursor', 'default');
		}
	});
}


/**
* @ desc This removes vehicle from compare via Ajax
*/
function removeFromCompare( vehicleId ){

	$('body').css('cursor', 'progress');

	$.ajax({
	  url: '/frontend-operations/remove-vehicle-from-compare/',
	  dataType: 'json',
	  data: 'auto_car_detail_id=' + vehicleId,
	  success: function(data){

			$('body').css('cursor', 'default');

			if ( $('#CompareTbl tbody tr:first td:visible').length <= 2 ) {
				$('#CompareTbl').html("");
				$('#compareNoVehiclesSelected').show();
			} else {
				$('.compare_'+vehicleId).fadeOut();
			}

		},
	error: function( objRequest ){

			$('body').css('cursor', 'default');
		}
	});
}


/**
* @desc Removes all vehicles stored for compare via Ajax
*/
function removeAllFromCompare() {

	$('body').css('cursor', 'progress');

	$.ajax({
	  url: '/frontend-operations/remove-all-from-compare/',
	  dataType: 'json',
	  data: '',
	  success: function(data){

			$('body').css('cursor', 'default');
			$('#CompareTbl').html("");
			$('#compareNoVehiclesSelected').show();
		},
	error: function( objRequest ){

			$('body').css('cursor', 'default');
		}
	});
}


/**
* @ desc remove this vehicle to favourites via Ajax
*/
function removeFavourite( vehicleId ){

	$('body').css('cursor', 'progress');

	$.ajax({
	  url: '/frontend-operations/remove-vehicle-from-favourites/',
	  dataType: 'json',
	  data: 'auto_car_detail_id=' + vehicleId,
	  success: function(data){

			if( data == true ){

				// Favourite has been removed successfully
				window.location = netdirector.baseUrl + '/' + netdirector.franchiseUrl + 'used-cars/favourites';
			}else{

				// Favourite failed to remove
			}
			$('body').css('cursor', 'default');
		},
	error: function( objRequest ){
			// Could not save favourite
			$('body').css('cursor', 'default');
		}
	});
}


function showMyFavourites(){

	$('body').css('cursor', 'progress');

	$.ajax({
	  url: '/frontend-operations/view-my-favourites/',
	  dataType: 'json',
	  data: 'limit=' + favouritesLimit,
	  success: function(data){

			if( data && data.length ){

				var vehicleTitle = '';
				var text = '';

				// Add Options
				$.each( data, function(i,item){

					vehicleTitle = item.references.marque_name + ' ' + item.references.model_name + ' ' + item.variant;
					text += '<a ' + ( ( parseInt( i + 1 ) % favouriteParams.itemsPerRow == 0 ) ? 'class="endItem"': '') + ' id="favouriteItem_' + ( i + 1 ) + '" href="' + netdirector.baseUrl + '/' + netdirector.franchiseUrl + favouriteParams.area + '/' + item.id + '/' + vehicleTitle.toLowerCase().replace( ' ', '-' ) + '" title="' + vehicleTitle + '">';

					if( item.imageSrc != '' && item.imageSrc != null ){
						text += '<img src="' + netdirector.baseUrl + '/upload/images/stock/' + favouriteParams.imageType + '/' + item.imageSrc + '" alt="' + vehicleTitle + '" style="width: ' + favouriteParams.width + 'px" /></a>';
					}else{
						text += '<img src="' + netdirector.baseUrl + '/local/images/noImage62x47.jpg" alt="' + vehicleTitle + '" style="width: ' + favouriteParams.width + 'px" /></a>';
					}
				});
                
                var numberOfPlaceholder = 3 - data.length;

                if (numberOfPlaceholder == 1) {
                    text += '<a href="#" onclick="return false;" style="cursor:default;" class="endItem"></a>'; 
                } else if (numberOfPlaceholder == 2) {
                    text +=  '<a href="#" onclick="return false;" style="cursor:default;" ></a>' + 
                            '<a href="#" onclick="return false;" style="cursor:default;" class="endItem"></a>'; 
                }
                
				text += '<div class="clear"></div>';
				$('.favourites .thumbs').html( text );
				$('#favouritesSave').show();
				$('#favouritesView').show();
				$('#favouritesRetrieve').hide();
			}else{

                text =  '<a href="#" onclick="return false;" style="cursor:default;"></a>' +
				        '<a href="#" onclick="return false;" style="cursor:default;"></a>' +
				        '<a href="#" onclick="return false;" style="cursor:default;" class="endItem"></a>' + 
                        '<div class="clear"></div>' ;
                $('.favourites .thumbs').html( text );
				// Could not retrieve favourites
				$('#favouritesSave').hide();
				$('#favouritesView').hide();
				$('#favouritesRetrieve').show();
			}
			$('body').css('cursor', 'default');
		},
	error: function( objRequest ){
			// Could not retrieve favourites
			$('#favouritesSave').hide();
			$('#favouritesView').hide();
			$('#favouritesRetrieve').show();
			$('body').css('cursor', 'default');
		}
	});
}



/**
* @ desc This will save the temporary stored favourites to the database
*/
function saveFavourites(){

	// Check if form is valid before proceeding
	if( $( "#formSaveFavourites" ).valid() ){

		$('body').css('cursor', 'progress');

		$.ajax({
		  url: '/frontend-operations/save-favourites/',
		  dataType: 'json',
		  data: $( '#formSaveFavourites' ).serialize(),
		  success: function(data){

				if( data != 0 ){

					// Submitted ok.

					updateTips('Saved','You can now come back and view your saved vehicles anytime.','highlight','','alertBoxSaveFavourites');

					clearFormElements("#formSaveFavourites");
					setTimeout( "autoCloseDialog('dialogSaveFavourites');",4000);

				}else{

					// Show generic message
					updateTips('Request Failed','The form submit request failed, please try again.','error','','alertBoxSaveFavourites');
				}
				$('body').css('cursor', 'default');
			},
		error: function( objRequest ){
				updateTips('Request Failed','The request to submit failed, please try again.','error','','alertBoxSaveFavourites');
				$('body').css('cursor', 'default');
			}
		});
	}
}



/**
* @ desc This will retrieve previously stored favourites
*/
function retrieveFavourites(){

	// Check if form is valid before proceeding
	if( $( "#formRetrieveFavourites" ).valid() ){

		$('body').css('cursor', 'progress');

		$.ajax({
		  url: '/frontend-operations/retrieve-favourites/',
		  dataType: 'json',
		  data: $( '#formRetrieveFavourites' ).serialize(),
		  success: function(data){

				if( data == true ){

					// Submitted ok.
					updateTips('Retrieved','Redirecting..','highlight','','alertBoxRetrieveFavourites' );

					setTimeout( "window.location = netdirector.baseUrl + '/' + netdirector.franchiseUrl + 'used-cars/favourites';", 500);

				}else{

					// Show generic message
					updateTips('Request Failed','The email you have provided was not found in our system','error','','alertBoxRetrieveFavourites' );
				}
				$('body').css('cursor', 'default');
			},
		error: function( objRequest ){
				updateTips('Request Failed','The request to submit failed, please try again.','error','','alertBoxRetrieveFavourites' );
				$('body').css('cursor', 'default');
			}
		});
	}
}



/**
* @ desc This will populate the select boxes with data according to vehicle type
*/
function setupStockTypeData( vehicleType ){

	setupMarqueData( 'auto_marque_detail_id', vehicleType );
	$('#auto_model_detail_id').removeOption(/./); // Remove models because we have re-generated marques
	setupBodystyleData( 'auto_body_style_detail_id', vehicleType );
	setupFuelData( 'auto_fuel_type_detail_id', vehicleType );
	setupTransmissionData( 'auto_transmission_detail_id', vehicleType );
}


/**
* @ desc This will populate the Marque List select box
*/
function setupMarqueData( elementId, vehicleType ){

	var thisSelection = '#' + elementId;

	// Remove all options
	$( thisSelection ).attr('disabled', 'disabled').removeOption(/./).addOption('', '- Select Marque -');

	// Add Options
	if( $.inArray(vehicleType, possibleVehicleTypes) > -1 ){
		$.each(selectMarqueList[vehicleType], function(i,item){

			if( parseInt( item.count ) > 0 ){
				$( thisSelection ).addOption(item.id, item.marqueName.toUpperCase());
			}
		});
	}
	$( thisSelection ).removeAttr('disabled').attr( "selectedIndex", 0);

	// Remember Search Params
	if( searchParams.makeId > 0 ){

		$( thisSelection ).selectOptions( searchParams.makeId );

		collectAvailableModels( searchParams.modelId, true);

	}else{

        // If no previous search data, use defaults
        //$( thisSelection ).selectOptions( netdirector.defaultAutoMarqueDetailId );
        collectAvailableModels( searchParams.modelId, true);
    }
}


/**
* @ desc This will populate the Bodystyle List select box
*/
function setupBodystyleData( elementId, vehicleType ){

	var thisSelection = '#' + elementId;

	// Remove all options
	$( thisSelection ).attr('disabled', 'disabled').removeOption(/./).addOption('', '- Select Body Style -');

	// Add Options
	if( $.inArray(vehicleType, possibleVehicleTypes) > -1 ){
		$.each(selectBodystyleList[vehicleType], function(i,item){
			$( thisSelection ).addOption(item.id, item.bodyStyleName.toUpperCase());
		});
	}
	$( thisSelection ).removeAttr('disabled').attr( "selectedIndex", 0);
}


/**
* @ desc This will populate the Fuel List select box
*/
function setupFuelData( elementId, vehicleType ){

	var thisSelection = '#' + elementId;

	// Remove all options
	$( thisSelection ).attr('disabled', 'disabled').removeOption(/./).addOption('', '- Select Fuel Type -');

	// Add Options
	if( $.inArray(vehicleType, possibleVehicleTypes) > -1 ){
		$.each(selectFuelList[vehicleType], function(i,item){
			$( thisSelection ).addOption(item.id, item.fuelTypeName.toUpperCase());
		});
	}
	$( thisSelection ).removeAttr('disabled').attr( "selectedIndex", 0);
}

/**
* @ desc This will populate the Transmission List select box
*/
function setupTransmissionData( elementId, vehicleType ){

	var thisSelection = '#' + elementId;

	// Remove all options
	$( thisSelection ).attr('disabled', 'disabled').removeOption(/./).addOption('', '- Select Transmission Type -');

	// Add Options
	if( $.inArray(vehicleType, possibleVehicleTypes) > -1 ){
		$.each(selectTransmissionList[vehicleType], function(i,item){
			$( thisSelection ).addOption(item.id, item.transmissionTypeName.toUpperCase());
		});
	}
	$( thisSelection ).removeAttr('disabled').attr( "selectedIndex", 0);
}




/**
 *
 * Monthly repayment calculator, everything else int
 *
 * loanAmmount - the total ammount to be financed
 *
 * apr - the APR rate ( As a decimal e.g. 0.1 == 10% )
 *
 * term - number of months that the loan will last.
 */
function monthlyRepayments( principle, apr, term ){

	//No principle will throw an error
	if( !( principle > 0 ) ){
		throw new Error("You must provide a principle greater than 0");
	}

	//No term means that there is no monthly repayment to make
	if( !term ){
		return 0;
	}

	//No APR means that you pay only the principle back each month.
	if( !( apr > 0 ) ){
		return principle / term;
	}

	var monthlyRate = apr/12;

	return Math.floor( ( principle * monthlyRate ) / ( 1 - Math.pow( ( 1 + monthlyRate ),( -1 * term ) ) ) * 100 ) / 100;


}
