var order_data = new Array();
var order_items = new Array();
var ieversion = 0;

var is_mouse_over_slide = false;

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
	 ieversion = new Number(RegExp.$1);
}

$(document).ready(function() {	
	// check if mouser leaves window ad should be displayed
	/*$(document).mouseleave(function(e) {
		//if(window.location == "http://www.mestne-dereze.com/narocilo1")
		if(e.pageY - $(document).scrollTop() <= 0 && e.pageX > 10 && e.pageY < $(window).width() - 10) {
			$.ajax({
				url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
				type: "POST",
				data: "action=check_mouse_ad_display&url=" + window.location,
				async: true,
				success: function(data) {
					if(data == 1) {
						// prepare close link
						var close_link = "<div class='pregled-notification-button'>" +
						"<a href='' title='Zapri okno' class='pregled-change pregled-notification_close'>Zapri okno</a>" + 
						"</div><div class='clear'></div>";
						
						notification_overlay = "<div id='pregled-notification_overlay' class='pregled-modal-overlay pregled-notification_close'></div>";
						notification_container = "<div id='pregled-notification_container'></div>";
						notification = "<div class='pregled-notification-ww-top'></div>";
						notification += "<div class='pregled-notification-ww-middle'>" +
								"<div class='pregled-notification-ww-title'>Samo trenutek, preden greste ...</div>" +
								"<div class='pregled-notification-ww-text'>" +
								"<strong>Ste vedeli:</strong> zaradi pomladih temperatur v zadnjih dneh vam <br />Le <strong>do 25.2.</strong> nudimo poseben <strong>20% popust</strong> na dereze, pri naročilu dveh ali več parov pa vam ne zaračunamo stroška poštnine." +
								"</div><div class='pregled-notification-ww-text'>Poznate vremensko napoved?</div><div id='weather_widget_container'>";
						notification += "</div></div>";
						notification += "<div class='pregled-notification-ww-bottom'></div>";
						
						$("body").append(notification_overlay); //.css("overflow", "auto");
						$("body").append(notification_container);
						$("#pregled-notification_container").css("width", "450px").html(notification);
						
						// calculate position
						top_value = ($(window).height() - $("#pregled-notification_container").height()) / 2 + $(window).scrollTop();
						left_value = ( $(window).width() - 450) / 2 + $(window).scrollLeft();
						
						top_value_overlay = $(window).scrollTop() + "px";
						$("body").css("overflow", "hidden");
						if(ieversion == 6) {
							$("body").css("overflow", "visible");
							top_value_overlay = "0px";
						}
						
						// show notification
						$('#pregled-notification_overlay').css({opacity: "0.2", top: top_value_overlay}).fadeIn(500);
						$('#pregled-notification_container').css({top: top_value + "px", left: left_value + "px"}).fadeIn(500, function() {
							$("#weather_widget_container").html("<iframe style='border: none; margin: 10px auto 10px auto; padding: 0;' src ='http://www.mestne-dereze.com/wp-content/themes/dereze/actions/weather_widget.php' width='410' height='280'></iframe>");
						
						});
						
						// function_array
						$(".pregled-notification_close").unbind("click").click(function() {});
						
						updateListeners();
					}
				}
			});
		}
	});*/
	
	// check if ad should be displayed
	/*setInterval(function() {
		$.ajax({
			url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
			type: "POST",
			data: "action=check_ad_display&url=" + window.location,
			async: true,
			success: function(data) {
				var data_array = data.split("@@");
				if(data_array[0] == 1) {
					// prepare close link
					var close_link = "<div class='pregled-notification-button'>" +
					"<a href='' title='Zapri okno' class='pregled-change pregled-notification_close'>Zapri okno</a>" + 
					"</div><div class='clear'></div>";
					
					notification_overlay = "<div id='pregled-notification_overlay' class='pregled-modal-overlay'></div>";
					notification_container = "<div id='pregled-notification_container'></div>";
					//notification = "<img class='pregled-notification_close' src='http://www.mestne-dereze.com/wp-content/themes/dereze/img/popust.png' />";
					notification = "<img class='pregled-notification_close' src='" + data_array[1] + "' />";		
						
					$("body").append(notification_overlay); //.css("overflow", "auto");
					$("body").append(notification_container);
					$("#pregled-notification_container").css("width", "350px").html(notification);
					
					// calculate position
					top_value = ($(window).height() - 250) / 2 + $(window).scrollTop();
					left_value = ( $(window).width() - 300) / 2 + $(window).scrollLeft();
					
					top_value_overlay = $(window).scrollTop() + "px";
					$("body").css("overflow", "hidden");
					if(ieversion == 6) {
						$("body").css("overflow", "visible");
						top_value_overlay = "0px";
					}
					
					// show notification
					$('#pregled-notification_overlay').css({opacity: "0.2", top: top_value_overlay}).fadeIn(500);
					$('#pregled-notification_container').css({top: top_value + "px", left: left_value + "px"}).fadeIn(500);
					
					// function_array
					$(".pregled-notification_close").unbind("click").click(function() {});
					
					updateListeners();
				}
			}
		});
	}, 10000);*/
	
	if($("#narocilo_button_handle").size() > 0)
		$(document).scrollTop(260);
	
	$(".ponudba_slide_down_handle").mouseenter(function() {
		$(".ponudba_slide_down").show();
	});
	$(".ponudba_slide_down_handle").mouseleave(function() {
		$(".ponudba_slide_down").hide();
	});	
	
	$("input[name=nacin_placila]").click(function() {
		if($(this).val() == 2)
			$("#fsield10054015").addClass("fsRequired");
		else {
			$("#fsield10054015").removeClass("fsRequired");
			$("#fsield10054015").parent().removeClass("fsValidationError");
		}
	});
	
	$(".narocilo-qty-select").change(function() {
		calculate_order_price();
		
		var this_qty = $(this).val();
		
		var checkbox = $(this).parent().prev().children("input").eq(0);
		if(!checkbox.is(":checked") && this_qty > 0)
			checkbox.attr("checked", true);
		else if(checkbox.is(":checked") && this_qty == 0)
			checkbox.attr("checked", false);
	});
	
	$(".narocilo_checkbox_handle").click(function() {
		var select = $(this).parent().next().children("select").eq(0);
		
		if(!$(this).is(":checked")) {
			select.val(0);
		} else {
			select.val(1);
		}
		
		calculate_order_price();
	});
	
	$("#preveri-kodo").click(function() {
		var koda = $("#promo_koda").val();
		var type = "";
		var value = 0;
	
		$.post("http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php", {action: "check_code", code: koda}, function(data) {
			if(data != "0") {
				var result = data.split("@");
				if(result[0] == "p") {
					type = "p";
					value = result[1];
				} else {
					type = "v";
					value = result[1];
				}
				
				$("#promo_koda").attr("readonly", true);
				$("#koda-type").val(type);
				$("#koda-value").val(value);
				
				$(".narocilo-qty-select").eq(0).trigger("change");
				showNotification("green", "Koda je veljavna", "Vpisali ste veljavno kodo. Popust bo ustrezno upoštevan.", function() {});
			} else {
				$("#promo_koda").val("");
				showNotification("red", "Koda je neveljavna ali pa ne obstaja", "Vpisali ste kodo, ki ni veljavna, ali pa ne obstaja.", function() {});
			}
		});
	});
	
	/**
	 *  PREGLED NAROČILA
	 */
	
	$(".handle_spremeni_racun").click(function(e) {
		e.preventDefault();
		
		var orderid = $(this).attr("id");

		$.ajax({
			url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
			type: "POST",
			data: "action=get_racun_data&id=" + orderid,
			async: false,
			success: function(data) {
				order_data = $.parseJSON(data);
			}
		});
		
		form = "Ime: <input type='text' id='obrazec_racun_ime' value='" + order_data['ime'] + "' /><br />" +
				"Priimek: <input type='text' id='obrazec_racun_priimek' value='" + order_data['priimek'] + "' /><br />" +
			 	"Naziv podjetja: <input type='text' id='obrazec_racun_naziv_podjetja' value='" + order_data['naziv_podjetja'] + "' /><br />" +
				"Davčna številka: <input type='text' id='obrazec_racun_davcna' value='" + order_data['davcna'] + "' /><br />" +
			 	"Ulica in hišna številka: <input type='text' id='obrazec_racun_naslov' value='" + order_data['naslov'] + "' /><br />" +
				"Poštna številka in pošta: <input type='text' id='obrazec_racun_posta' value='" + order_data['posta'] + "' /><br /><br />" +
				"Telefon: <input type='text' id='obrazec_racun_tel' value='" + order_data['tel'] + "' /><br />" +
				"Email: <input type='text' id='obrazec_racun_email' value='" + order_data['email'] + "' /><br /><br />" +
				"Način plačila: <br />" +
				"<input type='radio' name='obrazec_racun_nacin_placila' value='1'"; if(order_data['nacin_placila'] == 1) form += " checked='checked'"; form += " /> Po povzetju - Pošta Slovenije<br />" +
				"<input type='radio' name='obrazec_racun_nacin_placila' value='2'"; if(order_data['nacin_placila'] == 2) form += " checked='checked'"; form += " /> Spletna banka - placilni nalog BN02<br /><br />" +
				"<input type='button' id='obrazec_racun_submit' class='" + orderid + "' value='Shrani spremembe' />";
		
		showNotification("green", "Spremeni podatke za račun", form, function() {});
	});
	
	$(".handle_spremeni_dostavo").click(function(e) {
		e.preventDefault();
		
		var orderid = $(this).attr("id");
		$.ajax({
			url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
			type: "POST",
			data: "action=get_racun_data&id=" + orderid,
			async: false,
			success: function(data) {
				order_data = $.parseJSON(data);
			}
		});
	
		form = "Naziv podjetja: <input type='text' id='obrazec_dostava_naziv_podjetja' value='" + order_data['naziv_podjetja_dostava'] + "' /><br />" +
				"Ime: <input type='text' id='obrazec_dostava_ime' value='" + order_data['ime_dostava'] + "' /><br />" +
				"Priimek: <input type='text' id='obrazec_dostava_priimek' value='" + order_data['priimek_dostava'] + "' /><br />" +
				"Ulica in hišna številka: <input type='text' id='obrazec_dostava_naslov' value='" + order_data['naslov_dostava'] + "' /><br />" +
				"Poštna številka in pošta: <input type='text' id='obrazec_dostava_posta' value='" + order_data['posta_dostava'] + "' /><br /><br />" +
				"<input type='button' id='obrazec_dostava_submit' class='" + orderid + "' value='Shrani spremembe' />";
		
		showNotification("green", "Spremeni podatke za dostavo", form, function() {});
	});
	
	$("#narocilo_dodaj_gamase").click(function() {
		var orderid = $(this).attr("class");
		
		if($(this).is(":checked")) {
			var form = "<input type='hidden' id='narocilo_dodaj_gamase_orderid' value='" + orderid + "' />" +
				"<span style='color: #39b44a;'><strong>Če želite k naročilu derez dodati še Gamaše Berghaus Glacier, izpolnite spodnji obrazec.</strong></span><br/><br />" +
				"<strong>Naročam gamaše Berghaus Glacier (32,00 € / par)</strong><br />" +
				"velikost S/M (36-42), število parov: <select id='narocilo_dodaj_gamase_small'>" +
				"<option value='0'>izberite</option>" +
				"<option value='1'>1 par</option>" +
				"<option value='2'>2 para</option>" +
				"<option value='3'>3 pari</option>" +
				"<option value='4'>4 pari</option>" +
				"<option value='5'>5 parov</option>" +
				"</select><br />" +
				"velikost L/XL (43-46), število parov: <select id='narocilo_dodaj_gamase_large'>" +
				"<option value='0'>izberite</option>" +
				"<option value='1'>1 par</option>" +
				"<option value='2'>2 para</option>" +
				"<option value='3'>3 pari</option>" +
				"<option value='4'>4 pari</option>" +
				"<option value='5'>5 parov</option>" +
				"</select><br /><br />" +
				"Za potrditev izbire kliknite na gumb Dodaj<br />" +
				"<input type='button' id='narocilo_dodaj_gamase_submit' value='Dodaj' />";
			
			showNotification("green", "Gamaše Berghaus Glacier - naročilo", form, function() { $("#narocilo_dodaj_gamase").attr("checked", false); });
		} else {
			$.ajax({
				url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
				type: "POST",
				data: "action=narocilo_odstrani_gamase&orderid=" + orderid,
				async: false,
				success: function(data) {
					location.reload();
				}
			});
		}
	});
	
	$("#narocilo_dodaj_svetilko").click(function() {
		var orderid = $(this).attr("class");
		
		if($(this).is(":checked")) {
			form = "<input type='hidden' id='narocilo_dodaj_svetilko_orderid' value='" + orderid + "' />" +
				"<span style='color: #39b44a;'><strong>Če želite k naročilu derez dodati še Čelno svetilko Petzl Tikka 2, izpolnite spodnji obrazec.</strong></span><br/><br />" +
				"<strong>Naročam čelno svetilko Petzl Tikka 2 (23,00 € / svetilko)</strong><br />" +
				"temno siva/zelena barva, število kosov: <select id='narocilo_dodaj_svetilko_count'>" +
				"<option value='0'>izberite</option>" +
				"<option value='1'>1 svetilka</option>" +
				"<option value='2'>2 svetilki</option>" +
				"<option value='3'>3 svetilke</option>" +
				"<option value='4'>4 svetilke</option>" +
				"<option value='5'>5 svetilk</option>" +
				"</select><br /><br />" +
				"Za potrditev izbire kliknite na gumb Dodaj<br />" +
				"<input type='button' id='narocilo_dodaj_svetilko_submit' value='Dodaj' />";
			
			showNotification("green", "Čelna svetilka Petzl Tikka 2 - naročilo", form, function() { $("#narocilo_dodaj_svetilko").attr("checked", false); });
		} else {
			$.ajax({
				url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
				type: "POST",
				data: "action=narocilo_odstrani_svetilko&orderid=" + orderid,
				async: false,
				success: function(data) {
					location.reload();
				}
			});
		}
	});
	
	$("#narocilo_dodaj_blazinice").click(function() {
		var orderid = $(this).attr("class");
		
		if($(this).is(":checked")) {
			var form = "<input type='hidden' id='narocilo_dodaj_blazinice_orderid' value='" + orderid + "' />" +
				"<span style='color: #39b44a;'><strong>Če želite k naročilu derez dodati še Grelne blazinice Little Hotties, izpolnite spodnji obrazec.</strong></span><br/><br />" +
				"<strong>Naročam Grelne blazinice Little Hotties (od 13,00 € / komplet)</strong><br />" +
				"za roke, 10 parov v kompletu, število kompletov: <select id='narocilo_dodaj_blazinice_roke'>" +
				"<option value='0'>izberite</option>" +
				"<option value='1'>1 komplet</option>" +
				"<option value='2'>2 kompleta</option>" +
				"<option value='3'>3 kompleti</option>" +
				"<option value='4'>4 kompleti</option>" +
				"<option value='5'>5 kompletov</option>" +
				"</select><br />" +
				"za noge, 10 parov v kompletu, število kompletov: <select id='narocilo_dodaj_blazinice_noge'>" +
				"<option value='0'>izberite</option>" +
				"<option value='1'>1 komplet</option>" +
				"<option value='2'>2 kompleta</option>" +
				"<option value='3'>3 kompleti</option>" +
				"<option value='4'>4 kompleti</option>" +
				"<option value='5'>5 kompletov</option>" +
				"</select><br /><br />" +
				"Za potrditev izbire kliknite na gumb Dodaj<br />" +
				"<input type='button' id='narocilo_dodaj_blazinice_submit' value='Dodaj' />";
			
			showNotification("green", "Grelne blazinice Little Hotties - naročilo", form, function() { $("#narocilo_dodaj_blazinice").attr("checked", false); });
		} else {
			$.ajax({
				url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
				type: "POST",
				data: "action=narocilo_odstrani_blazinice&orderid=" + orderid,
				async: false,
				success: function(data) {
					location.reload();
				}
			});
		}
	});
	
	$(".handle_spremeni_narocilo").click(function(e) {
		e.preventDefault();
		
		var orderid = $(this).attr("id");
		$.ajax({
			url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
			type: "POST",
			data: "action=get_racun_data&id=" + orderid,
			async: false,
			success: function(data) {
				order_data = $.parseJSON(data);
			}
		});

		$.ajax({
			url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
			type: "POST",
			data: "action=get_racun_items&id=" + orderid,
			async: false,
			success: function(data) {
				order_items = $.parseJSON(data);
			}
		});
		var next_count = 0;
		var i = 0;
		
		// ženske dereze
		var form = "<input type='hidden' id='spremeni_narocilo_orderid' value='" + orderid + "' />" + 
				"<span style='color: #0076A3; font-weight: bold;'>WinterTrax ženske, črne (12,00 € / par)</span><br />" +
				"<span style='color: #777777; font-size: 11px;'>Dereze za čevlje s petko za priložnostno uporabo – sprehod do službe …</span><br /><br />" +
				"<input type='checkbox' value='WinterTrax' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "WinterTrax") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> Ženske (38-42, dolžina podplata 26-29,5 cm) <select id='WinterTrax' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br /><br />";
		
		// moške dereze
		form += "<span style='color: #0076A3; font-weight: bold;'>YakTrax Walker, črne (18,00 € / par)</span><br />" +
				"<span style='color: #777777; font-size: 11px;'>Dereze za pogostejšo uporabo – dnevni sprehodi, sprehajanje psa …</span><br /><br />" +
				"<input type='checkbox' value='YakTrax_XS' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "YakTrax_XS") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> XSMALL (33-37, dolžina podplata 22-25,5 cm) <select id='YakTrax_XS' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br />";
		
		form += "<input type='checkbox' value='YakTrax_S' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "YakTrax_S") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> SMALL (38-42, dolžina podplata 26-29,5 cm) <select id='YakTrax_S' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br />";
		
		form += "<input type='checkbox' value='YakTrax_M' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "YakTrax_M") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> MEDIUM (43-45, dolžina podplata 30-33,5 cm) <select id='YakTrax_M' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br />";
		
		form += "<input type='checkbox' value='YakTrax_L' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "YakTrax_L") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> LARGE (46-48, dolžina podplata 34-37,5 cm) <select id='YakTrax_L' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br /><br />";
		
		// moške PRO dereze
		form += "<span style='color: #0076A3; font-weight: bold; margin-top: 20px;'>YakTrax Pro, črne (23,00 € / par)</span><br />" +
				"<span style='color: #777777; font-size: 11px;'>Dereze za zimsko rekreacijo – pohodništvo, tek, nordijska hoja …</span><br /><br />" +
				"<input type='checkbox' value='YakTraxPro_S' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "YakTraxPro_S") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> SMALL (38-42, dolžina podplata 26-29,5 cm) <select id='YakTraxPro_S' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br />";
		
		form += "<input type='checkbox' value='YakTraxPro_M' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "YakTraxPro_M") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> MEDIUM (43-45, dolžina podplata 30-33,5 cm) <select id='YakTraxPro_M' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br />";
		
		form += "<input type='checkbox' value='YakTraxPro_L' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "YakTraxPro_L") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> LARGE (46-48, dolžina podplata 34-37,5 cm) <select id='YakTraxPro_L' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br />";
		
		form += "<input type='checkbox' value='YakTraxPro_XL' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "YakTraxPro_XL") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> XLARGE (48+,  dolžina podplata 38+ cm) <select id='YakTraxPro_XL' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br /><br />";
		
		// gamaše
		form += "<span style='color: #0076A3; font-weight: bold; margin-top: 20px;'>Gamaše Berghaus Glacier (32,00 € / par)</span><br /><br />" +
				"<input type='checkbox' value='gamase_small' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "gamase_small") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> velikost S/M (36-42), število parov: <select id='gamase_small' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br />";
		
		form += "<input type='checkbox' value='gamase_large' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "gamase_large") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> velikost L/XL (43-46), število parov: <select id='gamase_large' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 par</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 para</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 pari</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 pari</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 parov</option>";
		form += "</select><br /><br />";
		
		// svetilka
		form += "<span style='color: #0076A3; font-weight: bold; margin-top: 20px;'>Čelna svetilka Petzl Tikka 2 (23,00 € / svetilko)</span><br /><br />" +
				"<input type='checkbox' value='svetilka' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "svetilka") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> temno siva/zelena barva, število kosov: <select id='svetilka' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 svetilka</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 svetilki</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 svetilke</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 svetilke</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 svetilk</option>";
		form += "</select><br /><br />";
		
		// grelne blazinice
		form += "<span style='color: #0076A3; font-weight: bold; margin-top: 20px;'>Grelne blazinice Little Hotties (od 13,00 € / komplet)</span><br /><br />" +
				"<input type='checkbox' value='grelne_blazinice_roke' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "grelne_blazinice_roke") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
		form += "> za roke, 10 parov v kompletu, število kompletov: <select id='grelne_blazinice_roke' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 komplet</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 kompleta</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 kompleti</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 kompleti</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 kompletov</option>";
		form += "</select><br />";
		
		form += "<input type='checkbox' value='grelne_blazinice_noge' class='spremeni_narocilo_checkbox_handle' ";
		next_count = 0;
		for(i = 0; i < order_items.length; i++) { if(order_items[i]['item'] == "grelne_blazinice_noge") { form += "id='" + order_items[i]['itemorderid'] + "' checked='true'"; next_count = order_items[i]['qty']; } }
			form += "> za noge, 10 parov v kompletu, število kompletov: <select id='grelne_blazinice_noge' class='switch_checkbox'>";
			form += "<option value='0'"; if(next_count == 0) form += " selected='true'"; form += ">izberite količino</option>";
			form += "<option value='1'"; if(next_count == 1) form += " selected='true'"; form += ">1 komplet</option>";
			form += "<option value='2'"; if(next_count == 2) form += " selected='true'"; form += ">2 kompleta</option>";
			form += "<option value='3'"; if(next_count == 3) form += " selected='true'"; form += ">3 kompleti</option>";
			form += "<option value='4'"; if(next_count == 4) form += " selected='true'"; form += ">4 kompleti</option>";
			form += "<option value='5'"; if(next_count == 5) form += " selected='true'"; form += ">5 kompletov</option>";
		form += "</select><br /><br />";
		
		form += "<input type='button' id='spremeni_narocilo_submit' value='Shrani spremembe' />";
		
		showNotification("green", "Spremeni vsebino naročila", form, function() {});
	});
});

