Jquery or Javascript Home Thermostat simulator. Slide points to set textbox number.

I need a jquery based controller. This will be a Div in a php based web application. I need the module to simulate the use of a mechanical home thermostat. Along with displaying the actual room temp and target temp, it will allow show 2 other points. We will need to be able to drag-n-drop these points around the dial "on the line they rest on" to make setting adjustments. Attached is an example of the layout, this is the actual page you will be working with. The text boxes are already there, we need the visual thermostat to edit these text boxes values. This is where your thermostat will go. <div class="thermostat"></div> Then you control the 4 boxes below thois part in the [login to view URL] page attached. **BLACK: Represents the "Current Temp" "Not Editable"** **GREEN Represents The Target Temp "Editable"** **RED: Represents the "Un-Occupied Heat Set Point" "Editable"** **BLUE: Represents the "Un-Occupied Cool Set Point" "Editable"** Also on this Page you must check the override box to edit. I have attached the code for that page. Winning bidder will get a login to see page in action. * based of reading/writing to these 4 already established text boxes on the page. We can give them call or ID if you need. *This device must read/write from and control four text boxes currently on the page. As of now we can enter text to change and save the values. *Temperature range for Gauge: 45F - 95F *Color match the arrows. *also digially displays the temps in thermostat from text boxes. Jquery or Javascript Home Thermostat simulator. Slide points to set textbox number. ## Deliverables **Browsers compatibility should be: Explorer 8 and up Google Chrome Firefox Safari/iphone**