javascript work on website: www.planeandtrain.com

PART 1 The website: [login to view URL] has the following functionalities: Big button, GET request: 'searchforreturn' Dropdown on the left, GET request: 'selectorder' Small buttons on top left, GET request: 'newdate' Dropdown on the left, GET request: 'selectcurrency' Departure time slider on the left, GET request: 'deptime1' & 'deptime2' Arrival time slider on the left, GET request: 'arrtime1' & 'arrtime2' Pagination on the right, GET request: 'page' Summary of check boxes on the left, GET request: 'consideredairportnr' Link which is sometimes present depending on the results, GET request: 'singleoperator' Change of language, small button on top right, GET request: 'lang' Depending on the type of functionality which is being used the below requests can be done by the javascript. [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] When a user arrives on the result page the google map and 2 connection divs will be loaded by ajax load. When the user clicks on another tab or sorts by for example duration other results will be shown which will also cause a load of again google map and 2 connection divs. If the user clicks on different tabs quickly there will be many loads for google maps and connection divs. That causes the site te resond slowly or not respond at all. Sometimes the connection load takes around 5 to 10 seconds and the user can click on maybe 8 different tabs within that time, then 8 x 3 = 24 ajax loads will be sent (I want only the latest 3 and have the previous requests timout). The following is required: if the user clicks on something that shows new results which needs again a new ajax load for google maps and connection that the previous loads for google maps and connection all timeout (die) inmediately including the request to fulldetails.php. This may not effect the loading of [login to view URL] or [login to view URL] or the whole page [login to view URL] as they must finish loading before the user can interact, so any actions of the user should be ignored while the page is loading! PART 2 when the user uses the following functionalities the message (which is the clear white box in the middle that appears just after clicking on a functionality) should show up with a grey mask behind it. [login to view URL] may not be hidden, as it is doing now. The css is already updated, and the following code can be used: see attached! Make sure you keep track of the changes you make in any of the html of javascript code, in a separate file. I will provide you with a test version of the website after accepting the project, which can be used to see if all the javascript works. Send me a private message starting with: "I read all your instructions" so I know you read it all!