<!--
// JScript File

	getImagePopupHTML = function(imgname,imgsrc,imgwidth,imgheight) {
	    var dimstr = "";
/*
	    var dimstr = ( !(imgwidth==undefined) 
			? "width='" + imgwidth + "'" + ( !(imgheight==undefined) ? " height='" + imgheight + "'" : "" )
			: "width='100%'" );
*/

	    var strHTML = ""
		+ "<div style='border:0; padding:0; margin:0; cursor:default;' onmouseover='javascript: this.style.cursor=&quot;default&quot;;' >"
	        + "<table style='background-color:#ADD8E6; border:groove 1pt #006400; cursor:default;' cellspacing='0' cellpadding='2' >"
            	+   ( ( ( imgname!=undefined ) && ( imgname.length!=0 ) ) 
                    ?   "<tr>"
                        +   "<td style='text-align:left; background-color:#FFFFE0; border-bottom:groove 1pt #006400; font-size:small; font-weight:bold; font-style:italic;' nowrap='nowrap' >"
                        +       "&nbsp;<b><i><span id='spnLoc'>" + imgname + "</span>"
                        +   "</td>"
                        +"</tr>" 
                    :"" 
                )
            	+   "<tr>"
            	+       "<td style='text-align:center; vertical-align:middle; background-color:#ADD8E6; padding:3;'>"
            	+       	"<img id='imgPopup' style='position:static; display:inline-block; overflow:visible; visibility:visible; z-index:1000; border:solid 2 #000000;' src='" + ( ( ( imgsrc!=undefined ) && ( imgsrc.length!=0 ) ) ? imgsrc :"" ) + "' " + dimstr + "/>"
            	+       "</td>"
            	+   "</tr>"
            	+   "<tr>"
            	+       "<td style='text-align:left; font-size:x-small; font-style:italic;'>"
            	+       	"*Click outside the box to close."
            	+        "</td>"
            	+   "</tr>"
            	+ "</table>"
		+ "</div>";
            
        return strHTML;
	}

	function home_bnr_ondblclick() {
		alert(""
  	 	+ "SERVER_NAME= " + window.top.SERVER_NAME + "\n"
  	 	+ "APPLICATION_NAME= " + window.top.APPLICATION_NAME + "\n"
  	 	+ "");

	}
	
	
        var popPic = null;

