var HomeView = new Class({ initialize: function() { var self = this; var season = new Season($$('.season input')); var price = new GWORangeSlider($$('.price .slider')[0], { range: [1, 100000], fieldClass: 'price' }); var duration = new GWORangeSlider($$('.duration .slider')[0], { range: [1, 20], fieldClass: 'duration' }); var difficulty = new GWOChoiceSlider($$('.difficulty .slider')[0]); var season = new GWOChoiceSlider($$('.season .slider')[0]); this.experience = $('destination').getElements('input'); console.log('Helloo'); this.experience.each(function(input_field) { input_field.addEvent('change', self.makeRequest.bind(this)); }); }, makeRequest: function(ev) { // alert("change"); var form = $('home_search'); var self = this; var ajax_url = $('hidden_link').get('href'); this.request = new Request.JSON({ method: 'get', url: ajax_url, onRequest: function() {}, onComplete: function(ev) { var trips = $$('.grid_view')[0].getElement('.grid_trips'); if (trips) trips.dispose(); var d = new Element('div', { 'html': ev.grid, 'class': 'grid_trips' }); d.inject($$('.grid_view')[0]); url = $$('.hidden_marker').get('src'); adventure_map = new HomeMapMarkers($$(".adventure_map_canvas")[0],{ marker_url: url, trips: ev.trips }); adventure_map = adventure_map.map google.maps.event.trigger(adventure_map, 'resize'); new_latlng = new google.maps.LatLng(27.4116947375871760, 78.1781796875000055); adventure_map.setCenter(new_latlng); }, }); this.hello.delay(2000, this); }, hello: function() { var form = $('home_search'); this.request.send(form); console.log('ASreedh is great'); } });