var niceview = {
	id: 0,
	select: false,
	stationSelect: false,
	init: function(id, select, stationSelect) {
		this.id = id;
		this.select = select;
		this.stationSelect = stationSelect || false;
		this.createOverlay();
		this.createNiceview();
		this.showLayers();
		$(window).resize(this.resizeNiceview);
	},
	createOverlay: function() {
		if ($("#overlay").length) $("#overlay").remove();
		var div = document.createElement("div");
		$(div).attr("id", "overlay");
		$(div).css({
			width: '100%',
			height: $(document).height() + 'px',
			top: 0,
			left: 0,
			opacity: 0
		});
		var that = this;
		$(div).click(that.closeLayers);
		$(div).insertBefore($("body :first"));
	},
	createNiceview: function() {
		if ($("#niceview").length) $("#niceview").remove();
		var div = document.createElement("div");
		$(div).attr("id", "niceview");
		$(div).css({
			width: '550px',
			height: '750px',
			top: (($(window).height() - 750) / 2) + $(window).scrollTop() + 'px',
			left: ($(window).width() - 550) / 2 + 'px',
			display: 'none'
		});
		var that = this;
		var niceviewContent = '';
		$.ajax({
			type: "GET",
			url: "/getVehicleXHR.do?id="+that.id,
			cache: false,
			success: function(data) {
				var v = $("Vehicle", data);
				var s = $("Station", data);
				niceviewContent += '<div>';
					niceviewContent += '<p class="close"><a href="javascript:;" onclick="niceview.closeLayers(); return false;">Stäng fönster</a></p>';
					niceviewContent += '<img src="'+v.attr("imagemedium")+'" alt="" />';
					niceviewContent += '<h2>';
					
					if (v.attr("byinquiryonly") == 'true') {
						niceviewContent += v.attr("model") + " mot förfrågan";
					} else {
						niceviewContent += v.attr("model") + " eller motsvarande";
					}
					
					niceviewContent += '</h2>';
					niceviewContent += '<table>';
						niceviewContent += '<tr>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Bränsleförbrukning';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("fuelconsumption");
							niceviewContent += '</td>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Dragkrok';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("hashitchball") == 'true' ? '<img src="/gui/images/niceviewCheck.gif" alt="" />' : '<img src="/gui/images/niceviewUncheck.gif" alt="" />';
							niceviewContent += '</td>';
						niceviewContent += '</tr>';

						niceviewContent += '<tr>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Drivning';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								if (v.attr("wheeldrivetype") == 'front') {
									niceviewContent += 'Framhjulsdriven';
								} else if (v.attr("wheeldrivetype") == 'back') {
									niceviewContent += 'Bakhjulsdriven';
								} else if (v.attr("wheeldrivetype") == 'four') {
									niceviewContent += '4-hjulsdriven';
								} else if (v.attr("wheeldrivetype") == 'NA') {
									niceviewContent += 'NA';
								}
							niceviewContent += '</td>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Takmontering';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("canmountonroof") == 'true' ? '<img src="/gui/images/niceviewCheck.gif" alt="" />' : '<img src="/gui/images/niceviewUncheck.gif" alt="" />';
							niceviewContent += '</td>';
						niceviewContent += '</tr>';
						niceviewContent += '<tr>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Antal platser';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("passengers");
							niceviewContent += '</td>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Inbyggd GPS';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("hasbuiltingps") == 'true' ? '<img src="/gui/images/niceviewCheck.gif" alt="" />' : '<img src="/gui/images/niceviewUncheck.gif" alt="" />';
							niceviewContent += '</td>';
						niceviewContent += '</tr>';

						niceviewContent += '<tr>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Dörrar';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("doors");
							niceviewContent += '</td>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Automat';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("hasautomatictransmission") == 'true' ? '<img src="/gui/images/niceviewCheck.gif" alt="" />' : '<img src="/gui/images/niceviewUncheck.gif" alt="" />';
							niceviewContent += '</td>';
						niceviewContent += '</tr>';

						niceviewContent += '<tr>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Små väskor';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("smallbags");
							niceviewContent += '</td>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Antispinnsystem';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("hastractioncontrol") == 'true' ? '<img src="/gui/images/niceviewCheck.gif" alt="" />' : '<img src="/gui/images/niceviewUncheck.gif" alt="" />';
							niceviewContent += '</td>';
						niceviewContent += '</tr>';

						niceviewContent += '<tr>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Stora väskor';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("bigbags");
							niceviewContent += '</td>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Miljöbil';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("isecocar") == 'true' ? '<img src="/gui/images/niceviewCheck.gif" alt="" />' : '<img src="/gui/images/niceviewUncheck.gif" alt="" />';
							niceviewContent += '</td>';
						niceviewContent += '</tr>';

						niceviewContent += '<tr>';
							niceviewContent += '<td class="label">';
								niceviewContent += '&nbsp;';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += '&nbsp;';
							niceviewContent += '</td>';
							niceviewContent += '<td class="label">';
								niceviewContent += 'Diesel';
							niceviewContent += '</td>';
							niceviewContent += '<td>';
								niceviewContent += v.attr("isdiesel") == 'true' ? '<img src="/gui/images/niceviewCheck.gif" alt="" />' : '<img src="/gui/images/niceviewUncheck.gif" alt="" />';
							niceviewContent += '</td>';
						niceviewContent += '</tr>';
					niceviewContent += '</table>';
					niceviewContent += '<p class="infoText">Bilden visar en '+ v.attr("model") +'. Färger, fälgar, utrustning och kombinationer kan variera. <br />Vi reserverar oss för eventuella skillnader mellan fordonet på bilden, och reserverat fordon på station.</p>';
					if (that.stationSelect == true) {
						niceviewContent += '<label for="select'+v.attr("id")+'">Bilen finns på följande station(er)</label>';
						niceviewContent += '<select class="niceviewSelectList" name="select'+v.attr("id")+'" id="select'+v.attr("id")+'">';
						$(s).each(function(i) {
							if ($("#station").val() == $(this).attr("extid")) {
								niceviewContent += '<option value="'+$(this).attr("extid")+'" selected="selected">' + $(this).attr("name") + '</option>';
							} else {
								niceviewContent += '<option value="'+$(this).attr("extid")+'">' + $(this).attr("name") + '</option>';
							}
						});
						niceviewContent += '</select>';
					}
					if (that.select == true) {
						if (v.attr("byinquiryonly") == 'true') {
							var queryOnly = "Denna bil kan endast bokas mot förfrågan. Vänligen fullfölj din bokning och invänta kontakt alternativt bekräftelse från oss att vi garanterar den valda bilen under önskad period.";
							niceviewContent += "<div class=\"select\"><a href=\"javascript:;\" onclick=\"alert('"+queryOnly+"'); setVehicle("+v.attr("id")+"); return false;\">Välj</a></div>";
						} else {
							niceviewContent += "<div class=\"select\"><a href=\"javascript:;\" onclick=\"setVehicle("+v.attr("id")+"); return false;\">Välj</a></div>";
						}
					}
				niceviewContent += '</div>';
				$(div).html(niceviewContent);
			},
			error: function() {
				alert("Couldn\'t get vehicle!");
			}
		});
		$(div).insertBefore($("body :first"));
		
	},
	resizeNiceview: function() {
		if ($("#niceview").length) {
			$("#niceview").animate({
				top: (($(window).height() - 700) / 2) + $(window).scrollTop() + 'px',
				left: ($(window).width() - 550) / 2 + 'px'
			});
		}
	},
	showLayers: function() {
		if ($("#overlay").length && $("#niceview").length) {
			$("#overlay").fadeTo("slow", .75, function() {
				$("#niceview").slideDown();
				$("select").each(function(i) {
					if (!$(this).hasClass("niceviewSelectList")) $(this).hide();
				});
			});
		}
	},
	closeLayers: function() {
		if ($("#overlay").length && $("#niceview").length) {
			$("#overlay").fadeOut(function() {
				$("#niceview").slideUp();
				$("select").each(function(i) {
					if (!$(this).hasClass("niceviewSelectList")) $(this).show();
				});
			});
		}
	}
};