var vehiclemenuresourcename = "rtx_vehiclemenu";

var ineditmenu = "false";

$(function () {
	var currentscale = 1.0;
    if (localStorage.default == "false") {
    } else {
        localStorage.scale = 1.0;
		localStorage.color = "#ff66ff";
    }
    
    let defaultValues = {vehiclemenutop: "50", vehiclemenuleft: "70", scale: "1.0", color: "#ff66ff",};
	
	var scaleslider = document.getElementById("scalesliderdata");

	function closeMain() {
		$("body").css("display", "none");
	}

	function openMain() {
		$("body").css("display", "block");
	}

	$(".vehiclemenusettingsbuttonexit").click(function(){
		if ($(".vehiclemenu-container").data('draggable')) {
			ChangeVehicleMenu(); 
			$(".vehiclemenu-container").draggable("destroy");
		}	
		ineditmenu = "false";
		$("#vehiclemenusettingsshow").hide();						
		$.post('https://'+vehiclemenuresourcename+'/quit', JSON.stringify({}));
	});

    function draggableElements() {
		$(".vehiclemenu-container").draggable({
            scroll: false,
            axis: "x, y",
            cursor: "move"
        });	
		$(".vehiclemenu-container").css("transform", "scale(" + localStorage.scale + ")");	
    };		
	
	function currentsliderdata() {
        if (localStorage.default === "true") {
			if (defaultValues.scale == 0.5) {
				return 5;
			} else if (defaultValues.scale == 0.6) {
				return 6;
			} else if (defaultValues.scale == 0.7) {
				return 7;
			} else if (defaultValues.scale == 0.8) {
				return 8;
			} else if (defaultValues.scale == 0.9) {
				return 9;
			} else if (defaultValues.scale == 1.0) {
				return 10;
			} else if (defaultValues.scale == 1.0) {
				return 10;
			} else if (defaultValues.scale == 1.1) {
				return 11;	
			} else if (defaultValues.scale == 1.2) {
				return 12;		
			} else if (defaultValues.scale == 1.3) {
				return 13;	
			} else if (defaultValues.scale == 1.4) {
				return 14;			
			} else if (defaultValues.scale == 1.5) {
				return 15;			
			}	
        } else {
			if (localStorage.scale == 0.5) {
				return 5;
			} else if (localStorage.scale == 0.6) {
				return 6;
			} else if (localStorage.scale == 0.7) {
				return 7;
			} else if (localStorage.scale == 0.8) {
				return 8;
			} else if (localStorage.scale == 0.9) {
				return 9;
			} else if (localStorage.scale == 1.0) {
				return 10;
			} else if (localStorage.scale == 1.0) {
				return 10;
			} else if (localStorage.scale == 1.1) {
				return 11;	
			} else if (localStorage.scale == 1.2) {
				return 12;		
			} else if (localStorage.scale == 1.3) {
				return 13;	
			} else if (localStorage.scale == 1.4) {
				return 14;			
			} else if (localStorage.scale == 1.5) {
				return 15;			
			}	  			
		} 			
	}	
	
    function ChangeVehicleMenu() {      
        if (localStorage.default === "true") {
            let root = document.documentElement;
			var vehiclemenutop = defaultValues.vehiclemenutop + "%";
            var vehiclemenuleft = defaultValues.vehiclemenuleft + '%';
            $('.vehiclemenu-container').css({
                position:'absolute',
                top:vehiclemenutop,
                left:vehiclemenuleft
            });	
			localStorage.scale = defaultValues.scale;
			localStorage.color = defaultValues.color;
			scaleslider.value = currentsliderdata();	
			currentscale = defaultValues.scale;
			root.style.setProperty('--color', defaultValues.color);
			$("#color-picker").spectrum("set", defaultValues.color);
			$(".vehiclemenu-container").css("transform", "scale(" + defaultValues.scale + ")");					           
        } else {
			let root = document.documentElement;
			var vehiclemenutop = localStorage.vehiclemenutop + 'px';
            var vehiclemenuleft = localStorage.vehiclemenuleft + 'px';	
			var scaledata = localStorage.scale;
			var color = localStorage.color;
            $('.vehiclemenu-container').css({
                position:'absolute',
                top:vehiclemenutop,
                left:vehiclemenuleft
            });
			$("#color-picker").spectrum("set", localStorage.color);
			scaleslider.value = currentsliderdata();	
			root.style.setProperty('--color', color);	
			$(".vehiclemenu-container").css("transform", "scale(" + scaledata + ")");	
        }
    };	
	
    function ResetVehicleMenuToDefault() {      
		let root = document.documentElement;
		var vehiclemenutop = defaultValues.vehiclemenutop + "%";
		var vehiclemenuleft = defaultValues.vehiclemenuleft + '%';
		$('.vehiclemenu-container').css({
			position:'absolute',
			top:vehiclemenutop,
			left:vehiclemenuleft
		});	
		localStorage.scale = defaultValues.scale;
		localStorage.color = defaultValues.color;
		scaleslider.value = currentsliderdata();	
		currentscale = defaultValues.scale;
		root.style.setProperty('--color', defaultValues.color);
		$("#color-picker").spectrum("set", defaultValues.color);
		$(".vehiclemenu-container").css("transform", "scale(" + defaultValues.scale + ")");	
    };		

	window.addEventListener('message', function (event) {

		var item = event.data;

		if (item.message == "vehiclemenushow") {
			openMain();
			document.getElementsByClassName("vehiclemenusettingsbuttonvehiclename1text")[0].innerHTML = item.vehiclenametext1data;
			document.getElementsByClassName("vehiclemenusettingsbuttonvehiclename2text")[0].innerHTML= item.vehiclenametext2data;
			document.getElementsByClassName("vehiclemenusettingsbuttonvehicleplatetext")[0].innerHTML = item.vehicleplatedata;
			$('.vehiclemenufuelmaincontainerdata').css("height", item.vehiclefueldata+"%")
			$("#vehiclemenusettingsshow").hide();	
			$("#vehiclemenusettingswindowshow").hide();	
			$("#vehiclemenusettingsseatshow").hide();
			$("#vehiclemenusettingsextrasshow").hide();
			$("#vehiclemenusettingsdoorshow").show();				
			$("#vehiclemenushow").show();		
		}	
		
		if (item.message == "addseat"){
			$( ".vehiclemenusettingsseatlist" ).append('<div class="vehicleseat" seatid="' + item.vehicleseatid + '">' +
					'<div class="vehicleseattext">' + item.vehicleseattext + '</div>' + 
			'</div>');	
		}	

		if (item.message == "addextra"){
			$( ".vehiclemenusettingsextraslist" ).append('<div class="vehicleextras" extraid="' + item.vehicleextraid + '">' +
					'<div class="vehicleextrastext">' + item.vehicleextratext + '</div>' + 
			'</div>');	
		}			
		
		if (item.message == "vehiclemenusettingsloadfirst") {
			vehiclemenuresourcename = item.vehiclemenuresourcenamedata;
			defaultValues.vehiclemenutop = item.vehiclemenupositiontopdata;
			defaultValues.vehiclemenuleft = item.vehiclemenupositionleftdata;
			defaultValues.scale = item.vehiclemenuscaledata;
			defaultValues.color = item.vehiclemenucolordata;
			if (localStorage.default == "false") {
			} else {
				localStorage.default = "true";
			}
			ChangeVehicleMenu(); 
		}	
		
		if (item.message == "vehiclemenusettingsload") {
			vehiclemenuresourcename = item.vehiclemenuresourcenamedata;
			defaultValues.vehiclemenutop = item.vehiclemenupositiontopdata;
			defaultValues.vehiclemenuleft = item.vehiclemenupositionleftdata;
			defaultValues.scale = item.vehiclemenuscaledata;
			defaultValues.color = item.vehiclemenucolordata;
			if (localStorage.default == "false") {
			} else {
				localStorage.default = "true";
				if (ineditmenu == "false") {
					ResetVehicleMenuToDefault();
				}					
			}
		}			

		if (item.message == "vehiclemenureset") {
			localStorage.default = "true";
			ChangeVehicleMenu(); 
		}						
		
		if (item.message == "hide") {
			closeMain();
		}
		
		document.onkeyup = function (data) {
			if (open) {
				if (data.which == 27) {
					if ($(".vehiclemenu-container").data('draggable')) {
						ChangeVehicleMenu(); 
						$(".vehiclemenu-container").draggable("destroy");
					}	
					ineditmenu = "false";
					$("#vehiclemenusettingsshow").hide();						
					$.post('https://'+vehiclemenuresourcename+'/quit', JSON.stringify({}));
				}
			}	
		};	
	});

	$(".vehiclemenusettingsbuttonwarning").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/vehiclewarning', JSON.stringify({}));
	});	
	
	$(".vehiclemenusettingsbuttonlight").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/vehiclelightinterior', JSON.stringify({}));
	});	

	$(".vehiclemenusettingsbuttonlighth").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/vehiclelight', JSON.stringify({}));
	});		
	
	$(".vehiclemenusettingsbuttonengine").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/vehicleengine', JSON.stringify({}));
	});			
	
	$(".vehiclemenusettingsbuttonbind").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/vehiclebind', JSON.stringify({}));
	});		

	$(".vehiclemenusettingsbuttonlock").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/vehiclelock', JSON.stringify({}));
	});	

	$(".vehiclemenusettingsbuttonwater").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/vehiclewater', JSON.stringify({}));
	});			
	
	$(".vehiclemenusettingsbuttonselect1").click(function () {
		$("#vehiclemenusettingswindowshow").hide();	
		$("#vehiclemenusettingsseatshow").hide();
		$("#vehiclemenusettingsextrasshow").hide();
		$("#vehiclemenusettingsdoorshow").show();	
	});		

	$(".vehiclemenusettingsbuttonselect2").click(function () {
		$("#vehiclemenusettingsdoorshow").hide();	
		$("#vehiclemenusettingsseatshow").hide();
		$("#vehiclemenusettingsextrasshow").hide();
		$("#vehiclemenusettingswindowshow").show();			
	});	

	$(".vehiclemenusettingsbuttonselect3").click(function () {
		$( ".vehiclemenusettingsseatlist" ).empty()
		$("#vehiclemenusettingsdoorshow").hide();	
		$("#vehiclemenusettingswindowshow").hide();
		$("#vehiclemenusettingsextrasshow").hide();
		$("#vehiclemenusettingsseatshow").show();				
		$.post('https://'+vehiclemenuresourcename+'/vehicleseats', JSON.stringify({}));
	});	

	$(".vehiclemenusettingsbuttonselect4").click(function () {
		$( ".vehiclemenusettingsextraslist" ).empty()
		$("#vehiclemenusettingsdoorshow").hide();	
		$("#vehiclemenusettingswindowshow").hide();
		$("#vehiclemenusettingsseatshow").hide();
		$("#vehiclemenusettingsextrasshow").show();			
		$.post('https://'+vehiclemenuresourcename+'/vehicleextras', JSON.stringify({}));
	});		
	
	$(".vehiclemenusettingsdoormain1").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
			dooriddata: 4,
		}));		
	});		

	$(".vehiclemenusettingsdoormain2").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
			dooriddata: 5,
		}));		
	});		
	
	$(".vehiclemenusettingsdoormain3").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
			dooriddata: 0,
		}));		
	});		
	
	$(".vehiclemenusettingsdoormain4").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
			dooriddata: 1,
		}));		
	});	

	$(".vehiclemenusettingsdoormain5").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
			dooriddata: 2,
		}));		
	});

	$(".vehiclemenusettingsdoormain6").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
			dooriddata: 3,
		}));		
	});		
	
	$(".vehiclemenusettingswindowmain1").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changewindow', JSON.stringify({
			windowiddata: 0,
		}));		
	});	
	
	$(".vehiclemenusettingswindowmain2").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changewindow', JSON.stringify({
			windowiddata: 1,
		}));		
	});	

	$(".vehiclemenusettingswindowmain3").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changewindow', JSON.stringify({
			windowiddata: 2,
		}));		
	});	

	$(".vehiclemenusettingswindowmain4").click(function () {
		$.post('https://'+vehiclemenuresourcename+'/changewindow', JSON.stringify({
			windowiddata: 3,
		}));		
	});	

	$(".vehiclemenusettingsseatlist").on("click", ".vehicleseat", function() {
		var $vehicleseathandler = $(this);
		var $vehicleseatiddata = $vehicleseathandler.attr('seatid')	
		$.post('https://'+vehiclemenuresourcename+'/changeseat', JSON.stringify({
			vehicleseatiddata: $vehicleseatiddata,
		}));
	});	
	
	$(".vehiclemenusettingsextraslist").on("click", ".vehicleextras", function() {
		var $vehicleextrahandler = $(this);
		var $vehicleextraiddata = $vehicleextrahandler.attr('extraid')	
		$.post('https://'+vehiclemenuresourcename+'/changeextra', JSON.stringify({
			vehicleextraiddata: $vehicleextraiddata,
		}));
	});		
	
	$(".closevehiclemenusettings").click(function(){
		ChangeVehicleMenu(); 
		ineditmenu = "false";
		$(".vehiclemenu-container").draggable("destroy");
		$("#vehiclemenusettingsshow").hide();	
	});	
	
	$(".vehiclemenusettingsbuttonsettings").click(function(){
		draggableElements();
		ineditmenu = "true";
		$("#vehiclemenusettingsshow").show();	
	});	
	
	$(".buttonvehiclemenusettingsreset").click(function(){
		localStorage.default = "true";
        ChangeVehicleMenu(); 
	});		
	
	$(".buttonvehiclemenusettingssave").click(function(){
        $(".vehiclemenu-container").draggable("disable")
		localStorage.default = "false";
        var vehiclemenupos = $(".vehiclemenu-container").position();
        localStorage.vehiclemenutop = vehiclemenupos.top;
        localStorage.vehiclemenuleft = vehiclemenupos.left;	
		localStorage.scale = currentscale;
		localStorage.color = $("#color-picker").spectrum("get");
        ChangeVehicleMenu(); 
		$(".vehiclemenu-container").draggable("destroy");
		ineditmenu = "false";
		$("#vehiclemenusettingsshow").hide();	
	});		
	
   $(document).ready(function() {	
		$(".sp-container").on({
		  click: function(){
			let root = document.documentElement;
			var value = $("#color-picker").val();
			var hexstring = $("#color-picker").spectrum("get");
			root.style.setProperty('--color', hexstring);
			localStorage.color = hexstring;
		  }, 
		  change: function(){
			let root = document.documentElement;
			var value = $("#color-picker").val();
			root.style.setProperty('--color', hexstring);
			var hexstring = $("#color-picker").spectrum("get");
			localStorage.color = hexstring;
		  } 		  
		});	
		
    });	
	scaleslider.oninput = function() {
		if (this.value == 5) {
			$(".vehiclemenu-container").css("transform", "scale(0.5)");
			currentscale = 0.5;
		} else if (this.value == 6) {
			$(".vehiclemenu-container").css("transform", "scale(0.6)");
			currentscale = 0.6;	
		} else if (this.value == 7) {
			$(".vehiclemenu-container").css("transform", "scale(0.7)");
			currentscale = 0.7;				
		} else if (this.value == 8) {
			$(".vehiclemenu-container").css("transform", "scale(0.8)");
			currentscale = 0.8;				
		} else if (this.value == 9) {
			$(".vehiclemenu-container").css("transform", "scale(0.9)");
			currentscale = 0.9;	
		} else if (this.value == 10) {
			$(".vehiclemenu-container").css("transform", "scale(1.0)");
			currentscale = 1.0;	
		} else if (this.value == 11) {
			$(".vehiclemenu-container").css("transform", "scale(1.1)");
			currentscale = 1.1;
		} else if (this.value == 12) {
			$(".vehiclemenu-container").css("transform", "scale(1.2)");
			currentscale = 1.2;		
		} else if (this.value == 13) {
			$(".vehiclemenu-container").css("transform", "scale(1.3)");
			currentscale = 1.3;	
		} else if (this.value == 14) {
			$(".vehiclemenu-container").css("transform", "scale(1.4)");
			currentscale = 1.4;
		} else if (this.value == 15) {
			$(".vehiclemenu-container").css("transform", "scale(1.5)");
			currentscale = 1.5;								
		}	  
	}	
    $('#color-picker').spectrum({
		preferredFormat: "rgb",
		showInput: true,
		showPalette: false,
		allowEmpty:false,
		showAlpha: false,
		showButtons: false
    });		
})