$(document).ready(function () {

    /* for main navigations */
    $('#pull').click(function () {
        $(this).toggleClass("active");
        $('.nav').slideToggle(600);
    });

    /* sidebar slide */
    $('.sideTogl').click(function () {
        $('.sideBar').addClass('show');
    });

    $('.sideToglclose').click(function () {
        $('.sideBar').removeClass('show');
    });


    $('.nav > li a').click(function () {
        $(this).toggleClass("active");
        if ($(window).width() < 1050)
            $('.sub-menu ').slideToggle();
    });

    $('.togal').click(function () {
        $(this).toggleClass("active");
        if ($(window).width() < 990)
            $(this).siblings('.footer-link,.social-icn').slideToggle();
    });

    $(window).load(function () {
        /* Select User City after window load 
         * according to url query parameter value 
         * in #user_city hidden field.
         */
        $userCity = $("#user_city").val();
        $('#all_cities').val($userCity);
		
        var color = $('#carlist_color').val();
        if (typeof color != typeof undefined) {
         
                $('#color-' + color).addClass('color-selected');
            
        }
        /* Change #carlist_color hidden field value 
         * according to selected color and submit form.
         */
        $('.colr-optn-lst li').click(function () {
            var color = $(this).data('color');
          
            if (typeof color != typeof undefined) {
                if (color != '') {
                  
                    $('#carlist_color').val(color);
                    submitForm();
                }
            }
        });

    });
	
    $('.filter-by-fuel-type, .filter-by-body-type, .filter-by-mileage-type, .filter-by-price-range, .filter-by-km-range').change(function () {
        submitForm();
    });

    $('.expand-btn').click(function () {
        var $this = $(this);
        $this.parent().next().toggle('slow', function () {
            $this.toggleClass('active');
            $(this).toggleClass('show-div');
        });
    });

});

function getFrmDataUrl(frm, remove_el_arr) {

    if (remove_el_arr == undefined)
        remove_el_arr = [];

    if ($.browser.msie && parseInt($.browser.version, 10) === 8) { /* IE8 Not able create url, Make Sure JQ browser detection works if updating jquery  */
        var data = createIE8Arr($(frm).serialize());
    } else {
        var data = [];
        frm.each(function () {
            if ($(this).val() == '')
                return true;
            if (remove_el_arr.indexOf($(this).attr('name')) <= -1) {
                data.push($(this).attr('name'));
                data.push($(this).val());
            }
        });
    }
    return data;
}

function submitForSaleSearch(frm, v) {

    v.validate();
    if (!v.isValid())
        return;

//    if ($('#sort_by').length > 0) {
//       // $sort = $('#sort_by').val();
//      //  $("#remove-sort").remove();
//      //  $(frm).append('<input type="hidden" id="remove-sort" name="sort_by" value="' + $sort + '" />');
//    }

    if ($('.filter-by-fuel-type:checked').length > 0) {
        $fuelTypes = $('.filter-by-fuel-type:checked');
        $("#carfeature_fuel_type").remove();
        $fuelArray = new Array();
        $.each($fuelTypes, function () {
            $fuelArray.push($(this).val());
        });
        $(frm).append('<input type="hidden" id="carfeature_fuel_type" name="carfeature_fuel_type" value="' + ($fuelArray.join("_")) + '" />');
    }else{
		$("#carfeature_fuel_type").remove();
		$(frm).append('<input type="hidden" id="carfeature_fuel_type" name="carfeature_fuel_type" value="" />');
	}
    if ($('.filter-by-body-type:checked').length > 0) {
        $bodyTypes = $('.filter-by-body-type:checked');
        $("#carfeature_body_type").remove();
        $bodyArray = new Array();
        $.each($bodyTypes, function () {
            $bodyArray.push($(this).val());
        });
        $(frm).append('<input type="hidden" id="carfeature_body_type" name="carfeature_body_type" value="' + ($bodyArray.join("_")) + '" />');
    }else{
		$("#carfeature_body_type").remove();
		$(frm).append('<input type="hidden" id="carfeature_body_type" name="carfeature_body_type" value="" />');
	}

    if ($('.filter-by-mileage-type:checked').length > 0) {
        $mileageTypes = $('.filter-by-mileage-type:checked');
        $("#carfeature_fuel_efficiency").remove();
        $mileageArray = new Array();
        $.each($mileageTypes, function () {
            $mileageArray.push($(this).val());
        });
        $(frm).append('<input type="hidden" id="carfeature_fuel_efficiency" name="carfeature_fuel_efficiency" value="' + ($mileageArray.join("_")) + '" />');
    }else{
		$("#carfeature_fuel_efficiency").remove();
        $(frm).append('<input type="hidden" id="carfeature_fuel_efficiency" name="carfeature_fuel_efficiency" value="" />');
	}
	
	if ($('.filter-by-price-range:checked').length > 0) {
        $mileageTypes = $('.filter-by-price-range:checked');
        $("#model_price_range").remove();
        $priceArray = new Array();
        $.each($mileageTypes, function () {
            $priceArray.push($(this).val());
        });
        $(frm).append('<input type="hidden" id="model_price_range" name="model_price_range" value="' + ($priceArray.join("_")) + '" />');
    }else{
        $("#model_price_range").remove();
		$(frm).append('<input type="hidden" id="model_price_range" name="model_price_range" value="" />');
	}
	
	if ($('.filter-by-km-range:checked').length > 0) {
        $mileageTypes = $('.filter-by-km-range:checked');
        $("#carfeature_kilometer").remove();
        $kmArray = new Array();
        $.each($mileageTypes, function () {
            $kmArray.push($(this).val());
        });
        $(frm).append('<input type="hidden" id="carfeature_kilometer" name="carfeature_kilometer" value="' + ($kmArray.join("_")) + '" />');
    }else{
        $("#carfeature_kilometer").remove();
		$(frm).append('<input type="hidden" id="carfeature_kilometer" name="carfeature_kilometer" value="" />');
	}
	
    var unwanted_el = new Array();
    unwanted_el[0] = 'btn_submit';
    unwanted_el[1] = 'Search';
    unwanted_el[2] = 'left';
    unwanted_el[3] = 'right';
    unwanted_el[4] = 'fuel_type';
    unwanted_el[5] = 'body_type';
    unwanted_el[6] = 'mileage_type';
    unwanted_el[7] = 'price_range';
    unwanted_el[8] = 'kilometer';
    unwanted_el[9] = 'sort_by';

    var data = getFrmDataUrl($(frm.elements), unwanted_el);
    var url = getRouteUrl('search', 'usedcars', data);
  
    location.href = url;
    return false;
}

function submitForm() {
    $("#fltrFom-tbl").submit();
}
function submitSortForm(){
    $("#sortForm").submit();
}
function changeModel() {
    $("#model_id").val("");
}
function changeSortBy(val) {
    $("#sort_by").val(val);
    submitForm();
}
function changeCityId(cityId) {
    if(!cityId){
        
        $("#user_city").val('All');
    }else
    $("#user_city").val(cityId);

    submitForm();
}

function save_model(id) {

    var car_id = id | 0;
    $.mbsmessage(t_lang('Please wait...'));

    callAjax(generateUrl('search', 'savedCar', [car_id]), '&outmode=json', function (data) {
        $(document).trigger('close.mbsmessage');

        var t = jQuery.parseJSON(data);

        if (t.status == 0) {
            alert(t.msg);
        } else {

            $.facebox(t.msg);
        }


    });
}
$(window).load({
			noncache: new Date().getTime()
		}, function () {
			$('.scrollbars').tinyscrollbar({
				sizethumb: 20
			});
		});