window.addEvent('domready', function(){ // First Example //var pArray = new Array(10, 20, 30, 40, 50, 60, 70, 80, 90, 100); var dArray = new Array(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 20, 25, 30); var picCars = new Array(); var data = [{gId:1,gName:"Mini",vId:1,vName:"Opel Agila ",pic:"frotaMini01.png",prices:{1:'57,87',2:'115,74',3:'173,61',4:'231,48',5:'289,35',6:'347,22',7:'405,09',8:'462,96',9:'520,83',10:'578,70',15:'868,05',20:'1 157,40',25:'1 446,75',30:'1 736,10'}},{gId:2,gName:"Economic",vId:79,vName:"Volkswagen PoloTDI * Diesel*",pic:"consultarapida_120x71pxpng_4a0hjmm4q0.png",prices:{1:'50,23',2:'100,46',3:'150,69',4:'200,92',5:'251,15',6:'210,97',7:'246,13',8:'281,29',9:'316,45',10:'351,61',15:'489,74',20:'652,99',25:'1 255,75',30:'904,14'}},{gId:3,gName:"Compacts",vId:6,vName:"Fiat Linea Emotion * Diesel*",pic:"frotaCompacto02.png",prices:{1:'62,47',2:'124,95',3:'187,42',4:'249,90',5:'312,37',6:'374,84',7:'437,32',8:'499,79',9:'562,27',10:'624,74',15:'937,11',20:'1 249,48',25:'1 561,85',30:'1 874,22'}},{gId:4,gName:"People Carrier (economic)",vId:84,vName:"Volvo V60 DRIVe * Diesel*",pic:"volvov60f_consult_120x71png_abvux6gfxy.png",prices:{1:'63,18',2:'126,36',3:'189,54',4:'252,72',5:'315,90',6:'379,08',7:'442,26',8:'505,44',9:'568,62',10:'631,80',15:'947,70',20:'1 263,60',25:'1 579,50',30:'1 895,40'}},{gId:26,gName:"Automatic",vId:65,vName:"Audi Q5 TDI S Tronic(Aut) ",pic:"consultarapida_120x71pxpng_7ib7kknzh0.png",prices:{1:'191,39',2:'382,78',3:'574,17',4:'765,56',5:'956,95',6:'1 148,34',7:'1 339,73',8:'1 531,12',9:'1 722,51',10:'1 913,90',15:'2 870,85',20:'3 827,80',25:'4 784,75',30:'5 741,70'}},{gId:5,gName:"Executive",vId:81,vName:"Volvo S60 D3 Momentum *Diesel*",pic:"volvos60_consrapida_120x71png_uvr3dts6d1.png",prices:{1:'115,47',2:'230,95',3:'346,42',4:'461,90',5:'577,37',6:'692,84',7:'808,32',8:'923,79',9:'1 039,27',10:'1 154,74',15:'1 732,11',20:'2 309,48',25:'2 886,85',30:'3 464,22'}},{gId:6,gName:"People Carrier (executive)",vId:49,vName:"Volkswagen Tiguan 4Motion TDI",pic:"consultarapida_120x71pxpng_ccgvnhsczm.png",prices:{1:'115,75',2:'231,50',3:'347,25',4:'463,00',5:'578,75',6:'694,50',7:'810,25',8:'926,00',9:'1 041,75',10:'1 157,50',15:'1 736,25',20:'2 315,00',25:'2 893,75',30:'3 472,50'}},{gId:7,gName:"Premium",vId:85,vName:"Volvo V60 D3 Momentum",pic:"volvov60t_consulrap_120x71png_m2xvpvmko0.png",prices:{1:'120,26',2:'240,52',3:'360,78',4:'481,04',5:'601,30',6:'721,56',7:'841,82',8:'962,08',9:'1 082,34',10:'1 202,60',15:'1 803,90',20:'2 405,20',25:'3 006,50',30:'3 607,80'}},{gId:27,gName:"Suv",vId:86,vName:"Volvo XC60 D3 Suv",pic:"volvoxc60b_consrap_120x71png_o4zlultfme.png",prices:{1:'124,46',2:'248,92',3:'373,38',4:'497,84',5:'622,30',6:'746,76',7:'871,22',8:'995,68',9:'1 120,14',10:'1 244,60',15:'1 866,90',20:'2 489,20',25:'3 111,50',30:'3 733,80'}},{gId:8,gName:"4 x 4",vId:21,vName:"Isuzu 2500 4x4",pic:"frota4x401.png",prices:{1:'135,31',2:'270,62',3:'405,93',4:'541,24',5:'676,55',6:'811,86',7:'947,17',8:'1 082,48',9:'1 217,79',10:'1 353,10',15:'2 029,65',20:'2 706,20',25:'3 382,75',30:'4 059,30'}}]; var el_1 = $('priceSlide'), el_2 = $('daySlide'), total = $('total'), day = dArray[0], cGroup = 0 // Create the new slider instance new Slider(el_1, el_1.getElement('.knob'), { snap: true, wheel: true, steps: 9, // There are 9 steps range: [0], // Minimum value is 10 onChange: function(value){ // Everytime the value changes cGroup = value; updateTotal(); loadImage(value); } }) new Slider(el_2, el_2.getElement('.knob'), { wheel: true, steps: 13, // There are 35 steps range: [0], // Minimum value is 1 onChange: function(value){ // Everytime the value changes day = dArray[value]; updateTotal(); } }) var updateTotal= function(){ // Sets the color of the output text and its text to the current color var t = data[cGroup]['prices'][day]; total.set('text', t + " Euros"); $('bookIt').href = 'rent-a-car/reservaStep1.php?g=' + data[cGroup]['gId'] + '>=1'; } var preloadImages = function(){ var imgFolder = ( -1 != window.location.pathname.search('/en/') ) ? ( '../assets/images/vehicles/consulta_rap/' ) : ( 'assets/images/vehicles/consulta_rap/' ); for(var i in data) { picCars[i] = new Image(); picCars[i].src = imgFolder + data[i]['pic']; } } var loadImage = function(num){ $('labelPic').innerHTML = data[cGroup]['gName']//labelArray[num]; document['carPic'].src = picCars[num].src; document['carPic'].alt = data[cGroup]['vName']; } //Init updateTotal(); preloadImages(); loadImage(0); });