/*
	var showPic = function(pictitle,picsrc) {
	    if ( popPic ) {
	        if ( popPic.isOpen ) popPic.hide();
	        // popPic = null;
	    }
	    
	    if ( window.createPopup && !(pictitle==undefined) && !(picsrc==undefined) ) {
	        if ( !(opener==undefined) ) {
                    venuedataPopLeft = ( window.event.clientX 
                        ? eval(parseInt(window.event.clientX) + 20) 
                        : ( window.event.pageX 
                            ? eval(parseInt(window.event.pageX) + 20) 
                            : null ) );
                    venuedataPopTop = ( window.event.clientY 
                        ? eval(parseInt(window.event.clientY) + 80) 
                        : ( window.event.pageY 
                            ? eval(parseInt(window.event.pageY) + 80) 
                            : null ) );
	        }

 	    	var imgid = "" + new Date().getTime();
            	var imgsrc = "Contents/Images/pics/" + picsrc;

	    	var oImg = new Image();
	    	var oDCO = new DocumentCursorObject("divShell_Header");

            	var minPicWidth = parseInt(screen.availWidth * 0.4);
            	var maxPicWidth = parseInt(screen.availWidth * 0.5);

	    	var setWaitCursor = function() {
			oDCO.setCursor("wait");
	    	}

	    	var clrWaitCursor = function() {
			oDCO.clrCursor();
	    	}

		var doImageReadyState = function() {
			switch ( oImg.readyState ) {
				case "complete":
					if ( !(oDCO==null) ) setTimeout(clrWaitCursor,0);

			                // adjust pic dimensions based
			                // on min & max requirements
			                var minpct = eval(minPicWidth / oImg.width)
			                var maxpct = eval(maxPicWidth / oImg.width)

			                var picWidth = parseInt( minpct > 1 ? minPicWidth : ( maxpct < 1 ? maxPicWidth : oImg.width ) );

		                	var strHTML = getImagePopupHTML(pictitle,imgsrc,picWidth);
                	
		                	if ( strHTML.length > 0 ) {
        					var popLeft = ( window.event.clientX 
			           			? eval(parseInt(window.event.clientX) + 20) 
				    			: ( window.event.pageX 
				    				? eval(parseInt(window.event.pageX) + 20) 
				        			:null ) );
                
			        		var popTop = ( window.event.clientY 
			            			? eval(parseInt(window.event.clientY) + 80) 
			            			: ( window.event.pageY 
			                			? eval(parseInt(window.event.pageY) + 80) 
			                			:null ) );

		                    		popPic = createPopup();
                
		                    		if ( popPic ) {
				        		var pBody = popPic.document.body;

		                        		pBody.innerHTML = strHTML;
		                        		popPic.show(0,0,100,0);

		                        		popWidth = pBody.scrollWidth;
                       					popHeight = pBody.scrollHeight;

							var pImg = pBody.all("imgPopup");

							var fnShowMap = function() {
								if ( pImg.readyState=="complete" ) {
		                        				popPic.show(
                       			    					popLeft,
		                            					popTop,
		                            					popWidth,
                       			    					popHeight);

									return;
								} else {
									setTimeout(fnShowMap,0);
								}
							}

							fnShowMap();
		                    		}
		                	}

					break;
			} 
		}
	
	    	var setImageData = function() {
			oImg.id = imgid;
			oImg.src = imgsrc;
	    	}

		if ( oImg ) {
			oImg.onreadystatechange = doImageReadyState;

			setTimeout(setImageData,0);

			if ( !(oImg.readyState=="complete") ) {
				setTimeout(setWaitCursor,0);
			}
		}
   	    }
	}
*/

	var showPic = function(pictitle,picsrc) {
	    if ( popPic ) {
	        if ( popPic.isOpen ) popPic.hide();
	        // popPic = null;
	    }
	    
	    if ( window.createPopup && !(pictitle==undefined) && !(picsrc==undefined) ) {
	        if ( !(opener==undefined) ) {
                    venuedataPopLeft = ( window.event.clientX 
                        ? eval(parseInt(window.event.clientX) + 20) 
                        : ( window.event.pageX 
                            ? eval(parseInt(window.event.pageX) + 20) 
                            : null ) );
                    venuedataPopTop = ( window.event.clientY 
                        ? eval(parseInt(window.event.clientY) + 80) 
                        : ( window.event.pageY 
                            ? eval(parseInt(window.event.pageY) + 80) 
                            : null ) );
	        }

            	var imgsrc = "Contents/Images/pics/" + picsrc;

		var strHTML = getImagePopupHTML(pictitle,imgsrc);
                	
		if ( strHTML.length > 0 ) {

			popPic = createPopup();
                
		        if ( popPic ) {
				var cliLeft = ( window.event.clientX 
							? eval(parseInt(window.event.clientX) + 20) 
							: ( window.event.pageX 
								? eval(parseInt(window.event.pageX) + 20) 
				        			:null ) )

				var cliTop = ( window.event.clientY 
			        			? eval(parseInt(window.event.clientY) + 80) 
			        			: ( window.event.pageY 
			                			? eval(parseInt(window.event.pageY) + 80) 
			                			:null ) );

        			var popLeft = 0;
				var popTop = 0;
		       	 	var popWidth = 100;
		        	var popHeight = 0;

				var pBody = popPic.document.body;

		                pBody.innerHTML = strHTML;

		                popPic.show(
                       			popLeft,
		                        popTop,
		                        popWidth,
                       			popHeight);

				var pImg = pBody.all("imgPopup");

				var fnShowMap = function() {
					if ( pImg.readyState=="complete" ) {
						// adjust pic dimensions based
						// on min & max requirements
            					var minPicWidth = parseInt(screen.availWidth * 0.4);
            					var maxPicWidth = parseInt(screen.availWidth * 0.5);

						var minpct = eval(minPicWidth / pImg.width)
						var maxpct = eval(maxPicWidth / pImg.width)

						var picWidth = parseInt( minpct > 1 ? minPicWidth : ( maxpct < 1 ? maxPicWidth : pImg.width ) );

						pImg.width = picWidth;

        					popLeft = cliLeft;
						popTop = cliTop;
		                		popWidth = pBody.scrollWidth;
                       				popHeight = pBody.scrollHeight;
				
		                        	popPic.show(
                       			    		popLeft,
		                            		popTop,
		                            		popWidth,
                       			    		popHeight);

						return;
					} else {
						setTimeout(fnShowMap,0);
					}
				}

				fnShowMap();
		        }
		}
   	    }
	}

