// JavaScript Document
var myProxy = new motorplusplanbanner();
myProxy.setErrorHandler(handleError);
myProxy.setCallbackHandler(handleResult);

function handleResult(jsondata) {
if (jsondata == 0) {
	//alert (jsondata);
window.document.getElementById("gevondenmotoren").innerHTML = "<span class='nietsgevonden'><br />Geen motoren gevonden.</span>";
return true;
}
else {	
var columnMap = {}
		
		for (var i = 0; i < jsondata.COLUMNS.length; i++) {
			columnMap[jsondata.COLUMNS[i]] = i	
		}

		var str = "<table width='596px'><tr>"
		
		for (var i = 0; i < jsondata.DATA.length; i++) {
			str += "<td><table class='bannertables'>"
			str += "<tr><td nowrap class='bannermotortoptekst'>" +jsondata.DATA[i][columnMap.FCMAKE] + "<br/>" + jsondata.DATA[i][columnMap.FCTYPE]+  "</td></tr><tr><td class='subbannertekst'>"
			
			//str += "<img class='bannermotorimage' src='"+jsondata.DATA[i][columnMap.CIMAGE]+"'</img>"
			str += "<a href='#' title='" +jsondata.DATA[i][columnMap.FCMAKE] + "&nbsp;" + jsondata.DATA[i][columnMap.FCTYPE]+ "' alt='' id='"+jsondata.DATA[i][columnMap.CIMAGEGROOT]+"' onclick='viewLargerImage(this);' border='0'>"
			str += "<img class='bannermotorimage' border='0' src='"+jsondata.DATA[i][columnMap.CIMAGE]+"'</img></a>"
			str += "&euro;&nbsp;"+jsondata.DATA[i][columnMap.FNPRICE] + "<br />"
			str += "&euro;&nbsp;" +jsondata.DATA[i][columnMap.FNMONTHLY] + "&nbsp;per mnd<br />"
			str += "&euro;&nbsp;" +jsondata.DATA[i][columnMap.FNDAILY] + "&nbsp;per dag"
			
			str += "<br /><a href='/occasions/Details.cfm?nDealerID=&nMotorID=" +jsondata.DATA[i][columnMap.FNMOTORID]+ "&nDataSourceID=" +jsondata.DATA[i][columnMap.FNDATASOURCEID]+ "' class='bannermotorlink' target='_self'>Bekijk deze motor</a></td></tr></table></td>"
		}
		
		str += "</tr></table>"
		window.document.getElementById("gevondenmotoren").innerHTML = str;

}
	}

function handleError(code,msg) {
	alert('Status Code: '+code+'\n'+'Message: '+msg);
}

function runProxy() {
	var nMonthlyLow = $("#maandbedragen").slider("values", 0);
	var nMonthlyHigh = $("#maandbedragen").slider("values", 1);
	window.document.getElementById("nMaandlaag").innerHTML = "van: &euro;&nbsp;" + nMonthlyLow;
	window.document.getElementById("nMaandhoog").innerHTML = "&nbsp;tot: &euro;&nbsp;" + nMonthlyHigh;
	var nMakeID = window.document.getElementById("nMakeID").value;
	window.document.getElementById("uitgebreidzoeken").innerHTML = "<a href='/occasions/index.cfm?nMakeID=" + nMakeID + "&nMonthlyLow="  + nMonthlyLow + "&nMonthlyHigh=" + nMonthlyHigh + "' target='_self'>Uitgebreid zoeken >>></a>";
	
	
	var result = myProxy.getOccasionsForBanner(nMonthlyLow,nMonthlyHigh,nMakeID);
	runProxy2();
	}

	$(function() {
		$("#maandbedragen").slider({
			range: true,
			min: 0,
			max: 500,
			values: [0, 500],
			slide: function(event, ui) {
				$("#maandbedrag").val('$' + ui.values[0] + ' - $' + ui.values[1]);
				window.document.getElementById("nMaandlaag").innerHTML = "van: &euro;&nbsp;" + ui.values[0];
				window.document.getElementById("nMaandhoog").innerHTML = "&nbsp;tot: &euro;&nbsp;" + ui.values[1];
			},			
			stop:  function() {
				window.document.getElementById("gevondenmotoren").innerHTML = "<span class='bezigmetzoeken'><br />De motoren worden gezocht ...</span>";
				runProxy();				
			}
			
		});
		$("#maandbedrag").val('$' + $("#maandbedragen").slider("values", 0) + ' - $' + $("#maandbedragen").slider("values", 1));
	});
	

var myProxy2 = new motorplusplanbanner2();
myProxy2.setErrorHandler(handleError2);
myProxy2.setCallbackHandler(handleResult2);

function handleResult2(s) {
if (s.JSONDATA2 == 1) {	
window.document.getElementById("gevondenmotoren2").innerHTML = "<strong>" + s.JSONDATA2 +"</strong>&nbsp;motor gevonden!";
}
else {
window.document.getElementById("gevondenmotoren2").innerHTML = "<strong>" + s.JSONDATA2 +"</strong>&nbsp;motoren gevonden!"; }
}

function handleError2(code,msg) {
	alert('Status Code: '+code+'\n'+'Message: '+msg);
}

function runProxy2() {
	var nMonthlyLow = $("#maandbedragen").slider("values", 0);
	var nMonthlyHigh = $("#maandbedragen").slider("values", 1);
	var nMakeID = window.document.getElementById("nMakeID").value;
	var result2 = myProxy2.getOccasionsForBanner2(nMonthlyLow,nMonthlyHigh,nMakeID);}