Usana Amphitheatre - Interactive concert Seating Chart (2024)

'; return html; } function format_mini_content(data){ var index = data[0]['index']; var image = data[0]['image']; var venue = data[0]['venue']; var section = data[0]['section']; var row = data[0]['row']; var seat = data[0]['seat']; var note = data[0]['note']; var member = data[0]['member_name']; var reviews = data[0]['reviews']; var rating = make_rating(data[0]['rating'],12); var location = ''; if(section != ""){ location += "section "+section; if(row != ""){ location += ", row "+row; } } var gallery_link = gallery_link = 'open_gallery(\''+section+'\');'; var html = ''; html += '

'; html += '

'; html += '

'; html += ''+rating+''; html += '

'; if(note != ""){ html += '

'+stripslashes(note)+'

'; } html += '

'; return html;} function stripslashes(str) { return (str + '').replace(/\\(.?)/g, function (s, n1) { switch (n1) { case '\\': return '\\'; case '0': return '\u0000'; case '': return ''; default: return n1; } });} function open_gallery(section_name){ $.getJSON( "/ajax/venue_seat_by_type.php?jsoncallback=?", {"venue": "Usana Amphitheatre", "photo_type": "concert", "section": section_name, "total": "all" }, function(data) { //console.log(data); // set up big photo if(data!=""){ // safety checks var data_length = data.length; if(data_length > 0){ // set up the gallery format_gallery(data); var first_photo = data[0]['index']; // set up structured data get_photo_tags(first_photo, section_name,''); } } }) .done(function(data) { }) .fail(function(data) { }) .always(function(data) { });} function format_gallery(data){ var content = ''; var gallery_title = 'Usana Amphitheatre section '+data[0]['section']+''; $("#gallery_title").html(gallery_title); $(data).each(function (index, value) { var index = value['index']; var image = value['image']; var venue = value['venue']; var section = value['section']; var row = value['row']; var seat = value['seat']; var member = value['member_name']; var reviews = value['reviews']; var video = value['video']; var rating = make_rating(value['rating'], 16); var note = stripslashes(value['note']); var clean_venue = clean_link_text(venue); var clean_section = clean_link_text(section); var clean_row = clean_link_text(row); var clean_seat = clean_link_text(seat); if(member == null){ member = 'anonymous'; } var play_button = ''; if(video != ""){ play_button = ''; } var photo_link = '/photo/'+index+'/'+clean_venue+'/section-'+clean_section+'/row-'+clean_row+'/seat-'+clean_seat+'/'; content += '

'; }); // add reviews to div $("#reviews").html(content); // show gallery $("#sv_photo_gallery").show(); // hide main scroll bar $("body").css('overflow', 'hidden'); // make grey area clickable, to close gallery $("#sv_photo_gallery .grey").mousedown(function(){ $("body").css('overflow', 'auto'); $("#sv_photo_gallery").hide(); }); // make grey area clickable, to close gallery $("#sv_photo_gallery .close").mousedown(function(){ $("body").css('overflow', 'auto'); $("#sv_photo_gallery").hide(); });} function get_photo_tags(photo_id, section_name, row_name){ // clear old structured data first $("#structured_data").html(""); $("#structured_data").removeClass("structured_data"); $.getJSON( "/ajax/get_photo_tags.php?jsoncallback=?", {"photo_id": photo_id }, function(data) { if(data!=""){ format_structured_data(data, section_name, row_name); } }) .done(function(data) { }) .fail(function(data) { }) .always(function(data) { });} function format_structured_data(data, section_name, row_name){ // fallback safety, this should already be cleared $("#structured_data").html(""); $("#structured_data").removeClass("structured_data"); // get for format structured data var content = ''; var section_tags = data['section_tags']; var row_tags = data['row_tags']; if(section_tags != ""){ var section_tag_string = "Section %s is tagged with"; var bold_section_name = ''+section_name+''; section_tag_string = section_tag_string.replace('%s', bold_section_name); content += '

'; } if(row_tags != ""){ var row_tag_string = "Row %s is tagged with"; var bold_row_name = ''+row_name+''; row_tag_string = row_tag_string.replace("%s", bold_row_name); content += '

'; } if(content != ""){ $("#structured_data").addClass("structured_data"); $("#structured_data").html(content); }} $(function(){ $("#dragable_canvas").draggable({cancel: "#mini_popup"}); $("#zoom_in").click(function(){ if(zoom_level < 5){ zoom_level ++; } do_zoom(zoom_level); }); $("#zoom_out").click(function(){ if(zoom_level > 0){ zoom_level --; }else{ $("#") } do_zoom(zoom_level) });$("#canvas").dblclick(function(){if(zoom_level < 5){ zoom_level ++; } do_zoom(zoom_level);}); var container_width = $("#canvas_container").width(); //console.log("container_width: "+container_width); var section_map = {"ACA.":{"path":"M356.8,252.1l-7.9,12.3c20.3,14.4,29.2,28.6,29.2,28.6l12-8.3C390.2,284.7,379.3,268.5,356.8,252.1z"}, "Lawn..":{"path":"M463.7,148c0,0-35.1-37.4-106.7-59.3L342.8,128c56.4,20.3,93.5,51.6,93.5,51.6L463.7,148z"}, "Lawn.":{"path":"M249.5,73.3c-43.2,0-79.9,6.7-110.3,16.2l14.1,39.3c28.2-10.2,61.1-17.9,96.1-17.9c34.3,0,66,7.3,93.3,17.1l14.2-39.3 C327.5,79.7,291.7,73.3,249.5,73.3z"}, "Lawn":{"path":"M32.4,148.4L59,179.9c0,0,37.9-30.7,94.3-51.1l-14.1-39.3C68.2,111.5,32.4,148.4,32.4,148.4z"}, "ACA":{"path":"M190.3,243.2l-5.9-15.4c-14.8,5.1-27.4,11.7-38,18.6l8.3,12.9C164.5,253.4,176.3,247.6,190.3,243.2z"}, "306":{"path":"M403.4,179.4l-42.8,66.7c23.2,17.3,33.7,34.4,33.7,34.4l69.1-43.9C463.4,236.6,443.2,207.3,403.4,179.4z"}, "305":{"path":"M342.1,147.1l-28.3,74.1c15.4,5.5,28.3,12.4,39.1,19.5l42.7-66.6C380.3,164.2,362.5,154.7,342.1,147.1z"}, "304":{"path":"M253.9,130.4v65.7c36.4,0.7,51.7,6.7,56,8.9l23.3-61.1C309.9,136.2,283.4,131.1,253.9,130.4z"}, "303":{"path":"M243.8,130.4c-30.3,0.4-57.4,5.6-81.3,13.4l23.1,60.6c5.8-2.6,22-8.1,58.2-8.3V130.4z"}, "302":{"path":"M99.8,173.7l42.3,65.9c10.8-7.2,23.9-14.1,39.4-19.4L153.6,147C133.1,154.4,115.1,163.8,99.8,173.7z"}, "301":{"path":"M134.4,245L92,178.9c-39.8,27.4-60,56.3-60,56.3l68.3,46.2C100.3,281.3,110.6,263,134.4,245z"}, "VIP.....":{"path":"M187.2,208.7l3.3,8.6c16-4.5,34.3-7.3,55.1-7.3c22.5,0,42.2,3.2,59.2,8.3l3.4-9c-6.4-2.7-23.8-8.2-61.5-8.2 C211.5,201.1,194.4,205.9,187.2,208.7z"}, "VIP....":{"path":"M349.1,246.7c-10.5-6.9-23.1-13.5-37.9-18.7l-5.7,15c14.1,4.4,25.9,10.1,35.6,16.1L349.1,246.7z"}, "VIP...":{"path":"M303.5,221.8c-1.7-0.9-12.1-5.6-43.3-6.7v20c13.3,0.7,25.3,2.7,36.1,5.4L303.5,221.8z"}, "VIP..":{"path":"M192.1,221.6l7.2,19c11-2.8,23.3-4.8,36.9-5.6v-20C204.8,215.8,194.5,220.3,192.1,221.6z"}, "VIP.":{"path":"M138.7,251.7c-22.9,16.6-33.9,33-33.9,33l12.8,8.3c0,0,9-14.1,29.3-28.4L138.7,251.7z"}, "VIP":{"path":"M287.5,271.7l7.3-24.6c0,0-13.5-4.9-46.9-4.9s-46.2,5.6-46.2,5.6l6.5,22.6c4.7-1.9,16-5,40.4-5 C274.3,265.5,284.1,269.6,287.5,271.7z"}, "203":{"path":"M300.8,259.1l-10.4,31.2c22.1,8.9,36.3,22.6,42.1,28.9c11.6-7.1,24.6-15,29.5-18C336.9,270,300.8,259.1,300.8,259.1z"}, "202":{"path":"M282.9,287.6l4.7-15.8c-3.4-2.1-13.2-6.2-38.9-6.2c-24.4,0-35.7,3.1-40.4,5l4.8,16.8c10.1-3.2,21.5-5.2,34.4-5.2 C260.7,282,272.5,284.2,282.9,287.6z"}, "201":{"path":"M205.3,290l-9.6-30.9c0,0-36,10.9-63.1,42.8c6.9,3.8,19.5,11,30.6,17.4C168.5,313.2,182.7,299,205.3,290z"}, "Pit..":{"path":"M290.4,290.3l-13.3,39.8l33.8,2.3c0,0,10.1-6.2,21.5-13.1C326.8,312.9,312.5,299.2,290.4,290.3z"}, "Pit.":{"path":"M247.5,282c-12.9,0-24.4,2.1-34.4,5.2l12.3,42.5h45l12.5-42.2C272.5,284.2,260.7,282,247.5,282z"}, "Pit":{"path":"M163.2,319.3c11.8,6.8,22,12.7,22,12.7l32.7-1.9L205.3,290C182.7,299,168.5,313.2,163.2,319.3z"}}; var props = {"props_stage":{"path":"M194.2,342.1 302.7,342.1 302.7,365 194.2,365 z"}, "props_mix":{"path":"M246.8,214.8c-3.7,0-7.2,0-10.5,0.1V235c3.9-0.2,7.9-0.3,12-0.3s8.1,0.1,12,0.3v-20C256.1,214.9,251.7,214.8,246.8,214.8z "}}; var bg = {"bg":{"path":"M193.4,368.8h108.5l167.8-124.5v-97.7c0,0-69.8-77.8-221.9-77.8s-226,83.8-226,83.8v91.7L193.4,368.8z"}}; var style_props = { "fill": "#D0E1EC", "fill-opacity": 1, "stroke": "#D0E1EC", "stroke-width": 1, "stroke-opacity": 1 }; var style_bg = { "fill": "#ebf7fe", "fill-opacity": 1, "stroke": "#369", "stroke-width": 2, "stroke-opacity": 1 }; var style_grass = { "fill": "#098042", "fill-opacity": 1, "stroke": "#804E1F", "stroke-width": 8, "stroke-opacity": 1 }; style_font_section = { "font-size": 6.5, "font-family": "Arial, Helvetica, sans-serif", "cursor":"pointer", "fill": "#696969", "width":"30px" }; style_font_section_filled = { "font-size": 6.5, "font-family": "Arial, Helvetica, sans-serif", "cursor":"pointer", "fill": "#696969" }; style_sections = { "fill": "#fff", "fill-opacity": 1, "stroke": "#36c", "stroke-width": 1, "stroke-opacity": 1, "cursor":"pointer" }; style_section_filled = { "fill": "#A3C266", "fill-opacity": 1, "stroke": "#36c", "stroke-width": 1, "cursor":"pointer" }; style_section_filled_active = { "fill": "#dce8c5", "fill-opacity": 1, "stroke": "#36c", "stroke-width": 1, "cursor":"pointer" }; style_section_current = { "fill": "#A3C266", "fill-opacity": 1, "stroke": "#36c", "stroke-width": 1, "cursor":"pointer" }; style_sections_highlighted = { "fill": "#ffffa0", "fill-opacity": 1, "stroke": "#36c", "stroke-width": 1, "stroke-opacity": 1, "cursor":"pointer" }; style_section_filled_highlighted = { "fill": "#7aa32d", "fill-opacity": 1, "stroke": "#36c", "stroke-width": 1, "cursor":"pointer" }; // container_width was 1800 paper = Raphael("canvas", container_width, container_width); paper.renderfix(); bg_shape = paper.set(); grass_shape = paper.set(); sections = paper.set(); section_extras = paper.set(); section_text = paper.set(); clickable_section = paper.set(); clickable_section_text = paper.set(); highlighted_section = paper.set(); // props & suites if(typeof bg !== 'undefined'){ $.each( bg, function( key, value ) { bg_shape.push(paper.path(value.path)); }); bg_shape.attr(style_bg); } // grass for ballparks if(typeof grass !== 'undefined'){ $.each( grass, function( key, value ) { grass_shape.push(paper.path(value.path)); }); grass_shape.attr(style_grass); } // props & suites if(typeof props !== 'undefined'){ $.each( props, function( key, value ) { section_extras.push(paper.path(value.path)); }); section_extras.attr(style_props); } var array_key; // sections $.each( section_map, function( key, value ) { array_key = section_key(key); // section shape all_section_names[array_key] = paper.path(value.path).data({"sec":array_key}); sections.push(all_section_names[array_key]); // bbox of section section_box = all_section_names[array_key].getBBox(); // section text all_section_text[array_key] = paper.text(0, 0, clean_out_text(key)).data({"sec":array_key}); all_section_text[array_key].translate(section_box.x+(section_box.width/2),section_box.y+(section_box.height/2)); section_text.push(all_section_text[array_key]); }); sections.attr(style_sections); sections.data("highlighted",false); sections.data("clickable",false); section_text.attr(style_font_section); section_text.data("highlighted",false); section_text.data("clickable",false); // would this replace the other one sections.mousedown(function(e){ var section = this.data("sec"); section = clean_out_text(section); var center_x = (e.pageX - $('#canvas').offset().left)-120+($('#canvas').position().left); var center_y = (e.pageY - $('#canvas').offset().top)-270+($('#canvas').position().top); make_mini_photo_popup(center_x, center_y, section); }); section_text.mousedown(function(e){ var section = this.data("sec"); section = clean_out_text(section); var center_x = (e.pageX - $('#canvas').offset().left)-120+($('#canvas').position().left); var center_y = (e.pageY - $('#canvas').offset().top)-270+($('#canvas').position().top); make_mini_photo_popup(center_x, center_y, section); }); // get clickable sections find_sections_with_photos(venue); // move text to front do_to_front(); paper.setViewBox(0,0,500,500,true); zoom_level = 4; $("#canvas svg").css("overflow","visible"); //paper.setSize(800,1200); $("#seat_finder_form input").change(function(){ // show a spinner, starting now var filter = $(this).val(); make_filter_request("1755","concert",filter); });});