function showNotification(type, title, data, function_on_close) {
	// initialization
	var notification_overlay = "";
	var notification_container = "";
	var notification = "";
	var top_value = 0;
	var left_value = 0;
	var container_width = 550;
	var reload_class = "";
	var temp_scroll = 0;
	
	// prepare close link
	var close_link = "<div class='pregled-notification-button'>" +
	"<a href='' title='Zapri okno' class='pregled-change pregled-notification_close'>Zapri okno</a>" + 
	"</div><div class='clear'></div>";
	
	// prepare notification
	notification_overlay = "<div id='pregled-notification_overlay' class='pregled-modal-overlay pregled-notification_close'></div>";
	notification_container = "<div id='pregled-notification_container' class='" + reload_class + "'></div>";
	notification = "<div class='pregled-notification-" + type + "-top'>" + title + "</div>";
	notification += "<div class='pregled-notification-" + type + "-middle'>" + data + close_link + "</div>";
	notification += "<div class='pregled-notification-" + type + "-bottom'></div>";
	
	// append notification html 
	// to je error
	$("body").append(notification_overlay); //.css("overflow", "auto");
	$("body").append(notification_container);
	$("#pregled-notification_container").css("width", container_width + "px").html(notification);
	
	// calculate position
	top_value = ($(window).height() - $("#pregled-notification_container").height()) / 2 + $(window).scrollTop();
	left_value = ( $(window).width() - container_width ) / 2 + $(window).scrollLeft();
	
	// fix values
	if(top_value < 10 + $(document).scrollTop())
		top_value = 10 + $(document).scrollTop();
	if($("#pregled-notification_container").height() + 10 < $(window).height()) {
		top_value_overlay = $(window).scrollTop() + "px";
		$("body").css("overflow", "hidden");
		if(ieversion == 6) {
			$("body").css("overflow", "visible");
			top_value_overlay = "0px";
			temp_scroll = $(document).scrollTop() - (($(window).height() - $("#pregled-notification_container").height()) / 2) - 50;
			$(document).scrollTop(temp_scroll);
			//setTimeout(function() {$(document).scrollTop(temp_scroll); }, 600);
		}
	} else {
		$("#pregled-notification_overlay").css("height", Math.max($(document).height(), $("#pregled-notification_container").height() + $(document).scrollTop() + 20) + "px");
		$("body").css("overflow", "visible");
		top_value_overlay = "0px";
	}
	
	// show notification
	$('#pregled-notification_overlay').css({opacity: "0.2", top: top_value_overlay}).fadeIn(500);
	$('#pregled-notification_container').css({top: top_value + "px", left: left_value + "px"}).fadeIn(500);
	
	// function_array
	$(".pregled-notification_close").unbind("click").click(function_on_close);
	
	updateListeners();
}

