var formElements = new Array(
	"#s_merk_id",
	"#s_internet_browser",
	"#s_bluetooth",
	"#s_camera",
	"#s_mp3",
	"#s_fmradio",
	"#s_toestelvorm"
);

function initZoeken() {
	for (var i = 0; i < formElements.length; ++i) {
		$(formElements[i]).bind("change", null, submitSearchMobiel);
	}
}

function submitSearchMobiel() {
	var data = $("#zoekenForm").serialize();

	for (var i = 0; i < formElements.length; ++i) {
		$(formElements[i]).attr("disabled", "disabled");
	}

	$.post("ajax/search", data, function (data, textStatus) {
		$("#zoekenResults").html('');
		$("#zoekenRedefine").html('');

		if (data.length == 25) {
			$("#zoekenRedefine").html('<p>Verfijn uw zoekopdracht. Er zijn op dit moment meer dan 25 telefoons gevonden. De eerste 25 worden weergegeven.');
		}

		for (var i = 0; i < data.length; ++i) {
			$("#zoekenResults").html($("#zoekenResults").html() + "\n" +
'					<div class="zoekentelefoonBox">' + "\n" +
'			 			<div class="zoekentelefoonimage">' + "\n" +
'							<a href="' + data[i]['merk_url'] + '/' + data[i]['telefoon_url'] + '"><img src="' + data[i]['image'] + '" alt="" /></a>' + "\n" +
'						</div>' + "\n" +
'						<div class="zoekentelefooninformatie">' + "\n" +
'							<h2><a href="' + data[i]['merk_url'] + '/' + data[i]['telefoon_url'] + '">' + data[i]['merknaam'] + ' ' + data[i]['titel'] + '</a></h2>' + "\n" +
'							<ul>' + "\n" +
'								<li>' + data[i]['introductiedatum'] + '</li>' + "\n" +
'								<li>' + data[i]['toestelvorm'] + '</li>' + "\n" +
'								<li><img src="images/gewicht.gif" alt=""> ' + data[i]['gewicht'] + '</li>' + "\n" +
'							</ul>' + "\n" +
'							<ul>' + "\n" +
'								<li><img src="images/camera.gif" alt=""> ' + data[i]['camera'] + '</li>' + "\n" +
'								<li><img src="images/bluetooth.gif" alt=""> ' + data[i]['bluetooth'] + '</li>' + "\n" +
'								<li> - minuten</li>' + "\n" +
'							</ul> ' + "\n" +
'							<a href="' + data[i]['merk_url'] + '/' + data[i]['telefoon_url'] + '">Bekijk alle specificaties van deze mobiel</a>' + "\n" +
'						</div>' + "\n" +
'					</div>');
		}
	}, 'json');

	for (var i = 0; i < formElements.length; ++i) {
		$(formElements[i]).removeAttr("disabled");
	}
}

$(document).ready(initZoeken);