$(document).ready(function() {
	$('#newMakeVehicleFinder').css('width', '100%');
    $('#newModelVehicleFinder').css('width', '100%');
    
    $('#searchVehicleFinderButton').click(function(objEvent) {
        if($('#newMakeVehicleFinder').val() != '') {


            if($('#newModelVehicleFinder').val() != '') {
                var url = '/new-cars/' + $('#newModelVehicleFinder').val() + '.html';
            } else {
                var url = '/new-cars/' + $('#newMakeVehicleFinder').val() + '.html';	
            }
            $(location).attr('href',url);
        }
        return false;
    });
	//$('#newModelVehicleFinder').selectbox();
    //$('#newMakeVehicleFinder').selectbox({
    $('#newMakeVehicleFinder').change(
        /*onChangeCallback:*/ function(objEvent) {
	        $.ajax({
	            type       : 'GET',
	            url        : '/new-cars/refine/get-models',
	            dataType   : 'json',
	            async      : true,
	            success    : function(reply) {
	        					 $('#newModelVehicleFinderWrapper').html('<select id="newModelVehicleFinder" name="newModelVehicleFinder" tabindex="2"><option value="" selected="selected">Select Model</option>');
	                             $.each(reply, function(key, value) {
	                            	 $('#newModelVehicleFinder').append($("<option></option>").attr("value", value.webKey).text(value.model));
	                             });
	         	        		 //$('#newModelVehicleFinder').selectbox();
	                             $('#newModelVehicleFinder').selectmenu({style:'dropdown', maxHeight: 150, menuWidth: 180});
	                         },
	            data       : {
	                            make : $('#newMakeVehicleFinder').val(),
	                            ajax : 'true'
	                         }
	        });
	    /*}*/
        });
//    	$('#newModelVehicleFinder').selectbox();
//        $('#newMakeVehicleFinder').selectbox({
//            onChangeCallback: function(objEvent) {
//		        $.ajax({
//		            type       : 'GET',
//		            url        : '/new-cars/refine/get-models',
//		            dataType   : 'json',
//		            async      : true,
//		            success    : function(reply) {
//		        					 $('#newModelVehicleFinderWrapper').html('<select id="newModelVehicleFinder" name="newModelVehicleFinder" tabindex="2"><option value="" selected="selected">Select Model</option>');
//		                             $.each(reply, function(key, value) {
//		                            	 $('#newModelVehicleFinder').append($("<option></option>").attr("value", value.webKey).text(value.model));
//		                             });
//		         	        		 $('#newModelVehicleFinder').selectbox();
//		                         },
//		            data       : {
//		                            make : $('#newMakeVehicleFinder').val(),
//		                            ajax : 'true'
//		                         }
//		        });
//		    }});
});