/**
 * 	Updates listeners on various elements
 */
function updateListeners() {	
	// CLICK ON NOTIFICATION CLOSE/YES/NO CLASS (notification overlay has this class also)
	$('.pregled-notification_close').click(function(e) {	
		e.preventDefault();
		
		$('#pregled-notification_overlay').fadeOut(500, function() {
			$(this).remove();
		});
		$('#pregled-notification_container').fadeOut(500, function() {
			$(this).remove();
		});
		$("body").css("overflow", "visible");
	});
	
	$("#obrazec_racun_submit").unbind("click").click(function() {
		var ime = $("#obrazec_racun_ime").val();
		var priimek = $("#obrazec_racun_priimek").val();
		var naziv_podjetja = $("#obrazec_racun_naziv_podjetja").val();
		var davcna = $("#obrazec_racun_davcna").val();
		var naslov = $("#obrazec_racun_naslov").val();
		var posta = $("#obrazec_racun_posta").val();
		var tel = $("#obrazec_racun_tel").val();
		var email = $("#obrazec_racun_email").val();
		var nacin_placila = $("input[name=obrazec_racun_nacin_placila]:checked").val();
		var id = $(this).attr("class");
		
		$.ajax({
			url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
			type: "POST",
			data: "action=update_obrazec_racun&orderid=" + id + "&ime=" + ime + "&priimek=" + priimek + "&naziv_podjetja=" + naziv_podjetja + "&davcna=" + davcna + "&naslov=" + naslov + "&posta=" + posta + "&tel=" + tel + "&email=" + email + "&nacin_placila=" + nacin_placila,
			async: false,
			success: function(data) {
				location.reload();
			}
		});
	});
	
	$("#obrazec_dostava_submit").unbind("click").click(function() {
		var ime = $("#obrazec_dostava_ime").val();
		var priimek = $("#obrazec_dostava_priimek").val();
		var naslov = $("#obrazec_dostava_naslov").val();
		var posta = $("#obrazec_dostava_posta").val();
		var naziv_podjetja = $("#obrazec_dostava_naziv_podjetja").val();
		var id = $(this).attr("class");
		
		$.ajax({
			url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
			type: "POST",
			data: "action=update_obrazec_dostava&orderid=" + id + "&ime=" + ime + "&priimek=" + priimek + "&naslov=" + naslov + "&posta=" + posta + "&naziv_podjetja=" + naziv_podjetja,
			async: false,
			success: function(data) {
				location.reload();
			}
		});
	});
	
	$("#narocilo_dodaj_gamase_submit").unbind("click").click(function() {
		$(this).attr("disabled", true);
		
		var small = $("#narocilo_dodaj_gamase_small").val();
		var large = $("#narocilo_dodaj_gamase_large").val();
		var orderid = $("#narocilo_dodaj_gamase_orderid").val();
		
		if(small > 0 || large > 0) {
			$.ajax({
				url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
				type: "POST",
				data: "action=narocilo_dodaj_gamase&orderid=" + orderid + "&small=" + small + "&large=" + large,
				async: false,
				success: function(data) {
					location.reload();
				}
			});
		}
	});
	
	$("#narocilo_dodaj_svetilko_submit").unbind("click").click(function() {
		$(this).attr("disabled", true);
		
		var svetilke = $("#narocilo_dodaj_svetilko_count").val();
		var orderid = $("#narocilo_dodaj_svetilko_orderid").val();
		
		if(svetilke > 0) {
			$.ajax({
				url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
				type: "POST",
				data: "action=narocilo_dodaj_svetilko&orderid=" + orderid + "&count=" + svetilke,
				async: false,
				success: function(data) {
					location.reload();
				}
			});
		}
	});
	
	$("#narocilo_dodaj_blazinice_submit").unbind("click").click(function() {
		$(this).attr("disabled", true);
		
		var roke = $("#narocilo_dodaj_blazinice_roke").val();
		var noge = $("#narocilo_dodaj_blazinice_noge").val();
		var orderid = $("#narocilo_dodaj_blazinice_orderid").val();
		
		if(roke > 0 || noge > 0) {
			$.ajax({
				url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
				type: "POST",
				data: "action=narocilo_dodaj_blazinice&orderid=" + orderid + "&roke=" + roke + "&noge=" + noge,
				async: false,
				success: function(data) {
					location.reload();
				}
			});
		}
	});
	
	$("#spremeni_narocilo_submit").unbind("click").click(function() {
		$(this).attr("disabled", true);
		
		var orderid = $("#spremeni_narocilo_orderid").val();
		var products = "";
		var temp_product = "";
		
		var WinterTrax = $("#WinterTrax").val();
		var YakTrax_XS = $("#YakTrax_XS").val();
		var YakTrax_S = $("#YakTrax_S").val();
		var YakTrax_M = $("#YakTrax_M").val();
		var YakTrax_L = $("#YakTrax_L").val();
		var YakTraxPro_S = $("#YakTraxPro_S").val();
		var YakTraxPro_M = $("#YakTraxPro_M").val();
		var YakTraxPro_L = $("#YakTraxPro_L").val();
		var YakTraxPro_XL = $("#YakTraxPro_XL").val();
		var gamase_small = $("#gamase_small").val();
		var gamase_large = $("#gamase_large").val();
		var svetilka = $("#svetilka").val();
		var roke = $("#grelne_blazinice_roke").val();
		var noge = $("#grelne_blazinice_noge").val();

		temp_product = "WinterTrax,"; 
		temp_product += $("input[value=WinterTrax]").attr("checked") + ","; 
		temp_product += WinterTrax + ""; 
		products += temp_product + "|";
		
		temp_product = "YakTrax_XS,"; 
		temp_product += $("input[value=YakTrax_XS]").attr("checked") + ","; 
		temp_product += YakTrax_XS + ""; 
		products += temp_product + "|";
		
		temp_product = "YakTrax_S,"; 
		temp_product += $("input[value=YakTrax_S]").attr("checked") + ","; 
		temp_product += YakTrax_S + ""; 
		products += temp_product + "|";
		
		temp_product = "YakTrax_M,"; 
		temp_product += $("input[value=YakTrax_M]").attr("checked") + ","; 
		temp_product += YakTrax_M + ""; 
		products += temp_product + "|";
		
		temp_product = "YakTrax_L,"; 
		temp_product += $("input[value=YakTrax_L]").attr("checked") + ","; 
		temp_product += YakTrax_L + ""; 
		products += temp_product + "|";
		
		temp_product = "YakTraxPro_S,"; 
		temp_product += $("input[value=YakTraxPro_S]").attr("checked") + ","; 
		temp_product += YakTraxPro_S + ""; 
		products += temp_product + "|";
		
		temp_product = "YakTraxPro_M,"; 
		temp_product += $("input[value=YakTraxPro_M]").attr("checked") + ","; 
		temp_product += YakTraxPro_M + ""; 
		products += temp_product + "|";
		
		temp_product = "YakTraxPro_L,"; 
		temp_product += $("input[value=YakTraxPro_L]").attr("checked") + ","; 
		temp_product += YakTraxPro_L + ""; 
		products += temp_product + "|";
		
		temp_product = "YakTraxPro_XL,"; 
		temp_product += $("input[value=YakTraxPro_XL]").attr("checked") + ","; 
		temp_product += YakTraxPro_XL + ""; 
		products += temp_product + "|";
		
		temp_product = "gamase_small,"; 
		temp_product += $("input[value=gamase_small]").attr("checked") + ","; 
		temp_product += gamase_small + ""; 
		products += temp_product + "|";
		
		temp_product = "gamase_large,"; 
		temp_product += $("input[value=gamase_large]").attr("checked") + ","; 
		temp_product += gamase_large + ""; 
		products += temp_product + "|";
		
		temp_product = "svetilka,"; 
		temp_product += $("input[value=svetilka]").attr("checked") + ","; 
		temp_product += svetilka + ""; 
		products += temp_product + "|";
		
		temp_product = "grelne_blazinice_roke,"; 
		temp_product += $("input[value=grelne_blazinice_roke]").attr("checked") + ","; 
		temp_product += roke + ""; 
		products += temp_product + "|";
		
		temp_product = "grelne_blazinice_noge,"; 
		temp_product += $("input[value=grelne_blazinice_noge]").attr("checked") + ","; 
		temp_product += noge + ""; 
		products += temp_product;
		
		$.ajax({
			url: "http://www.mestne-dereze.com/wp-content/themes/dereze/actions/ajax.php",
			type: "POST",
			data: "action=spremeni_narocilo&orderid=" + orderid + "&products=" + products,
			async: false,
			success: function(data) {
				location.reload();
			}
		});
	});
	
	$(".switch_checkbox").change(function() {
		var this_qty = $(this).val();
		
		var checkbox = $(this).prev();
		if(!checkbox.is(":checked") && this_qty > 0)
			checkbox.attr("checked", true);
		else if(checkbox.is(":checked") && this_qty == 0)
			checkbox.attr("checked", false);
	});
	
	$(".spremeni_narocilo_checkbox_handle").click(function() {
		var select = $(this).next();
		
		if(!$(this).is(":checked")) {
			select.val(0);
		} else {
			select.val(1);
		}
	});
}

