/** * @author dt.john */ /******************************** ** Moved this to be the last thing called so that form values could be set before this is called $(document).ready(function(){ DOMUtilities.init(); createSliders.init(); HowToSlider.init(); SearchCars.init(); Results.init(); Locations.init(); Listing.init(); FancyBox.init(); countField.init(); ListingCity.init(); circleAd.init(); //////////////////////////////////////////////////////////////// // steve - addition //////////////////////////////////////////////////////////////// searchForm.init(); }); ********************************/ /** * DOM Utilies Object for handling basic DOM actions * @author Dave Shepard * @version 1.0 * @required libraries: JQuery 1.3.2 or later * * Usage: * $(document).ready(function(){ * DOMUtilities.init(); * }); * * Can be initialized via the init(); method to apply to entire or * a scope can be passed to limit the initialization to the child elements * of a particular element. Individual methods can als be called and passed * a scope. */ var DOMUtilities = { targetBlank: function(locality){ // XHTML 1.0 Strict work around for external links $(locality+' a[rel*="external"]').attr("target","_blank"); }, inputAutoClear: function(locality){ $(locality+' input.clearField').focus(function(){ if(this.defaultValue == this.value) this.value=''; }).blur(function(){ if(this.value == '') this.value = this.defaultValue; }); }, imgRollover: function(locality){ // Image roll-over setup $(locality+' img.rollOver, '+locality+' input[type="image"].rollOver') .mouseover(function(){ if (this.src.indexOf("_i.") != -1) { this.src = this.src.replace("_i.", "_o."); } }).mouseout(function(){ if (this.src.indexOf("_o.") != -1) { this.src = this.src.replace("_o.", "_i."); } if(this.src.indexOf("_a.")) { this.src = this.src.replace("_a.","_i."); } }).filter("input").mousedown(function(){ this.src = this.src.replace("_o.","_a."); }).mouseup(function(){ this.src = this.src.replace("_a.","_i."); }); }, init: function(locality){ if(locality == null) { locality = "body"; } this.targetBlank(locality); this.inputAutoClear(locality); this.imgRollover(locality); } } var countField = { count: function(input_name,report_id,max_count){ var current_count = input_name.attr('value').length; var report = document.getElementById(report_id); if(current_count >= max_count) { // There are too many characters. var content = input_name.attr('value').substring(0,339); $('#input_description').attr('value',content); report.innerHTML = input_name.attr('value').length; }else { // Everything is OK. report.innerHTML = current_count; } }, init: function(){ if ($('#input_description').length) { $('#input_description').keyup(function(){ countField.count($(this),'current_limit',339); }); } } } var HowToSlider = { slideClick: function(slideElem){ slideVal = slideElem.attr('href').substr(1); HowToSlider.goTo(slideVal); return false; }, goTo: function(slideVal){ $('.howtoSlide').hide(); $('#'+slideVal).show(); }, init: function(){ if($('#howto_slides').length){ $('.slideNav a').click(function(e){ e.preventDefault(); HowToSlider.slideClick($(this)); return false; }); } } } var SearchCars = { addCount: 1, addAnother: function(parentID){ if ( SearchCars.addCount < numSearchBlocks ){ SearchCars.disableActive(parentID); SearchCars.enableActive(parentID,'add'); //Iterate the Count - when Count is equal to numSearchBlocks - "ADD" button is removed SearchCars.addCount++; $( '#searchFormCount' ).attr( 'value', SearchCars.addCount ); } if ( SearchCars.addCount >= numSearchBlocks ) { //Hide Add Button //$('.addAnotherContainer').addClass('noMore'); //$('#'+parentID+' #btn_add_another').hide(); $('#btn_add_another').hide(); $('#searchMuiltBlurb').hide(); } // steve - addition for ( iMarkVis = 1; iMarkVis <= numSearchBlocks; iMarkVis++ ) { $( '#formIsActive_' + iMarkVis ).attr( 'value', ( $( '#search_option_' + iMarkVis ).hasClass( 'hidden' ) ? '0' : '1' ) ); } }, disableActive: function(parentID){ // Disable all non active Submit buttons, set src of buttons to disabled states. // steve - commented this out to leave all search buttons active //$('#'+parentID+' input.submit').attr('disabled','disabled'); //oldSrc = $('#'+parentID+' input.submit').attr('src'); //$('#'+parentID+' input.submit').attr('src',oldSrc.replace("_i.", "_d.")); }, enableActive: function(parentID,type){ //Replace Disabled State with inactive and Show if(type == 'remove'){ //currentSrc = $('#'+parentID+' div.visible:last input.submit').attr('src'); //$('#'+parentID+' div.visible:last input.submit').attr('src',currentSrc.replace("_d.", "_i.")).removeAttr("disabled"); }else if(type == 'add'){ //currentSrc = $('#'+parentID+' div.hidden:first input.submit').attr('src'); //$('#'+parentID+' div.hidden:first input.submit').attr('src',currentSrc.replace("_d.", "_i.")).removeAttr("disabled"); $('#'+parentID+' div.hidden:first').appendTo('#home_search_form').removeClass('hidden').addClass('visible').show(); } }, removeSearch: function(containerID,parentID){ SearchCars.addCount--; $( '#searchFormCount' ).attr( 'value', SearchCars.addCount ); if(SearchCars.addCount <= numSearchBlocks){ //Clear all fields $('#'+containerID+' input:text, #'+containerID+' select').val(''); checkboxes = $('#'+containerID+' input.checkbox'); c = checkboxes.length; for (var i=0; i', removeLink: 'Remove', duplicate: function(){ var listingContent = $('.listingCity:first').html(); ListingCity.build(listingContent); }, build: function(listingContent){ $('#'+ListingCity.lcBox).append(ListingCity.wrapperDiv); $('.listingCity:last').append(listingContent); $('.listingCity:last span.required').remove(); $('.listingCity:last').prepend(ListingCity.removeLink); $('.listingCity:last select').change(function(s){ s.preventDefault(); ListingCity.change($(this)); return false; }); ListingCity.remove(); }, remove: function(){ $('.listingCity:last a.removeLink').click(function(c){ c.preventDefault(); var planType = $(this).siblings('.fieldWrapper').find('select.selectField').val(); var planIndex = $('.listingCity select').index($(this).siblings('.fieldWrapper').find('select.selectField')); if(planType != '--'){ if($('.planOptions:eq('+planIndex+')').length){ $('.planOptions:eq('+planIndex+')').remove(); } } $(this).parents('.listingCity').remove(); $('#plan_box .planOptions').removeClass('last'); $('.planOptions:last').addClass('last'); return false; }); }, change: function(city){ var selectIndex = $('.listingCity select').index(city); var cityName = city.val(); if(cityName == '--'){ return false; }else{ if($('.'+cityName).length){ // mustBeTranslated - notUsedNow alert('That listing city has already been chosen. Please choose another.'); city.val('--'); city.selectedIndex = 0; }else{ if($('.planOptions:eq('+selectIndex+')').length){ $.post("/_"+cityName+"_plan.html",{data:cityName},function(data){ $('.planOptions:eq('+selectIndex+')').replaceWith(data); $('#plan_needed').hide(); $('#plan_box .planOptions').removeClass('last'); $('.planOptions:last').addClass('last'); Listing.selectPlan(); },"html"); }else{ $.post("/_"+cityName+"_plan.html",{data:cityName},function(data){ $('#plan_box').append(data); $('#plan_needed').hide(); $('#plan_box .planOptions').removeClass('last'); $('.planOptions:last').addClass('last'); Listing.selectPlan(); },"html"); } } if ($('.listingCity select:eq(0)').val() != '--') { $('#btn_add_listing_city').show(); } } }, init: function(){ if($('#btn_add_listing_city').length){ $('#btn_add_listing_city').click(function(e){ e.preventDefault(); ListingCity.duplicate(); return false; }); $('.listingCity select').change(function(s){ s.preventDefault(); ListingCity.change($(this)); return false; }); if($('.listingCity select:eq(0)').val() == '--'){ $('#btn_add_listing_city').hide(); } } } } var Listing = { photoCount: 1, print: function(){ $( '#print_listing a' ).click( function() { window.print(); return false; }); }, formFocus: function(){ /* $('.fieldWrapper input:not(.noFocus,:checkbox), .fieldWrapper select:not(.noFocus), .fieldWrapper textarea').focus(function(){ $(this).parents('.fieldWrapper').addClass('focus'); }); $('.fieldWrapper input:not(.noFocus,:checkbox), .fieldWrapper select:not(.noFocus), .fieldWrapper textarea').blur(function(){ $(this).parents('.fieldWrapper').removeClass('focus'); }); */ $('#browse_type .fieldWrapper input.checkbox:not(.noFocus)').click(function(){ if($(this).attr('checked')){ $(this).parents('.fieldWrapper').addClass('selected'); }else{ $(this).parents('.fieldWrapper').removeClass('selected'); } /* var checkedCount = $('#browse_type .fieldWrapper input.checkbox:checked').length; $('#selected_count strong').text(checkedCount); */ }); /* WORKINGHERE */ $('.fieldWrapper input:radio:not(.noFocus)').click(function(){ $('.fieldWrapper').removeClass('focus'); $('.currencyContainer').removeClass('selected'); $('.priceRanges select.select').attr('disabled','disabled'); if($(this).attr('checked')){ $(this).parents('.fieldWrapper').addClass('focus'); var currencyContainer = $(this).parents('.currencyContainer'); currencyContainer.addClass('selected'); var priceRanges = currencyContainer.find('.priceRanges select.select'); priceRanges.removeAttr('disabled'); sliderElem = $('.currencyContainer .slider'); sliderCount = sliderElem.length; /* for (var i = 0 ; i < sliderCount ; i++) { $( sliderElem[i] ).slider( 'values', 0, $( sliderElem[i] ).slider( 'option', 'min' ) ); $( sliderElem[i] ).slider( 'values', 1, $( sliderElem[i] ).slider( 'option', 'max' ) ); }; */ /* alert( $( '#select_pesos_low' ).val() ); alert( $( '#select_pesos_high' ).val() ); alert( $( '#select_dollars_low' ).val() ); alert( $( '#select_dollars_high' ).val() ); */ $( sliderElem[0] ).slider( 'values', 0, $( '#select_pesos_low' ).val() ); $( sliderElem[0] ).slider( 'values', 1, $( '#select_pesos_high' ).val() ); $( sliderElem[1] ).slider( 'values', 0, $( '#select_dollars_low' ).val() ); $( sliderElem[1] ).slider( 'values', 1, $( '#select_dollars_high' ).val() ); sliderElem.slider('disable'); currencyContainer.find('.slider').slider('enable'); /* var firstPesoOption = $('#pesos_container select:first option:first').html(); var secondPesoOption = $('#pesos_container select:last option:last').html(); var firstDollarOption = $('#dollars_container select:first option:first').html(); var secondDollarOption = $('#dollars_container select:last option:last').html(); */ $('#pesos_container .priceRange .lowPrice').text( $('#select_pesos_low :selected').text() ); $('#pesos_container .priceRange .highPrice').text( $('#select_pesos_high :selected').text() ); $('#dollars_container .priceRange .lowPrice').text( $('#select_dollars_low :selected').text() ); $('#dollars_container .priceRange .highPrice').text( $('#select_dollars_high :selected').text() ); } }); /* $('#btn_reset').click(function(){ $('.fieldWrapper').removeClass('focus'); $('.currencyContainer').removeClass('selected'); $('.priceRanges select.select').attr('disabled','disabled').val(''); $('.fieldWrapper input:radio').removeAttr('checked'); var sliderCount = $('.currencyContainer .slider').length; var currencyElem = $('.currencyContainer'); var sliderElem = $('.currencyContainer .slider'); var priceRange = $('.currencyContainer .priceRange'); for (var i = 0 ; i < sliderCount ; i++) { sliderElem = $(currencyElem[i]).find('.slider'); sliderElem.slider('values',0,sliderElem.slider('option','min')); sliderElem.slider('values',1,sliderElem.slider('option','max')); var firstOption = $(currencyElem[i]).find('select:first option:first').html(); var secondOption = $(currencyElem[i]).find('select:last option:last').html(); $(priceRange[i]).find('.lowPrice').text(firstOption); $(priceRange[i]).find('.highPrice').text(secondOption); }; $('.currencyContainer .slider').slider('disable'); return false; }); */ $('#btn_reset').click(function(){ sliderElem = $('.currencyContainer .slider'); $( '#select_pesos_low' ).val( $( sliderElem[0] ).slider( 'option', 'min' ) ) $( '#select_pesos_high' ).val( $( sliderElem[0] ).slider( 'option', 'max' ) ) $( sliderElem[0] ).slider( 'values', 0, $( '#select_pesos_low' ).val() ); $( sliderElem[0] ).slider( 'values', 1, $( '#select_pesos_high' ).val() ); $( '#select_dollars_low' ).val( $( sliderElem[1] ).slider( 'option', 'min' ) ) $( '#select_dollars_high' ).val( $( sliderElem[1] ).slider( 'option', 'max' ) ) $( sliderElem[1] ).slider( 'values', 0, $( '#select_dollars_low' ).val() ); $( sliderElem[1] ).slider( 'values', 1, $( '#select_dollars_high' ).val() ); $( '#input_pesos' ).click(); return false; }); if($('#browse_type #btn_uncheck_all').length){ $('#btn_uncheck_all').click(function(){ //Compare Uncheck All function var checkboxes = $('#car_type_list input.checkbox:checked'); var checkboxWrapper = $('#car_type_list .fieldWrapper'); var c = checkboxes.length; for (var i = 0 ; i < c ; i++) { checkboxes[i].checked = false; $(checkboxWrapper).removeClass('selected'); }; $('#selected_count strong').text('0'); return false; }); }; }, bindChange: function(){ $('.priceRanges select').attr('disabled','disabled'); if ($('.priceRange').length) { var priceContainer = $('.currencyContainer'); var priceText = priceContainer.find('.priceRange'); var priceRanges = priceContainer.find('.priceRanges'); var lowPrice = priceRanges.find('select:first'); var highPrice = priceRanges.find('select:last'); //Set Prices priceContainerLength = priceContainer.length; for (var i = 0; i < priceContainerLength; i++) { lowPriceVal = $(priceRanges[i]).find('select:first option:first').val(); lowPriceText = $(priceRanges[i]).find('select:first option[value="' + lowPriceVal + '"]').html(); highPriceVal = $(priceRanges[i]).find('select:last option:last').val(); highPriceText = $(priceRanges[i]).find('select:last option[value="' + highPriceVal + '"]').html(); $(priceText[i]).find('.lowPrice').text(lowPriceText); $(priceText[i]).find('.highPrice').text(highPriceText); $(priceRanges[i]).find('select:first').change(function(){ changedLowVal = $(this).val(); changedLowText = $(this).find('option[value="' + changedLowVal + '"]').html(); $(this).parents('.currencyContainer').find('.priceRange .lowPrice').text(changedLowText); }); $(priceRanges[i]).find('select:last').change(function(){ changedHighVal = $(this).val(); changedHighText = $(this).find('option[value="' + changedHighVal + '"]').html(); $(this).parents('.currencyContainer').find('.priceRange .highPrice').text(changedHighText); }); }; } }, selectPlan: function(){ $('a.selectPlan').click(function(){ var thisPlanOptions = $(this).parents('.planOptions'); var thisPlan = $(this).parents('.pricingPlan'); $(thisPlanOptions).find('.pricingPlan').removeClass('selected'); thisPlan.addClass('selected'); $(thisPlanOptions).find('.hiddenField input.planSelectHidden').val(''); thisPlan.find('.hiddenField input.planSelectHidden').val('Selected'); return false; }); $('a.unselect').click(function(){ var thisPlanOptions = $(this).parents('.planOptions'); var thisPlan = $(this).parents('.pricingPlan'); $(thisPlanOptions).find('.pricingPlan').removeClass('selected'); $(thisPlanOptions).find('.hiddenField input.planSelectHidden').val(''); thisPlan.find('.hiddenField input.planSelectHidden').val('') return false; }); }, deleteListing: function(){ $('.deleteLink').click(function(){ var answer = confirm("Are you sure you want to remove this listing?") if (answer){ adContainer = $(this).parents('.adContainer'); adContainerID = adContainer.attr('id'); adContainer.fadeOut('normal',function(){ $('#cost_'+adContainerID).remove(); adContainer.remove(); }); } return false; }); }, scroller: function(scroller_container,previous_button,next_button){ var scrollerCount = $('#scroller_container ul.listingScroller').length; var scrollerWidth = (scrollerCount*441)+'px'; $('#scroller_container').css('width',scrollerWidth); new Scroller(scroller_container,previous_button,next_button); $('.listingScroller a').click(function(){ if(!$(this).hasClass('active')){ var hrefVal = $(this).attr('href').substr(1); $('.listingScroller a').removeClass('active'); $(this).addClass('active'); $('#listing_scroller_images li').removeClass('active'); $('#'+hrefVal).addClass('active'); } return false; }); }, addPhotos: function(){ $('#btn_upload_myself').toggle( function(){ $('#photo_uploads').slideDown('fast'); $('#bring_in, #make_appointment').slideUp('fast'); if (Listing.photoCount >= 6) { $('#add_photo').addClass('disabled'); } if (Listing.photoCount < 6) { $('#add_photo').removeClass('disabled'); } return false; }, function(){ $('#photo_uploads').slideUp('fast'); $('#bring_in, #make_appointment').slideDown('fast'); $('#photo_uploads li:not(.first) input.upload').attr('disabled','disabled').val(''); $('#photo_uploads li:not(.first)').removeClass('visible').addClass('hidden'); Listing.photoCount = 1; return false; } ); $('#add_photo').click(function(){ if (Listing.photoCount < 6) { var firstHidden = $('#photo_upload_list li.hidden:first'); firstHidden.find('input.upload').removeAttr('disabled'); firstHidden.appendTo('#photo_upload_list').removeClass('hidden').addClass('visible'); Listing.photoCount++; if (Listing.photoCount >= 6) { $('#add_photo').addClass('disabled'); } } return false; }); }, removePhotos: function(){ $('a.removeLink').click(function(){ if (Listing.photoCount <= 6) { var thisVisible = $(this).parent(); thisVisible.find('input.upload').val('').attr('disabled', 'disabled'); thisVisible.removeClass('visible').addClass('hidden'); Listing.photoCount--; } if (Listing.photoCount < 6) { $('#add_photo').removeClass('disabled'); } return false; }); }, init: function(){ if($('.adContainer .deleteLink').length) Listing.deleteListing(); if($('#listcar_plan_form').length) Listing.selectPlan(); if($('.fieldWrapper').length) Listing.formFocus(); if ($('#price_container input.radio').length) { Listing.formFocus(); Listing.bindChange(); } if($('#print_listing').length) Listing.print(); if($('#scroller_wrapper').length) Listing.scroller('scroller_container', 'previous_slide', 'next_slide'); if ($('#upload_myself').length) { Listing.addPhotos(); Listing.removePhotos(); } } } var FancyBox = { boxen: function(){ if ($(".fancyBox").length) { $("a.fancyBox").fancybox({ 'hideOnContentClick': true, 'zoomSpeedIn': 300, 'zoomSpeedOut': 300 }); } if ($("a.previewInternetAd").length){ $("a.previewInternetAd").fancybox({ 'frameWidth' : 920, 'frameHeight' : 600, 'hideOnContentClick': false, 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'callbackOnShow' : function(){ Listing.scroller('scroller_container', 'previous_slide', 'next_slide'); } }); } if($('a.fancyLocation').length){ $('a.fancyLocation').fancybox({ 'frameWidth' : 840, 'frameHeight' : 460, 'hideOnContentClick': false, 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'callbackOnShow' : function(){ DOMUtilities.init(); Map.init(); } }); } }, init: function(){ this.boxen(); } } var Map = { flash: function( s ) { Map.state( s, true ); }, state: function( s, fromFlash ) { var states = $( 'a.statesNav' ), stateName, stateId, stateCode; s = ( fromFlash ? s : s.substring( 0, 3 ) ); //alert( "s = " + s ); for ( var i = 0; i < states.length; i++ ) { // Done this way so it works with IE6 split bug // If you change it, make sure you test with IE6 splitArray = states[i].href.split( '#' ); codeField = splitArray[1].substring( 0, 3 ); idField = splitArray[1].substring( 3 ); //alert( "splitArray = " + splitArray + " - codeField = " + codeField + " - idField = " + idField ); if ( codeField == s ) { stateName = $( states[i] ).text(); stateId = idField; stateCode = codeField; break; } }; //alert( "stateName = " + stateName + " - stateId = " + stateId + " - stateCode = " + stateCode ); isSearch = ( $( '#submit_location' ).val() == 'search' ? true : false ); selectedStateId = ( isSearch ? searchStateId : userStateId ); selectedStateCode = ( isSearch ? searchStateCode : userStateCode ); selectedCityId = ( isSearch ? searchCityId : userCityId ); selectedStateName = ( isSearch ? searchStateName : userStateName ); selectedDistUnit = ( isSearch ? searchDistUnit : userDistUnit ); //Request City List(AJAX Request) //Update the url parameter to the file that will process the state request and return the data //This file should expect the the paramater of "s" - which is the 3 character state code. i.e. BCS - for Baja California Sur $.ajax( { url: '/ajax/locationCityList/stateId/' + stateId + '/cityId/' + selectedCityId, data: { state: s }, type: "post", success: function( data ) { if ( ! fromFlash ) { if ( $.browser.msie ) { window.document.map_container.setActiveSidebar( s ); } else { document.getElementById( "map_container" ).setActiveSidebar( s ); } } $( '#hidden_state' ).val( stateName ); $( '#hidden_state_id' ).val( stateId ); $( '#hidden_state_code' ).val( stateCode ); $( '#state_list' ).hide(); $( '#map_state_name' ).text( stateName ); $( 'span.activeCity' ).show(); $( '#city_list' ).empty().append( data ); $( 'a.cityNav' ).click( function( e ) { e.preventDefault(); $( 'a.cityNav' ).removeClass( 'active' ); $( this ).addClass( 'active' ); $( '#hidden_city' ).val( $( this ).text() ); $( '#hidden_city_id' ).val( $( this ).attr( 'href' ).split( '#' )[1] ); $( '#button_set_location' ).show(); return false; } ); $( '#city_container' ).show(); $( '#button_all_locations' ).hide(); if ( stateId == selectedStateId && $( '#selectedCity') ) { $( '#hidden_city_id' ).val( selectedCityId ); if ( selectedCityId > 0 ) $( '#button_set_location' ).show(); } }, error: function( data, textStatus, errorThrown ){ alert( 'Something went wrong, please contact us and let us know what it was.' ); } }); }, reset: function(){ $( '#city_container' ).hide(); $( 'span.activeCity' ).hide(); $( '#hidden_state' ).val( '' ); $( '#hidden_state_id' ).val( '0' ); $( '#hidden_state_code' ).val( '' ); $( '#hidden_city' ).val( '' ); $( '#hidden_city_id' ).val( '0' ); $( 'a.cityNav' ).removeClass( 'active' ); $( '#state_list' ).show(); $( '#button_set_location' ).hide(); $( '#button_all_locations' ).show(); if ( $.browser.msie ) { window.document.map_container.clearActive(); } else { document.getElementById( "map_container" ).clearActive(); } }, init: function(){ if ( $( '#state_list' ) ) { $( 'a.statesNav' ).click( function( e ) { e.preventDefault(); // href value being split to get the 3 character // State Code and passed to the State function Map.state( $( this ).attr( 'href' ).split( '#' )[1], false ); return false; }); $( 'input.distanceRadio' ).change( function() { var inputVal = $( this ).val(); $( 'select.distanceSelect' ).attr( 'disabled', 'disabled' ).hide(); $( '#select_' + inputVal ).removeAttr( 'disabled' ).show(); }); $( '#change_state' ).click( function( c ) { c.preventDefault(); Map.reset(); return false; }); //Map.reset(); isSearch = ( $( '#submit_location' ).val() == 'search' ? true : false ); selectedStateId = ( isSearch ? searchStateId : userStateId ); selectedStateCode = ( isSearch ? searchStateCode : userStateCode ); selectedCityId = ( isSearch ? searchCityId : userCityId ); selectedStateName = ( isSearch ? searchStateName : userStateName ); selectedDistUnit = ( isSearch ? searchDistUnit : userDistUnit ); if ( selectedStateId > 0 ) { if ( false ) { if ( $.browser.msie ) { window.document.map_container.setActiveSidebar( selectedStateCode ); } else { document.getElementById( "map_container" ).setActiveSidebar( selectedStateCode ); } } else { $.ajax( { url: '/ajax/locationCityList/stateId/' + selectedStateId + '/cityId/' + selectedCityId, data: { state: selectedStateCode }, type: "post", success: function( data ) { if ( $.browser.msie ) { window.document.map_container.setActiveSidebar( selectedStateCode ); } else { document.getElementById( "map_container" ).setActiveSidebar( selectedStateCode ); } $( '#hidden_state' ).val( selectedStateName ); $( '#hidden_state_id' ).val( selectedStateId ); $( '#hidden_state_code' ).val( selectedStateCode ); $( '#state_list' ).hide(); $( '#map_state_name' ).text( selectedStateName ); $( 'span.activeCity' ).show(); $( '#city_list' ).empty().append( data ); $( 'a.cityNav' ).click( function( e ) { e.preventDefault(); $( 'a.cityNav' ).removeClass( 'active' ); $( this ).addClass( 'active' ); $( '#hidden_city' ).val( $( this ).text() ); $( '#hidden_city_id' ).val( $( this ).attr( 'href' ).split( '#' )[1] ); $( '#button_set_location' ).show(); return false; } ); $( '#city_container' ).show(); $( '#button_all_locations' ).hide(); if ( selectedCityId > 0 && $( '#selectedCity') ) { $( '#hidden_city_id' ).val( selectedCityId ); if ( selectedCityId > 0 ) $( '#button_set_location' ).show(); } if ( selectedDistUnit == 'km' ) { $( '#select_mi' ).attr( 'disabled', 'disabled' ).hide(); $( '#select_km' ).removeAttr( 'disabled' ).show(); } else { $( '#select_km' ).attr( 'disabled', 'disabled' ).hide(); $( '#select_mi' ).removeAttr( 'disabled' ).show(); } }, error: function( data, textStatus, errorThrown ){ alert( 'Something went wrong, please contact us and let us know what it was.' ); } }); } } } } } var circleAd = { init: function(){ if($('a.carCircleAd').length){ $('a.carCircleAd').toggle( // Circle Ad function(){ $.ajax({ url: '', type: "post", success: function(data){ $(this).parents('.browseListing').addClass('saved'); $(this).parents('.browseListing').find('.carImageLink').append(''); }, error: function(data, textStatus, errorThrown){ alert('Something went wrong, please contact us and let us know what it was.'); } }); }, //Remove Circled Ad function(){ $.ajax({ url: '', type: "post", success: function(data){ $(this).parents('.browseListing').removeClass('saved'); $(this).parents('.browseListing').find('.carImageLink span.savedBorder').remove(); }, error: function(data, textStatus, errorThrown){ alert('Something went wrong, please contact us and let us know what it was.'); } }); } ); } } } /*Sliders Inititaion and Binding*/ var createSliders = { init: function(){ if($('.slider').length){ var slideCount = $('.sliderContainer').length; var sliderContainer = $('.sliderContainer'); var minValue = ''; var maxValue = ''; for (var i = 0 ; i < slideCount ; i++) { var slider = $(sliderContainer[i]).find('.slider'); var inputContainer = $(sliderContainer[i]).find('.inputContainer'); slider.show(); inputContainer.hide(); $(sliderContainer[i]).css({ position: 'relative' }); slider.css({ display: 'block' }); $(sliderContainer[i]).append(minValue); $(sliderContainer[i]).append(maxValue); new setSlider(slider,inputContainer,$(sliderContainer[i])); }; $('.currencyContainer .slider').slider('disable'); } if ( $( '.searchOption .pesos' ).length || $( '.searchOption .dollars' ).length ) { /* if ( $( '.searchOption .dollars').hasClass( 'active' ) ) { $( '.searchOption .pesos' ).hide(); } else { $( '.searchOption .dollars' ).hide(); } */ $( '.mainOptionCenter .unitToggle a.unitToggler' ).click( function( e ) { e.preventDefault(); if ( $( this ).hasClass == 'active' ) { return false; } else { var priceType = $( this ).attr( 'href' ).substring(1); var priceContainer = $( this ).parents( '.optionCenter' ).find( '.price' ); var priceTypeContainer = $( this ).parents( '.optionCenter' ).find( '.' + priceType ); var siblingLinks = $( this ).siblings( 'a.unitToggler' ); priceContainer.hide(); priceContainer.removeClass( 'active' ); priceContainer.find( 'select' ).attr( 'disabled', 'disabled' ); priceTypeContainer.show(); priceTypeContainer.addClass( 'active' ); priceTypeContainer.find( 'select' ).removeAttr( 'disabled' ); siblingLinks.removeClass( 'active' ); $( this ).addClass( 'active' ); return false; } }); } if ( $( '.mileageContainer .km' ).length || $( '.mileageContainer .mi' ).length ){ /* if ( $( '.mileageContainer .mi' ).hasClass( 'active' ) ) { $( '.mileageContainer .km' ).hide(); } else { $( '.mileageContainer .mi' ).hide(); } */ $( '.mileageContainer .unitToggle a.unitToggler' ).click( function( e ) { e.preventDefault(); if ( $( this ).hasClass == 'active' ) { return false; } else { var mileageType = $( this ).attr( 'href' ).substring(1); var mileageContainer = $( this ).parents( '.mileageContainer' ).find( '.mileage' ); var mileageTypeContainer = $( this ).parents( '.mileageContainer' ).find( '.' + mileageType ); var siblingLinks = $( this ).siblings( 'a.unitToggler' ); mileageContainer.hide(); mileageContainer.removeClass( 'active' ); mileageContainer.find( 'select' ).attr( 'disabled', 'disabled' ); mileageTypeContainer.show(); mileageTypeContainer.addClass( 'active' ); mileageTypeContainer.find( 'select' ).removeAttr( 'disabled' ); siblingLinks.removeClass( 'active' ); $( this ).addClass( 'active' ); return false; } }); } if($('.filterInner .pesos').length || $('.filterInner .dollars').length){ $('#filter_price .filterInner .unitToggle a.unitToggler').click(function(e){ e.preventDefault; if($(this).hasClass == 'active'){ return false; }else{ var priceType = $(this).attr('href').substring(1); var priceContainer = $(this).parents('.filterInner').find('.price'); var priceTypeContainer = $(this).parents('.filterInner').find('.'+priceType); var siblingLinks = $(this).siblings('a.unitToggler'); var priceFilterBox = $(this).parents('.filterBox'); priceContainer.hide(); priceContainer.removeClass('active'); priceContainer.find('select').attr('disabled','disabled'); priceTypeContainer.show(); priceTypeContainer.addClass('active'); priceTypeContainer.find('select').removeAttr('disabled'); siblingLinks.removeClass('active'); $(this).addClass('active'); priceFilterBox.find('h4 span.unitType').text('('+priceType+')') return false; } }); } if($('.filterInner .km').length || $('.filterInner .mi').length){ $('#filter_mileage .filterInner .unitToggle a.unitToggler').click(function(e){ e.preventDefault; if($(this).hasClass == 'active'){ return false; }else{ var mileageType = $(this).attr('href').substring(1); var mileageContainer = $(this).parents('.filterInner').find('.mileage'); var mileageTypeContainer = $(this).parents('.filterInner').find('.'+mileageType); var siblingLinks = $(this).siblings('a.unitToggler'); var mileageFilterBox = $(this).parents('.filterBox'); mileageContainer.hide(); mileageContainer.removeClass('active'); mileageContainer.find('select').attr('disabled','disabled'); mileageTypeContainer.show(); mileageTypeContainer.addClass('active'); mileageTypeContainer.find('select').removeAttr('disabled'); siblingLinks.removeClass('active'); $(this).addClass('active'); mileageFilterBox.find('h4 span.unitType').text('('+mileageType+')') return false; } }); } } } /* * * @param {Object} s - slider element * @param {Object} c - inputContainer element * @param {Object} p - parent sliderContainer element */ var setSlider = function(s,c,p){ var self = this; self.sliderMin = 0; self.sliderMax = 0; self.sliderValues = []; self.mySlide = ''; self.myInputContainer = ''; self.sliderContainer = ''; self.step = 0; self.minText = ''; self.maxText = ''; self.minSetText = ''; self.maxSetText = ''; testStep = 0; self.getValues = function(){ //Get First Select Options var minSelect = this.myInputContainer.find('select:first').attr('id'); var minSelect = document.getElementById(minSelect); var minOptionsCount = (minSelect.options.length)-1; var minOptionVal = parseInt(minSelect.options[0].value); var minSelectedIndex = minSelect.selectedIndex; var minSetValue = parseInt(minSelect.options[minSelectedIndex].value); self.minText = minSelect.options[0].text.toString(); self.minSetText = minSelect.options[minSelectedIndex].text.toString(); //Get Second Select Options var maxSelect = this.myInputContainer.find('select:last').attr('id'); var maxSelect = document.getElementById(maxSelect); var maxOptionsCount = (maxSelect.options.length)-1; var maxOptionVal = parseInt(maxSelect.options[maxOptionsCount].value); var maxSelectedIndex = maxSelect.selectedIndex; var maxSetValue = parseInt(maxSelect.options[maxSelectedIndex].value); self.maxText = maxSelect.options[maxOptionsCount].text.toString(); self.maxSetText = maxSelect.options[maxSelectedIndex].text.toString(); self.step = Math.abs(parseInt(minSelect.options[0].value)-parseInt(minSelect.options[1].value)); testStep = self.step; self.setValues(minOptionVal,maxOptionVal,minSetValue,maxSetValue); }; self.setValues = function(minOptionVal,maxOptionVal,minSetValue,maxSetValue){ self.sliderMin = minOptionVal; self.sliderMax = maxOptionVal; self.sliderValues = [minSetValue,maxSetValue]; // steve - change: self.myInputContainer.find('select:last').val(maxOptionVal); self.myInputContainer.find('select:first').val(minSetValue); self.myInputContainer.find('select:last').val(maxSetValue); self.sliderContainer.find('.sliderValues .minValue').text(self.minSetText); self.sliderContainer.find('.sliderValues .maxValue').text(self.maxSetText); self.sliderContainer.find('.sliderMin').text(self.minText); self.sliderContainer.find('.sliderMax').text(self.maxText); self.sliderContainer.find('.sliderValues').show(); self.sliderBind(); }; self.sliderBind = function(){ self.mySlide.slider({ animate: true, range: true, min: self.sliderMin, max: self.sliderMax, values: self.sliderValues, step: self.step }); self.mySlide.bind('slide', function(event,ui){ var firstHandle = $(this).slider('values', 0); var secondHandle = $(this).slider('values', 1); self.myInputContainer.find('select:first').val(firstHandle); self.myInputContainer.find('select:last').val(secondHandle); var newMinText = self.myInputContainer.find('select:first').val(); newMinText = self.myInputContainer.find('select:first option[value="'+newMinText+'"]').html(); var newMaxText = self.myInputContainer.find('select:last').val(); newMaxText = self.myInputContainer.find('select:last option[value="'+newMaxText+'"]').html(); if(self.sliderContainer.find('.sliderValues .minValue').length){ self.sliderContainer.find('.sliderValues .minValue').text(newMinText); } if(self.sliderContainer.find('.sliderValues .maxValue').length){ self.sliderContainer.find('.sliderValues .maxValue').text(newMaxText); } if(self.sliderContainer.parent('.currencyContainer').length){ self.sliderContainer.parent('.currencyContainer').find('.priceRange .lowPrice').text(newMinText); self.sliderContainer.parent('.currencyContainer').find('.priceRange .highPrice').text(newMaxText); } }); }; if($('.sliderContainer').length){ self.mySlide = s; self.myInputContainer = c; self.sliderContainer = p; self.getValues(); }; }; //////////////////////////////////////////////////////////////// // steve - addition //////////////////////////////////////////////////////////////// var searchForm = { init: function(){ activeForms = parseInt( $( '#searchFormCount' ).attr( 'value' ) ); for ( iFormAdd = 2; iFormAdd <= activeForms; iFormAdd++ ) { SearchCars.addAnother( 'search_used_cars' ); } for ( curr = 1; curr <= numSearchBlocks; curr++ ) { baseStr = 'options_' + curr; moreStr = '#more' + baseStr; anchorStr = '#a_more' + baseStr; if ( $( moreStr ).attr( 'value' ) == 'yes' ) { $( anchorStr ).addClass( 'active' ); $( anchorStr ).text( 'Close Options' ); $( moreStr ).attr( 'value', 'yes' ); $( '#' + baseStr ).slideDown( 'fast' ); } else { $( moreStr ).attr( 'value', 'no' ); } } if ( $( '#input_pesos' ).attr( 'checked' ) ) { $( '#input_pesos' ).click(); } if ( $( '#input_dollars' ).attr( 'checked' ) ) { $( '#input_dollars' ).click(); } } }