$(document).ready(function() {
				// fix font
				if (!$.browser.msie) $('body').css('opacity', 0.9999);
				
				// show/hide options
				$('#showopt').click(function() {
					if($('#options').css('display') == 'none') {
						$('#options').fadeIn('slow');
						$('#showopt').fadeOut('slow');
					} else {
						$('#options').fadeOut('fast');
					}
				});
				$('#copt').click(function(){
						$('#options').fadeOut('slow');
						$('#showopt').fadeIn('slow');
				});
				
				$('#options').draggable();

				//hide additional option images
				function update_set_checkboxes() {
					var cl;
					cl = [];
					$(":checkbox").each(function() {
						var fpid = $(this).attr('name');
						
						var o = this;
						while (o && o != document.body) {
							if ($(o).css('display') == 'none') {
								this.checked = false;
								break;
							}
							o = o.parentNode;
						}						
						
						if (this.checked) {
							cl[cl.length] = 'active'+fpid;
							if (!this._vis) {
								this._vis=true;
								$("#" + fpid).fadeIn('fast');
								$("#" + fpid).highlightFade({
									start:'red',
									attr:'borderColor'
								});
							}
						} else if (this._vis) {
							this._vis=null;
							$("#" + fpid).fadeOut('fast');
						}
					});
					document.getElementById('shower').className = cl.join(' ');
				}
				
				function img(v,s,x,y) {
					return ['<img src="', window.top.mapname,
					'/', s, '" style="top:', y, 'px; left:',
					x, 'px;display:none;" border="0" class="fpd" id="',
					v, '" />'].join('');
				}

				$('#fpbox').append(['<img src="', window.top.mapname, '/base.gif"',
					' border="0" />'].join(''));
				$(':checkbox').each(function() {
					var fpid = $(this).attr('name');
					var imagename = $(this).attr('overlay');
					var cx = $(this).attr('coords').split(',');
					
					$('#fpbox').append(img(fpid, imagename, cx[3], cx[2]));
				});

				update_set_checkboxes();				

				//show/hide image on toggle
				var kl = [ 'change', 'click', 'mouseup', 'mousedown', 'keyup', 'keydown', 'keypress' ];
				var i;
				for (i = 0; i < kl.length; i++) {
					$(":checkbox")[ kl[i] ](function() {
						window.setTimeout(update_set_checkboxes,10);
					});
				}

				
			});
