target_zoomin_magnification = 0.25;
var default_facility_no = 73; 						// main one that isn't hidden by default
var syos2_visible = false; 							// used by toggle_syos2() to determine whether panel is visible 
var syos2_height = 0; 								// if set to 0, panel becomes dynamic to user's browser window size.
var syos2_width = 0; 								// same as above
var syos2_inset = 30; 								// margin around panel to use when creating dynamically-sized panel
var syos2_map_inset = 10; 							// space around panel window.
var syos2_current_tab = "tab_select_section"; 		// id of currently selected tab
var img_clear = "/syos/images/blank.gif"; 			// URL to blank image to use
var img_src = []; 									// array contains arrays of URLS to seatmap images
img_src[0] = []; 										// main array index corresponds to (syos_map_id - 1)
// define seat maps images to use. Each should contain 4 image-URL strings.
img_src[1] = [];
img_src[2] = [];
img_src[3] = [];
img_src[4] = ["/sites/brtstage/images/SYOS/seatmap0.jpg", "/sites/brtstage/images/SYOS/seatmap1.jpg", "/sites/brtstage/images/SYOS/seatmap2.jpg"];

var seat_dot_sizes = [0, 0, 0, 0, 76];				// indexed by (syos_map_id - 1) 100% size of dot in pixels
// var map_background_colors = [ "#479", "#c15", "#17b", "#397", "#659"];	// I don't think this is used
var avail = "/sites/brtstage/images/SYOS/avail.gif"; 				// image to use for available seats
var avail1 = "/sites/brtstage/images/SYOS/avail.gif"; 				// image to use for available seats in same zone: used in conjunction with hilight_threshhold defined below.
var yours = "/sites/brtstage/images/SYOS/yours.gif"; 				// image to use to indicate reserved seat.
var seatIsPurchased = "Seat is in your cart"; 		// Text to display when moused-over seat is in users cart
var seatNotPurchased = "Click to purchase this seat"; // text to display when seat is available for purchase
var leave_single = true; 							// this could be set via a config. Indicates whether to enforce orphan seating ( set to true to allow orphan seating)
var hilight_threshhold = 1; 							// set lower when sections are large to avoid taking too long finding seats in same zone. Set to 1 to disable.

var zoneinfo = [];

// var vfs_images = [null, { url: "/syos/images/ViewFromSeatImages/viewfromseats2.jpg", cols: 10, rows: 20, width: 2000, height: 2660}];
var vfs_images = [];

dotOpacity = 85;

// possible override methods

// function format_performance_cart_override(oSublineItemArray)

// function BuildMapPricingOverride(iMapId)



function arrange_section_selection() {
	var syos2_section_selector = document.getElementById("syos2_section_selector");
	var syos2_section_selector_width = parseInt(syos2_section_selector.style.width);
	var syos2_section_selector_imageholder_left = "" + (syos2_section_selector_width - 400) + px;
	var instruction_width = "" + (syos2_section_selector_width - 400) + px;
	if (syos2_section_selector_width > 800) {
		var amt_over_minwidth = syos2_section_selector_width - 800;
		var instwidamt = (syos2_section_selector_width - 400 - Math.floor(2 * amt_over_minwidth / 3));
		instruction_width = "" + instwidamt + px;
		syos2_section_selector_imageholder_left = "" + (Math.floor(amt_over_minwidth / 3) + instwidamt) + px;
	}

	var syos2_section_selector_imageholder = document.getElementById("syos2_section_selector_imageholder");
	syos2_section_selector_imageholder.style.left = syos2_section_selector_imageholder_left;

	var instructions = document.getElementById("instructions");
	instructions.style.width = instruction_width;

	var div_map_pricing = document.getElementById("div_map_pricing");
	div_map_pricing.style.width = instruction_width;

}