function doLegend(show) {
	var div = document.getElementById("divLegend");
	var spn = document.getElementById("spnLegend");

	if ( show=="hide" ) {
		if ( spn ) {
			spn.onclick = function() { doLegend("show"); }
			spn.innerHTML = "[\+]";
			spn.style.color = "BLACK"
		}
		if ( div ) div.className = "hideLegend";
	}
	if ( show=="show" ) {
		if ( spn ) {
			spn.onclick = function() { doLegend("hide"); }
			spn.innerHTML = "[\-]";
			spn.style.color = "BLACK"
		}
		if ( div ) div.className = "showLegend";
	}
}

function getShellHTML(docID) {
    var strHTML = ""

    switch (docID) {
        case "divShell_Header":
            strHTML = ""
                + "<table id='tblShell_Header' style='border:groove 4px #0000CC;' cellspacing='0'>"
                + "    <tr>"
                + "       <td class='hdrTdBdrR' align='left'>"
                + "           <div id='divGNav' class='GNavDiv'></div>"
                + "       </td>"
                + "        <td class='hdrTdBdrL' >"
                + "            <span style='display:block; height:0px;'>&nbsp;</span>"
                + "        </td>"
                + "   </tr>"	
                + "   <tr>"
                + "       <td class='hdrTdBdrR' align='center'>"
                + "           <img id='imgTitleBanner' src='Contents/Images/nav/home_bnr.gif' alt='' style='display:block; margin-top:0px;' ondblclick='home_bnr_ondblclick()' />"
                + "           <img src='Contents/Images/bassplyr.jpg' alt='' style='width:50px; height:100px; display:inline;' />&nbsp;&nbsp;"
                + "           <img src='Contents/Images/pianplyr.jpg' alt='' style='width:150px; height:86px; display:inline;' />&nbsp;&nbsp;"
                + "           <img src='Contents/Images/saxplyr.jpg' alt='' style='width:50px; height:103px; display:inline;' />&nbsp;&nbsp;"
                + "           <img src='Contents/Images/bassplyr.jpg' alt='' style='width:50px; height:100px; display:inline;' />&nbsp;&nbsp;"
                + "           <img src='Contents/Images/pianplyr.jpg' alt='' style='width:150px; height:86px; display:inline;' />&nbsp;&nbsp;"
                + "           <img src='Contents/Images/saxplyr.jpg' alt='' style='width:50px; height:103px; display:inline;' />&nbsp; "
                + "        </td>"
                + "        <td class='hdrTdBdrL' style='text-align:center; vertical-align:middle' >"
                + "            <img class='grpPicDiv' src='Contents/Images/pics/20090213/grouppix_thumb.jpg' alt='' style='width:132px; height:88px; border:solid 2px #000000; display:block; cursor:pointer;' onclick='showPic(\"Solid Ground\", \"20090213/grouppix.jpg\")' />"
                + "            <font size='3' style='font-weight:bold;'>Click pix or <span style='text-decoration:underline; color:#00008B; cursor:pointer;' onclick='showPic(\"Solid Ground\", \"20090213/grouppix.jpg\")'>here</span> to<br />enlarge</font>"
                + "        </td>"
                + "    </tr>"
                + "</table>"

            break;
        case "divShell_Legend":
            strHTML = ""
                + "<table style='border:2 darkgreen groove; background-color:gainsboro; text-align:left; vertical-align:top;' >"
                + "    <tr>"
                + "    	   <td style='text-align:left; vertical-align:top; font-size:small; font-weight:bold; font-style:italic;'>"
		+              "Icon Legend&nbsp;&nbsp;<span id='spnLegend' style='border:1 lightyellow solid; background-color:white; cursor:hand; font-style:normal; font-size:normal; font-family:\"Courier New\"; color:BLACK;' onclick='doLegend(\"show\")'>[\+]</span>"
                + "    	   </td>"
                + "    </tr>"
                + "    <tr>"
                + "    	   <td>"
                + "    	       <div id='divLegend' class='hideLegend'>"
                + "            <table style='border:1 darkblue solid; background-color:lightyellow; text-align:left; vertical-align:top;' cellpadding='2' cellspacing='0' >"
                + "                <tr>"
                + "    	               <td style='text-align:center; vertical-align:middle; background-color:lightblue;'>"
		+ "                        <img style='text-align:center; vertical-align:middle; padding:1; border:1 darkgreen solid; position:inherit;' " 
		+                              " src='Contents/Images/graphics/information.jpg' alt='' width='15' height='15' />"
                + "    	               </td>"
                + "    	               <td style='text-align:left; vertical-align:middle; font-size:x-small; border-right:1 darkblue solid;'>"
		+                          "Hoverable; venue location info (popup)."
                + "    	               </td>"

                + "    	               <td style='text-align:center; vertical-align:middle; background-color:lightblue;'>"
		+ "                        <img style='text-align:center; vertical-align:middle; padding:1; border-left: 1 darkred solid; border-top: 1 darkred solid; border-right: 1 darkred solid; border-bottom: 1 darkred solid; position:inherit;' " 
		+                              " src='Contents/Images/graphics/link33.gif' alt='' width='15' height='15' />"
                + "    	               </td>"
                + "    	               <td style='text-align:left; vertical-align:middle; font-size:x-small; border-right:1 darkblue solid;'>"
		+                          "Clickable; external link (new window)."
                + "    	               </td>"

                + "    	               <td style='text-align:center; vertical-align:middle; background-color:lightblue;'>"
		+ "                        <img style='text-align:center; vertical-align:middle; padding:1; border-left: 1 darkblue solid; border-top: 1 darkblue solid; border-right: 1 darkblue solid; border-bottom: 1 darkblue solid; position:inherit;' "
//		+ 			       " onreadystatechange='hoverMapReadyState(this)'" 
		+                              " src='Contents/Images/graphics/ca_map.jpg' alt='' width='15' height='15' />"
                + "    	               </td>"
                + "    	               <td style='text-align:left; vertical-align:middle; font-size:x-small; border-right:1 darkblue solid;'>"
		+                          "Hoverable; area map (popup)."
                + "    	               </td>"

                + "    	               <td style='text-align:center; vertical-align:middle; background-color:lightblue;'>"
		+                          NEW_MARKER
                + "    	               </td>"
                + "    	               <td style='text-align:left; vertical-align:middle; font-size:x-small; border-right:1 darkblue solid;'>"
		+                          "Indicator; posted within past " + NEWPOSTDAYLAPSE + " days."
                + "    	               </td>"

                + "    	               <td style='text-align:center; vertical-align:middle; background-color:lightblue;'>"
		+                          UPDATED_MARKER
                + "    	               </td>"
                + "    	               <td style='text-align:left; vertical-align:middle; font-size:x-small; border-right:1 darkblue solid;'>"
		+                          "Indicator; updated within past " + NEWPOSTDAYLAPSE + " days."
                + "    	               </td>"

                + "    	               <td style='text-align:center; vertical-align:middle; font-size:small; background-color:lightblue;'>"
		+                          "(P)"
                + "    	               </td>"
                + "    	               <td style='text-align:left; vertical-align:middle; font-size:x-small; border-right:1 darkblue solid;'>"
		+                          "Indicator; private event."
                + "    	               </td>"

                + "    	               <td style='text-align:center; vertical-align:middle; font-size:small; background-color:lightblue;'>"
		+                          "($)"
                + "    	               </td>"
                + "    	               <td style='text-align:left; vertical-align:middle; font-size:x-small; border-right:1 darkblue solid;'>"
		+                          "Indicator; admission/entrance fee."
                + "    	               </td>"

                + "    	               <td style='text-align:center; vertical-align:middle; font-size:small; background-color:lightblue;'>"
		+                          "(?)"
                + "    	               </td>"
                + "    	               <td style='text-align:left; vertical-align:middle; font-size:x-small;'>"
		+                          "Indicator; unknown/TBD. Stay tuned."
                + "    	               </td>"
                + "                </tr>"
                + "            </table>"
                + "            </div>"
                + "    	   </td>"
                + "    </tr>"
                + "</table>"
                
            break;
        case "divShell_Footer":
            strHTML = ""
                + "<p style='color:#800080; font-size:small;'>Send mail to <a href='mailto:webmaster@solidgroundmusic.com'>webmaster@solidgroundmusic.com</a> with questions or comments about this web site.<br />Copyright 2009 All Rights Reserved<br />Last modified:January 07, 2008</p>"
                + "<p style='position:relative; top:-5px;'>"
                + "    <a href='http://validator.w3.org/check?uri=referer'>"
                + "        <img src='http://www.w3.org/Icons/valid-xhtml10-blue' alt='Valid XHTML 1.0 Transitional' height='31' width='88' />"
                + "    </a>"
                + "</p>"
                
            break;
        default:
            break;
    }
            
    return strHTML;
}
//-->