var highestID=0;var n=0;var itemCat="";var rotClasses=["None","45","90","135","180","225","270","315"];var rotFunc=" onMouseDown='openProWindow();'";var stageLimit=5;var colorPostFix="";var colorSelection=["green","blue","turquoise","purple","red","orange","yellow"];$(function(){$("#dialog").dialog({autoOpen:false})});if(trult){rotFunc=" onMouseDown='itemRot(this);'";stageLimit=100}else{if(trpro){rotFunc=" onMouseDown='itemRot(this);'";stageLimit=50}else{if(trplus){rotFunc="";stageLimit=15}else{if(loggedin){stageLimit=7}}}}function getHighestID(){highestID=highestID+1;return highestID}var itemArray=[];var findIndex=function(g,f){for(var j=0,e=f.length;j<e;j++){if(f[j].ID==g){return j}}return -1};function touchHandler(d){var f=d.changedTouches[0];var e=document.createEvent("MouseEvent");e.initMouseEvent({touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup"}[d.type],true,true,window,1,f.screenX,f.screenY,f.clientX,f.clientY,false,false,false,false,0,null);f.target.dispatchEvent(e);d.preventDefault()}function init(){document.addEventListener("touchstart",touchHandler,true);document.addEventListener("touchmove",touchHandler,true);document.addEventListener("touchend",touchHandler,true);document.addEventListener("touchcancel",touchHandler,true)}if(loadedContent!=null&&loaded&&shared==false){localStorage.clear();$("#introTxt").fadeOut("slow",function(){});itemArray=JSON.parse(loadedContent);$("#trList").show();$("#trName").val(loadedName);for(i=0;i<itemArray.length;i++){if(!itemArray[i].Rotation){itemArray[i].Rotation=0}var rotClass="class='"+("rot"+rotClasses[(itemArray[i].Rotation%8)])+"'";colorPostFix="";if(jQuery.inArray(itemArray[i].Color,colorSelection)<0){itemArray[i].Color="black";colorPostFix=""}else{colorPostFix="-"+itemArray[i].Color}n=itemArray[i].ID.split("-");$('<span id="'+itemArray[i].ID+'" class="ui-draggable ui-draggable-handle ui-resizable ui-resizable-autohide onStage" title="'+itemArray[i].Title+'" style="position: absolute; width: '+itemArray[i].Width+"; height: auto; left: "+parseFloat(itemArray[i].Xpos+$("#mainStage").offset().left)+"%; top: "+parseFloat(itemArray[i].Ypos+$("#mainStage").offset().top)+"%; z-index: "+itemArray[i].ZX+';"><img src="'+imgPathItems+""+n[0]+colorPostFix+'.svg" alt="'+itemArray[i].Title+'" '+rotClass+' ><span class="intCtrlDel" title="'+itemArray[i].Title+'"><i class="far fa-trash-alt"></i></span><span class="intCtrlRot" title="Rotate" role="button"'+rotFunc+'><i class="fas fa-undo"></i></span><span class="intCtrlEdit" title="'+languages.EDIT+'"><i class="fas fa-pencil-alt"></i></span></span>').appendTo("#mainStage");if(n[1]>=highestID){highestID=parseInt(n[1])+1}}setList();setLocalStorageFn()}else{if(localStorage.getItem("stageSetup")!=null&&shared==false){$("#introTxt").css("display","none");itemArray=JSON.parse(localStorage.getItem("stageSetup"));$("#trList").show();for(i=0;i<itemArray.length;i++){n=itemArray[i].ID.split("-");if(!itemArray[i].Rotation){itemArray[i].Rotation=0}var rotClass="class='"+("rot"+rotClasses[(itemArray[i].Rotation%8)])+"'";colorPostFix="";if(jQuery.inArray(itemArray[i].Color,colorSelection)<0){itemArray[i].Color="black";colorPostFix=""}else{colorPostFix="-"+itemArray[i].Color}$('<span id="'+itemArray[i].ID+'" class="ui-draggable ui-draggable-handle ui-resizable ui-resizable-autohide onStage" title="'+itemArray[i].Title+'" style="position: absolute; width: '+itemArray[i].Width+"; height: auto; left: "+parseFloat(itemArray[i].Xpos+$("#mainStage").offset().left)+"%; top: "+parseFloat(itemArray[i].Ypos+$("#mainStage").offset().top)+"%; z-index: "+itemArray[i].ZX+';"><img src="'+imgPathItems+""+n[0]+colorPostFix+'.svg" alt="'+itemArray[i].Title+'" '+rotClass+' ><span class="intCtrlRot" title="Rotate" role="button" '+rotFunc+'><i class="fas fa-undo"></i></span><span class="intCtrlDel" title="'+itemArray[i].Title+'"><i class="far fa-trash-alt"></i></span><span class="intCtrlEdit" title="'+languages.EDIT+'"><i class="fas fa-pencil-alt"></i></span></span>').appendTo("#mainStage");if(n[1]>=highestID){highestID=parseInt(n[1])+1}}setList();setLocalStorageFn()}else{if(shared==true){$("#introTxt").css("display","none");itemArray=JSON.parse(loadedContent);$("#trList").show();for(i=0;i<itemArray.length;i++){if(!itemArray[i].Rotation){itemArray[i].Rotation=0}var rotClass="class='"+("rot"+rotClasses[(itemArray[i].Rotation%8)])+"'";colorPostFix="";if(jQuery.inArray(itemArray[i].Color,colorSelection)<0){itemArray[i].Color="black";colorPostFix=""}else{colorPostFix="-"+itemArray[i].Color}n=itemArray[i].ID.split("-");$('<span id="'+itemArray[i].ID+'" class="shared" title="'+itemArray[i].Title+'" style="position: absolute; width: '+itemArray[i].Width+"; height: auto; left: "+parseFloat(itemArray[i].Xpos+$("#mainStage").offset().left)+"%; top: "+parseFloat(itemArray[i].Ypos+$("#mainStage").offset().top)+"%; z-index: "+itemArray[i].ZX+';"><img src="'+imgPathItems+""+n[0]+colorPostFix+'.svg" alt="'+itemArray[i].Title+'" '+rotClass+" ></span>").appendTo("#mainStage");
if(n[1]>=highestID){highestID=parseInt(n[1])+1}}setList();setLocalStorageFn()}}}$.each(itemArray,function(){if(this.ID=="gitarre1"){}});$(function(){$(".dragObj").draggable({helper:"clone",revert:"invalid",start:function(){$("#mainStage").css("background-color","#efe")},stop:function(){$("#mainStage").css("background-color","#fff")}});$("#mainStage").droppable({accept:".dragObj",drop:function(m,k){$(k.helper).append('<span class="intCtrlRot" title="Rotate" role="button" '+rotFunc+'><i class="fas fa-undo"></i></span><span class="intCtrlDel" title="'+languages.DELETE+'" role="button"><i class="far fa-trash-alt"></i></span><span class="intCtrlEdit" title="'+languages.EDIT+'" role="button"><i class="fas fa-pencil-alt"></i></span>');if($(k.helper).hasClass("sSz")){$(k.helper).css("width","5%")}else{if($(k.helper).hasClass("bSz")){$(k.helper).css("width","20%")}else{if($(k.helper).hasClass("mSz")){$(k.helper).css("width","12%")}else{$(k.helper).css("width","12%")}}}positionRelative(k.helper);$(k.helper).css("z-index",highestID+1);var j=$(k.helper).clone();var f=$(j);var g=$(k.draggable).attr("id")+"-"+getHighestID();k.helper.attr("id",g);if(itemArray.length<stageLimit){$(this).append($(k.helper).clone()).addClass("ui-state-highlight"),itemCat=$(k.helper).attr("title"),itemCat=itemCat.match(/\((.*)\)/),itemArray.push({ID:g,Status:1,Cat:itemCat[1],Xpos:l,Ypos:t,Width:parseFloat(f.width())+"%",Title:f.attr("title"),Brand:"",Name:"",FX:"",Comments:"",ZX:highestID+1,Rotation:0,Color:"black"})}else{if(!loggedin){gtag("event","Guest-Limit",{event_category:"Stage"});$(document).ready(function(){dialogLogin.dialog("open")})}else{if(!trpro&&loggedin){gtag("event","Registered-Limit",{event_category:"Stage"});$(document).ready(function(){upgradeForm.dialog("open")})}}}setList();setLocalStorageFn();$("#introTxt").fadeOut("slow",function(){});$("#mainStage .dragObj").addClass("onStage");$("#mainStage").removeClass("highlightStage");$(".onStage").removeClass("ui-draggable dragObj");$(".onStage").draggable({containment:"parent",stack:".onStage",start:function(b,a){},stop:function(b,a){positionRelative(this);var c=$(this).closest(".onStage");n=findIndex(c.attr("id"),itemArray);itemArray[n].Xpos=l;itemArray[n].Ypos=t;setLocalStorageFn()},}).resizable({aspectRatio:true,autoHide:true,animateDuration:"fast",minHeight:40,resize:function(b,a){},stop:function(b,a){positionRelative(this);widthRelative(this);var c=$(this).closest(".onStage");n=findIndex(c.attr("id"),itemArray);itemArray[n].Width=w;setLocalStorageFn()}});$(".intCtrlDel").click(function(){$(this).closest(".onStage").remove();var a=$(this).closest(".onStage").attr("id");if(findIndex(a,itemArray)>=0){itemArray.splice(findIndex(a,itemArray),1)}setList();setLocalStorageFn()});$(".intCtrlEdit").click(function(a){var b=$(this).closest(".onStage");$("#brand").val("");$("#name").val("");$("#fxsettings").val("");$("#comments").val("");n=findIndex(b.attr("id"),itemArray);if(itemArray[n].Brand!=null){$("#brand").val(itemArray[n].Brand)}else{$("#brand").val("")}if(itemArray[n].Name!=null){$("#name").val(itemArray[n].Name)}else{$("#name").val("")}if(itemArray[n].FX!=null){$("#fxsettings").val(itemArray[n].FX)}else{$("#fxsettings").val("")}if(itemArray[n].Comments!=null){$("#comments").val(itemArray[n].Comments)}else{$("#comments").val("")}$('input:radio[name="ColorSelect"]').prop("checked",false);if(jQuery.inArray(itemArray[n].Color,colorSelection)>=0){$("input[name=ColorSelect][value="+itemArray[n].Color+"]").prop("checked",true);$("input[name=ColorSelect][value="+itemArray[n].Color+"]").trigger("click")}else{itemArray[n].Color="black";$("input[name=ColorSelect][value=black]").prop("checked",true);$("input[name=ColorSelect][value=black]").trigger("click")}if(itemArray[n].Cat=="guitar"){$("#brand").autocomplete({source:guitarTags})}else{if(itemArray[n].Cat=="drums"||"percussion"){$("#brand").autocomplete({source:drumTags})}else{if(itemArray[n].Cat=="keys"){$("#brand").autocomplete({source:keyTags})}else{if(itemArray[n].Cat=="pa"){$("#brand").autocomplete({source:paTags})}else{if(itemArray[n].Cat=="light"){$("#brand").autocomplete({source:lightTags})}else{if(itemArray[n].Cat=="dj"||"percussion"){$("#brand").autocomplete({source:djTags})}else{if(itemArray[n].Cat=="micro"||"percussion"){$("#brand").autocomplete({source:microTags})}else{if(itemArray[n].Cat=="brass"||"percussion"){$("#brand").autocomplete({source:brassTags})}else{if(itemArray[n].Cat=="traditioal"||"percussion"){$("#brand").autocomplete({source:traditionalTags})}else{$("#brand").autocomplete({source:accessoriesTags})}}}}}}}}}dialog=$("#detailForm").dialog({autoOpen:false,height:500,width:350,modal:true,title:itemArray[n].Title,resizable:false,draggable:true,position:{my:"center",at:"center",of:window},closeOnEscape:true,buttons:{Cancel:function(){dialog.dialog("close")},save:function(){itemArray[n].Brand=htmlEntities($("#brand").val());itemArray[n].Name=htmlEntities($("#name").val());itemArray[n].FX=htmlEntities($("#fxsettings").val());
itemArray[n].Comments=htmlEntities($("#comments").val());itemArray[n].Color=$("input[name=ColorSelect]:checked").val();var c=itemArray[n].ID;var d=c.substring(0,c.indexOf("-"));var e=itemArray[n].Color;if(jQuery.inArray(e,colorSelection)<0){e=""}else{e="-"+e}$("#"+c).children("img").attr("src",imgPathItems+d+e+".svg");setList();setLocalStorageFn();dialog.dialog("close")}},close:function(){}});$(document).ready(function(){dialog.dialog("open")})})}})});var dialog,form;function setLocalStorageFn(){localStorage.setItem("stageSetup",JSON.stringify(itemArray))}$(".onStage").draggable({containment:"parent",stack:".onStage",start:function(d,c){},stop:function(){positionRelative(this);var b=$(this).closest(".onStage");n=findIndex(b.attr("id"),itemArray);itemArray[n].Xpos=l;itemArray[n].Ypos=t;setLocalStorageFn()},});$(".onStage").resizable({aspectRatio:true,autoHide:true,animateDuration:"fast",minHeight:40,resize:function(d,c){},stop:function(d,f){positionRelative($(this).closest(".onStage"));widthRelative(this);var e=$(this).closest(".onStage");n=findIndex(e.attr("id"),itemArray);itemArray[n].Width=w;setLocalStorageFn()}});$(".intCtrlDel").click(function(){$(this).closest(".onStage").remove();idDel=$(this).closest(".onStage").attr("id");if(findIndex(idDel,itemArray)>=0){itemArray.splice(findIndex(idDel,itemArray),1)}setList();setLocalStorageFn()});$(".intCtrlEdit").click(function(c){var d=$(this).closest(".onStage");n=findIndex(d.attr("id"),itemArray);if(itemArray[n].Brand!=null){$("#brand").val(itemArray[n].Brand)}else{$("#brand").val("")}if(itemArray[n].Name!=null){$("#name").val(itemArray[n].Name)}else{$("#name").val("")}if(itemArray[n].FX!=null){$("#fxsettings").val(itemArray[n].FX)}else{$("#fxsettings").val("")}if(itemArray[n].Comments!=null){$("#comments").val(itemArray[n].Comments)}else{$("#comments").val("")}$('input:radio[name="ColorSelect"]').prop("checked",false);if(jQuery.inArray(itemArray[n].Color,colorSelection)>=0){$("input[name=ColorSelect][value="+itemArray[n].Color+"]").attr("checked",true);$("input[name=ColorSelect][value="+itemArray[n].Color+"]").trigger("click")}else{itemArray[n].Color="black";$("input[name=ColorSelect][value=black]").attr("checked",true);$("input[name=ColorSelect][value=black]").trigger("click")}if(itemArray[n].Cat=="guitar"){$("#brand").autocomplete({source:guitarTags})}else{if(itemArray[n].Cat=="drums"||"percussion"){$("#brand").autocomplete({source:drumTags})}else{if(itemArray[n].Cat=="keys"){$("#brand").autocomplete({source:keyTags})}else{if(itemArray[n].Cat=="pa"){$("#brand").autocomplete({source:paTags})}else{if(itemArray[n].Cat=="light"){$("#brand").autocomplete({source:lightTags})}else{if(itemArray[n].Cat=="dj"||"percussion"){$("#brand").autocomplete({source:djTags})}else{if(itemArray[n].Cat=="micro"||"percussion"){$("#brand").autocomplete({source:microTags})}else{if(itemArray[n].Cat=="brass"||"percussion"){$("#brand").autocomplete({source:brassTags})}else{if(itemArray[n].Cat=="traditioal"||"percussion"){$("#brand").autocomplete({source:traditionalTags})}}}}}}}}}dialog=$("#detailForm").dialog({autoOpen:false,height:500,width:350,modal:true,title:itemArray[n].Title,resizable:false,draggable:true,position:{my:"center",at:"center",of:window},closeOnEscape:true,buttons:{Cancel:function(){dialog.dialog("close")},save:function(){itemArray[n].Brand=htmlEntities($("#brand").val());itemArray[n].Name=htmlEntities($("#name").val());itemArray[n].FX=htmlEntities($("#fxsettings").val());itemArray[n].Comments=htmlEntities($("#comments").val());itemArray[n].Color=$("input[name=ColorSelect]:checked").val();var a=itemArray[n].ID;var b=a.substring(0,a.indexOf("-"));var e=itemArray[n].Color;if(jQuery.inArray(e,colorSelection)<0){e=""}else{e="-"+e}$("#"+a).children("img").attr("src",imgPathItems+b+e+".svg");setList();setLocalStorageFn();dialog.dialog("close")}},close:function(){}});$(document).ready(function(){dialog.dialog("open")})});var l=0;var t=0;function positionRelative(b){l=(100*parseFloat((($(b).offset().left-$("#mainStage").offset().left)/$("#mainStage").width())))+"%";customStageHeight=parseFloat(($("#mainStage").width()/100)*62.5);t=parseFloat((100/customStageHeight)*($(b).offset().top-$("#mainStage").offset().top))+"%";$(b).css("left",l);$(b).css("top",t)}var w=0;var h=0;function widthRelative(d){var c=$(d).closest(".onStage");w=(100*parseFloat(($(c).width()/$("#mainStage").width())))+"%";h=(100*parseFloat((($(c).height())/customStageHeight)))+"%";$(c).css("width",w);$(c).css("height",h)}function updateList(){}$("#resetAll").click(function(){$(document).ready(function(){$("#dialog-confirm").dialog("open")})});$(function(){$("#dialog-confirm").dialog({resizable:false,height:"auto",autoOpen:false,width:400,position:{my:"center",at:"center",of:window},modal:true,buttons:{"Delete all items":function(){$("#mainStage").empty();localStorage.clear();itemArray=[];setList();$(this).dialog("close")},Cancel:function(){$(this).dialog("close")}}})});function setList(){$("#trList").find("tr:gt(0)").remove();
$("#listView").css("visibility","visible");$("#listView").css("height","auto");for(i=0;i<itemArray.length;i++){listTitle=itemArray[i].Title.split(" (");n=itemArray[i].ID.split("-");var c="<b>"+listTitle[0]+"</b>";if(itemArray[i].Name!=""&&itemArray[i].Brand!=""){c+=" <i>("+itemArray[i].Name+", "+itemArray[i].Brand+")</i>"}else{if(itemArray[i].Name==""&&itemArray[i].Brand!=""){c+=" <i>("+itemArray[i].Brand+")</i>"}else{if(itemArray[i].Name!=""&&itemArray[i].Brand==""){c+=" <i>("+itemArray[i].Name+")</i>"}}}var b="";var d="<span class='tableBoxPDF'>&nbsp;</span>";if(itemArray[i].Color!="black"&&itemArray[i].Color!=null&&itemArray[i].Color!=""){b="<span class='tableBox cs_"+itemArray[i].Color+"'>&nbsp;</span>";d="<span class='tableBoxPDF cs_"+itemArray[i].Color+"'>&nbsp;</span>"}if(shared==false){$('<tr class="listView" onMouseOver="highlightObj(\''+itemArray[i].ID+"')\" onMouseOut=\"noFrameObj('"+itemArray[i].ID+"')\"><td>"+b+"</td><td>"+d+c+'</td><td class="sepCol">'+itemArray[i].FX+'</td><td class="sepCol">'+itemArray[i].Comments+'</td><td class="sepCol noPrint"><a href="javaScript:void(0);" onMouseDown="dropFromList(\''+itemArray[i].ID+'\');" title="Delete '+listTitle[0]+'"><img src="'+imgPath+'delete-black.svg" alt="'+languages.DELETE+'"></a><a href="javaScript:void(0);" onMouseDown="editForm(\''+itemArray[i].ID+'\');" title="'+languages.EDIT+'"><img src="'+imgPath+'edit-black.svg" alt="'+languages.EDIT+'"></a></td></tr>').appendTo("#trList")}else{$('<tr class="listView" onMouseOver="highlightObj(\''+itemArray[i].ID+"')\" onMouseOut=\"noFrameObj('"+itemArray[i].ID+"')\"><td>"+b+"</td><td>"+c+'</td><td class="sepCol">'+itemArray[i].FX+'</td><td class="sepCol">'+itemArray[i].Comments+'</td><td class="sepCol">&nbsp;</td></tr>').appendTo("#trList")}}}function dropFromList(b){$("#"+b).closest(".onStage").remove();if(findIndex(b,itemArray)>=0){itemArray.splice(findIndex(b,itemArray),1)}setList();setLocalStorageFn()}function highlightObj(d){var c=$("#"+d).closest(".onStage");($(c).css("border","dashed thin rgba(30,30,30,.3)"));$(c).animate({backgroundColor:"#cbe2ee",},50);$(c).animate({backgroundColor:"transparent",},200)}function noFrameObj(b){$("#"+b).closest(".onStage").css("border","dashed thin transparent")}function itemRot(c){var b=$(c).closest(".onStage");n=findIndex(b.attr("id"),itemArray);if(!itemArray[n].Rotation){itemArray[n].Rotation=0}itemArray[n].Rotation+=1;setLocalStorageFn();$(c).parent("span.onStage").children("img").removeAttr("class");$(c).parent("span.onStage").children("img").addClass("rot"+rotClasses[(itemArray[n].Rotation%8)])};