function calculate_order_price() {
	var price = 0;
	var price_popust = 0;
	var crampons = 0;		//number of crampons
	
	$(".narocilo-qty-select").each(function() {
		var item_qty = parseInt($(this).val());
		var item_price = parseFloat($(this).prev().val());
		price += item_qty * item_price;
		crampons += item_qty;
	});
	
	// check for promo code
	if($("#koda-type").val() != "" && price > 0) {
		price_popust =price;
		
		var type = $("#koda-type").val();
		if(type == "p") {
			var value = parseInt($("#koda-value").val());
			price_popust *= 1 - (value / 100);
		} else {
			var value = parseFloat($("#koda-value").val().toString());
			price_popust -= value;
		}
	}
	
	if(crampons < 2)
		price += parseFloat("3.70"); // dostava
	price = price.toFixed(2);
	
	if(price_popust > 0) {
		if(crampons < 2)
			price_popust += parseFloat("3.70");
		price_popust = price_popust.toFixed(2);
	}
	
	if(crampons >= 2) {
		$("#jq_label_postnina").text("Pošta Slovenije: 0,00 €");
		$("#fsield10054003_1").val("0.0");
	} else {
		$("#jq_label_postnina").text("Pošta Slovenije: 3,70 €");
		$("#fsield10054003_1").val("3.7");
	}
	
	if(price_popust == 0) {
		$("#field10054005").val(price);
	} else {
		$("#field10054005").val(price).css("text-decoration", "line-through");
		$("#narocilo-znesek-popust").val(price_popust);
	}
}