<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML lang=en xmlns="http://www.w3.org/1999/xhtml" xmlns:php = 
"http://php.net/xsl" xmlns:exslt = "http://exslt.org/common"><HEAD 
xmlns=""><TITLE>Superior Safe & Security LLC - Contact Us</TITLE>
<META content="text/html; charset=unicode" http-equiv=Content-Type>
<META content=IE=7 http-equiv=X-UA-Compatible>
<META name=GENERATOR content="MSHTML 9.00.8112.16457">
<META id=mDescription name=DESCRIPTION 
content="Superior Safe &amp; Security would appreciate the opportunity to discuss our capabilities, be it products or services, with you.">
<META id=mKeywords name=KEYWORDS 
content="Superior Safe &amp; Security LLC, Contact Us, 3130 Market Street, Green Bay, WI">
<STYLE>

	    #errorMapContainer {width:100%;margin-bottom:10px;display:none;}
            #mapAlertContainer {margin:0;padding-top:10px;float:left;position:relative;display:none;}
                #mapFailureBlock {padding:10px;}
                #mapFailureBlock img {float:left;position:relative;}
                #mapFailureBlock .errorContent {margin-left:45px;}

            #mapOverlay {display:none;position:absolute;z-index:1000;margin-top:0;}
                #mapOverlay .toolbar-inner {text-align:left;position:relative;width:180px;margin:auto auto;cursor:pointer;}
                #buttonContainer {display:none;}
            #mapZone {margin-top:20px;margin-bottom:30px;min-height:30px}
            #mapContainer {margin-bottom:10px;background-color:transparent;}

            #formOverlay {display:none;position:absolute;z-index:1000;margin-top:0;}
                #formOverlay .toolbar-inner {text-align:left;position:relative;width:180px;margin:auto auto;cursor:pointer;}
            #formZone {margin-top:20px;margin-bottom:10px;min-height:30px}
            #formContainer {margin-bottom:10px;background-color:transparent;}

            #mapNoDisplay {text-align:left;position:relative;top:0;left:0;margin:10px auto;min-height:30px}
            #formNoDisplay {text-align:left;position:relative;top:0;left:0;margin:10px auto;min-height:30px;}

            #formContainer .successAlert {margin:10px;display:none;}
                #formContainer .successAlert #successBlock {padding:10px;display:none;}
                #formContainer .successAlert #successBlock .question {margin-left:45px}
            #formContainer .failureAlert {margin:10px;display:none;}
                #formContainer .failuireAlert #successBlock {padding:10px;display:none;}
                #formContainer .failureAlert #successBlock .question {margin-left:45px}

            #defFormContainer {font-size:13px}
        	#defFormContainer .formTitle {font-size:152%;padding:0;color:#000;display:block;margin:10px 0}
        	#defFormContainer .requiredText {margin-bottom:20px;color:#000;font-weight:normal;display:block;}
	        #defFormContainer .inputLabel {width:150px;float:left;margin-right:8px;}
                #defFormContainer input {width:200px;display:inline;}
                #defFormContainer textarea {margin-left:70px;width:150px;display:inline}
                #defFormContainer .defFormInput {margin-left:70px}

            #formButtonContainer {width:120px;margin-top:20px;}

            /* Dialog Buttons - copied from admin_ui.css*/
.toolbar-btn-size-XS {width:57px;}
.toolbar-btn-size-S {width:105px;}
.toolbar-btn-size-M {width:130px;}
.toolbar-btn-size-L {width:155px;}
.toolbar-btn-size-XL {width:180px;}
.toolbar-btn { height:23px;overflow:hidden;margin:0;position:relative;float:left}
	.toolbar-inner { float:left; margin-left:0px}
	.toolbar-btn span { height:23px;width:100%;display:block;cursor:pointer; }

	.toolbar-btn .t1 { background:url(http://l.yimg.com/ln/assets/i/us/wh/gr/ast/toolbar/bn_smbutton_sd_left_1.gif) 0 0 no-repeat;left:0;z-index:2; }
	.toolbar-btn .t2 { background:url(http://l.yimg.com/ln/assets/i/us/wh/gr/ast/toolbar/bn_smbutton_sd_right_1.gif) 100% 0 no-repeat;z-index:1;text-align:center }
	 .leftbtn {float:left}
	 .rightbtn {float:right}
    .toolbar-btn a { color:#004174!important;font:11px verdana, arial, sans-serif;text-decoration:none;padding:4px 0;display:block;background:url(http://l.yimg.com/ln/assets/i/us/wh/gr/ast/toolbar/bn_smbutton_sd_tile_1.gif) repeat-x;height:23px;margin:0 12px; }

        </STYLE>
<LINK id=globalCSS rel=stylesheet type=text/css 
href="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/css/hosting/yss/v2/global_1.3.16.5.css" 
media=screen><LINK id=themeCSS rel=stylesheet type=text/css 
href="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/assets/hosting/yss/themes/medina/berber/css/en-us/theme_1.2.8.5.css" 
media=screen><LINK id=layoutCSS rel=stylesheet type=text/css 
href="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/assets/hosting/yss/themes/medina/berber/css/en-us/layout_1_wt_1.2.8.2.css" 
media=screen><LINK id=extensionsCSS rel=stylesheet type=text/css 
href="http://us.yimg.com/lib/smb/assets/hosting/yss/extensions/css/mc_yss_extensions.1_1_2_3b.css" 
media=screen>
<SCRIPT type=text/javascript 
src="http://yui.yahooapis.com/2.7.0/build/utilities/utilities.js"></SCRIPT>

<SCRIPT type=text/javascript 
src="http://l.yimg.com/ln/assets/lib/common/widgets/2/container/container_2.1.0.js"></SCRIPT>

<SCRIPT type=text/javascript>
            var $D  =  YAHOO.util.Dom;
            var $E  =  YAHOO.util.Event;
            var $A  =  YAHOO.util.Anim;
            var $M  =  YAHOO.util.Motion;
            var $EA =  YAHOO.util.Easing;
            var $DD =  YAHOO.util.DD;
            var $C  =  YAHOO.util.Connect;
            var $   =  $D.get;

            YAHOO.namespace ("Smb.Asteroids.Logger");
            YAHOO.Smb.Asteroids.Logger = {
                Log : function(e) {
                    if (typeof console !== 'undefined') {
                        console.log(e);
                    }
                }
            }
            var $LOG = YAHOO.Smb.Asteroids.Logger.Log;
        </SCRIPT>
</HEAD>
<BODY>
<DIV id=body>
<DIV id=doc>
<DIV id=hd xmlns="">
<STYLE>
		blockquote {margin-right:0;padding-right:0}
	</STYLE>

<DIV id=hContent>
<DIV id=headerContent class=editorWrap>
<DIV id=headerZoneElement class="editable rte flexContent" 
rel="itemGuid.31337.sit.hc.001">
<H1>Superior Safe &amp; Security LLC</H1></DIV></DIV></DIV>
<DIV id=hMisc>
<DIV style="WIDTH: auto; HEIGHT: auto" class=contactInfoContainer>
<P class=vcard><SPAN class=adr><SPAN class=street-address>3130 Market 
Street</SPAN><BR><SPAN class=locality>Green Bay</SPAN><SPAN class=separator>, 
</SPAN><SPAN class=region>WI</SPAN> <SPAN 
class=postal-code>54304</SPAN></SPAN><SPAN class=phoneNumbers><BR><SPAN 
class=tel><SPAN class=type>ph: </SPAN>920-338-8777</SPAN><BR><SPAN 
class=tel><SPAN class=type>fax: </SPAN>920-338-8787</SPAN><BR><SPAN 
class=tel><SPAN class=type>alt: </SPAN>800-626-0888</SPAN></SPAN><BR><SPAN 
class=mailtoWrapper><A class=email 
href="mailto:jgossen@superiorsafeandsecurity.com">jgossen<WBR>@superior<WBR>safeandse<WBR>curity<WBR>.com</A></SPAN></P></DIV></DIV></DIV>
<DIV id=wrapper class=navpos_north>
<DIV id=navigation class="tglsty_arrow sub_dynamic" xmlns="">
<UL id=mainNav role=navigation>
  <LI style="Z-INDEX: 17" class="mainNav "><A href="/home">Home</A> 
  <LI style="Z-INDEX: 16" class="mainNav "><A 
  href="/products_and_services">Products and Services</A> 
  <LI style="Z-INDEX: 15" class="mainNav "><A href="/alarm_systems">Alarm 
  Systems</A> 
  <LI style="Z-INDEX: 14" class="mainNav "><A href="/camera_systems">Camera 
  Systems</A> 
  <LI style="Z-INDEX: 13" class="mainNav "><A 
  href="/access_control_systems">Access Control Systems</A> 
  <LI style="Z-INDEX: 12" class="mainNav "><A 
  href="/modular_vaults_and_doors">Modular Vaults and Doors</A> 
  <LI style="Z-INDEX: 11" class="mainNav "><A 
  href="/night_depositsreceivers">Night Deposits/Receivers</A> 
  <LI style="Z-INDEX: 10" class="mainNav "><A 
  href="/safes_and_safe_interiors">Safes and Safe Interiors</A> 
  <LI style="Z-INDEX: 9" class="mainNav "><A 
  href="/safe_deposit_boxes_and_lockers">Safe Deposit Boxes and Lockers</A> 
  <LI style="Z-INDEX: 8" class="mainNav "><A 
  href="/undercounter_equipment">Undercounter Equipment</A> 
  <LI style="Z-INDEX: 7" class="mainNav "><A href="/drive_up_equipment">Drive Up 
  Equipment</A> 
  <LI style="Z-INDEX: 6" class="mainNav "><A 
  href="/point-to-point_pneumatic_systems">Point-to-Point Pneumatic Systems</A> 
  <LI style="Z-INDEX: 5" class="mainNav "><A 
  href="/equipment_and_system_installation">Equipment and System 
  Installation</A> 
  <LI style="Z-INDEX: 4" class="mainNav "><A 
  href="/equipment_and_system_service">Equipment And System Service</A> 
  <LI style="Z-INDEX: 3" class="mainNav "><A 
  href="/central_station_monitoring">Central Station Monitoring</A> 
  <LI style="Z-INDEX: 2" class="mainNav "><A 
  href="/equipment_removal_and_storage">Equipment Removal and Storage</A> 
  <LI style="Z-INDEX: 1" class="mainNav active"><A href="/contact_us">Contact 
  Us</A> </LI></UL></DIV>
<DIV style="WIDTH: 601px; HEIGHT: 216px" id=bd xmlns="">
<DIV id=pageName>
<DIV id=pageNameContent class=editorWrap>
<DIV id=pageNameZoneContent class="editable rte flexContent" 
rel="itemGuid.pgName.pageGuid.contact.001">
<H2>Contact Us</H2></DIV></DIV></DIV>
<DIV id=zWrap>
<DIV id=zA>
<DIV id=zA-widget-layout-wrap class="widget-layout-wrap " rel="">
<DIV class=modWrap>
<P style="LINE-HEIGHT: 20px"><FONT size=3>Superior Safe &amp; Security would 
appreciate the opportunity to discuss our capabilities, be it products or 
services, with you.</FONT></P></DIV></DIV></DIV>
<DIV id=zB>
<DIV class=modWrap>
<DIV id=zone2 class="zoneContent flexContent"></DIV></DIV></DIV>
<DIV id=zC>
<DIV class=modWrap>
<DIV id=zone3 class="zoneContent flexContent">
<P style="LINE-HEIGHT: 20px"><FONT size=3></FONT>&nbsp;</P></DIV>
<SCRIPT type=text/javascript>
            YAHOO.namespace ('Smb.Asteroids.ContactUs');
        
            YAHOO.Smb.Asteroids.ContactUs.formHandler = {
                vfContactName : '',
                vfContactEmail : '',
                vfContactPhone : '',
                vfContactComments : '',
                errCount : '',
                showedSuccess : '',
                checkFields : function (){
                    YAHOO.Smb.Asteroids.ContactUs.formHandler.hideFailureAlerts();
                    YAHOO.Smb.Asteroids.ContactUs.formHandler.hideSuccessAlerts();
                    //YAHOO.Smb.Asteroids.ContactUs.formHandler.clearHighlighted();
                    this.vfContactName = $('contactName');
                    this.vfContactEmail = $('contactEmail');
                    this.vfContactPhone = $('contactPhone');
                    this.vfContactComments = $('contactComments');
                    this.errCount = 0;
                    this.showedSuccess = false;
                    var result;
                    errMsg = "";
                    if( this.vfContactName.value == '' ) {
                        errMsg += '<li>Please enter your name.</li>';
                        this.errCount++;
                        //YAHOO.Smb.Asteroids.ContactUs.formHandler.showHighlighted([this.vfContactName]);
                    }
                    <!-- User must enter either a phone number or an email address ->
                    if( this.vfContactEmail.value == '' ) {
                        <!-- email is empty - phone number can be anything except all spaces -->
                        if( this.vfContactPhone.value.search(/^\s*$/) != -1) {
                            errMsg += '<li>Please enter an email address or phone number where we can reach you.</li>';
                            this.errCount++;
                            //YAHOO.Smb.Asteroids.ContactUs.formHandler.showHighlighted([this.vfContactPhone,this.vfContactEmail]);
                        }
                    } else {
                        if(YAHOO.Smb.Asteroids.ContactUs.formHandler.checkEmail(this.vfContactEmail.value) == false) {
                                errMsg += '<li>That email address is not valid. Please enter your email address like this: you@xyz.com.</li>';
                                this.errCount++;
                                //YAHOO.Smb.Asteroids.ContactUs.formHandler.showHighlighted([this.vfContactEmail]);
                        }
                    }
                    result = (this.errCount == 0);
                    if(result == false) {
                        YAHOO.Smb.Asteroids.ContactUs.formHandler.showError();
                        alertMsg = $('formAlertFailure');
                        alertMsg.innerHTML = 'Sorry, we need a little more information.';
                        alertMsg.innerHTML += "<ul>"+errMsg+"</ul>";
                    } else {
                        <!-- data is good - send email to site owner -->
                        YAHOO.Smb.Asteroids.ContactUs.formHandler.sendEmailRequest();
                        if( !this.showedSuccess) {
                            YAHOO.Smb.Asteroids.ContactUs.formHandler.showSuccess()
                        }
                    }
                    return result;
                },
                isArray : function (a) {
                    return this.isObject(a) && a.constructor == Array;
                },
                isFunction : function (a) {
                    return typeof a == 'function';
                },
                isObject : function (a) {
                    return (a && typeof a == 'object') || this.isFunction(a);
                },
                showSuccess : function () {
                    YAHOO.Smb.Asteroids.ContactUs.formHandler.clearFields();
                    YAHOO.Smb.Asteroids.ContactUs.formHandler.hideFailureAlerts();
                    this.successDialog = $D.getElementsByClassName('successAlert','div');
                    var i;
                    for ( i=0;i<this.successDialog.length;i++ ) {
                        this.successDialog[i].style.display = 'block';
                    }
                },
                showError : function () {
                    this.failureDialog = $D.getElementsByClassName('failureAlert','div');
                    var i;
                    for ( i=0;i<this.failureDialog.length;i++ ) {
                        this.failureDialog[i].style.display = 'block';
                    }
                    //$D.setStyle(invalid.parentNode, 'background-color','yellow');
                },
                showHighlighted : function (invalid) {
                    var len = invalid.length;
                    for(var i=0;i<len;i++) {
                       var field = invalid.pop();
                       $D.setStyle(field.parentNode, 'background-color', 'yellow');
                    }
                },
                hideFailureAlerts : function () {
                    this.failureDialog = $D.getElementsByClassName('failureAlert','div');
                    var i;
                    for ( i=0;i<this.failureDialog.length;i++ ) {
                        this.failureDialog[i].style.display = 'none';
                    }
                },
                hideSuccessAlerts : function () {
                    this.successDialog = $D.getElementsByClassName('successAlert','div');
                    var i;
                    for ( i=0;i<this.successDialog.length;i++ ) {
                        this.successDialog[i].style.display = 'none';
                    }
                },
                clearHighlighted : function () {
                    this.required = $D.getElementsByClassName('requiredField','div');
                    var i;
                    for ( i=0;i<this.required.length;i++ ) {
 			$D.setStyle(this.required[i], 'background-color','white');
                    }
                },
                clearFields : function () {
                    YAHOO.Smb.Asteroids.ContactUs.formHandler.hideFailureAlerts();
                    YAHOO.Smb.Asteroids.ContactUs.formHandler.hideSuccessAlerts();
                    //YAHOO.Smb.Asteroids.ContactUs.formHandler.clearHighlighted();
                    /* the structure below is needed to fix an FF caret bug on some themes */
                    var emailFormInputs = $D.getElementsByClassName('defFormInput','input','defFormContainer');
                    for (var i=0;i<emailFormInputs.length;i++) {
                        emailFormInputs[i].focus();
                        emailFormInputs[i].value = ' ';
                        emailFormInputs[i].value = '';
                        emailFormInputs[i].blur();
                    }
		    //text field is not one of the defFormInput fields - clear it separately
		    $('contactComments').value = '';
                },
                checkEmail : function(string) {
		    //allow almost anything before the at-sign
		    //ensure the domain name is legal
                    return (string.search(/^[A-Za-z0-9_\.-]+\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1);
                },
                getCookie : function(c_name) {
                    if (document.cookie.length>0) {
                        c_start=document.cookie.indexOf(c_name + "=");
                        if (c_start!=-1) {
                            c_start=c_start + c_name.length+1;
                            c_end=document.cookie.indexOf(";",c_start);
                            if (c_end==-1) c_end=document.cookie.length;
                            return unescape(document.cookie.substring(c_start,c_end));
                        }
                    }
                    return "";
                },

                /*
                ##FIXME -- Currently not used - perhaps a future version might have a need for this function.
                */
                updateFormNames : function() {
                    $('contactName').name = 'record[email_request][0][contact_name][0][value]='+$('contactName').value+'';
                    $('contactCompany').name = 'record[email_request][0][contact_company][0][value]='+$('contactCompany').value+'';
                    $('contactEmail').name = 'record[email_request][0][contact_email][0][value]='+$('contactEmail').value+'';
                    $('contactPhone').name = 'record[email_request][0][contact_phone][0][value]='+$('contactPhone').value+'';
                    $('contactComments').name = 'record[email_request][0][msgbody][0][value]='+$('contactComments').value+'';
                },
                sendEmailRequest : function() {
		   //The email connector is expecting 4 fields
		   //  subject
		   //  from
		   //  emailAddress
		   //  msgBody
		   //subject is a constant string defined by us
                   var domainName = 'www.superiorsafeandsecurity.com';
                   var subjectString ='Feedback for '+domainName;
		   //Some strings that will be put into the email body are defined in the strings file
		   var notEntered ='N/A';
		   var introInEmail1 ='A visitor to';
		   var introInEmail2 ='has sent a message through your contact form.';
		   var nameInEmail ='Name: ';
		   var companyInEmail ='Company: ';
		   var emailInEmail ='Email: ';
		   var phoneInEmail ='Phone: ';
		   var msgInEmail ='Question/comment: ';

                   //from is either the email address entered on the Contact Us form
		   //     or the owner's email address if no email address was entered on that form
		   var myEmail ='jgossen@superiorsafeandsecurity.com'

		   var hisEmail = $('contactEmail').value;
	           var fromEmail = hisEmail;
		   if (!hisEmail) {
			hisEmail = notEntered;
			fromEmail = myEmail;
		   }
		   var emailString = 'record[email_request][0][from][0][value]='+fromEmail;
		   //emailAddress is the email address from the site settings information
                   var toString = 'record[email_request][0][emailAddress][0][value]='+myEmail;
		   //msgBody is composed from the other data entered on the Contact Us form
                   var company = $('contactCompany').value;
		   if(!company) {
			company = notEntered;
		   }
                   var phone = $('contactPhone').value;
		   if(!phone) {
			phone = notEntered;
		   }
                   var sentString = introInEmail1+' '+domainName+' '+introInEmail2+'\n\n'+nameInEmail+$('contactName').value+'\n'+companyInEmail+company+'\n'+emailInEmail+hisEmail+'\n'+phoneInEmail+phone+'\n'+msgInEmail+$('contactComments').value;
		   //sentString = escape(sentString);
                   $('record[email_request][0][msgBody][0][value]').value=sentString;
		   $('record[email_request][0][subject][0][value]').value=subjectString;
		   $('record[email_request][0][from][0][value]').value=fromEmail;
                   $('record[email_request][0][emailAddress][0][value]').value=myEmail;
                   $('emailCrumb').value='1357637629sso5lHxuRS6lIxW4LY4I._40Z.A-~A';

                   var eUrl ='/contact_us/email/';
		   var formObject = document.getElementById('nsForm'); 
		   $C.setForm(formObject,true); 
                   var cObj = $C.asyncRequest('POST', eUrl, { 
	     		upload: YAHOO.Smb.Asteroids.ContactUs.formHandler.showSuccess,
	     		success: YAHOO.Smb.Asteroids.ContactUs.formHandler.showSuccess,
	     		failure: YAHOO.Smb.Asteroids.ContactUs.formHandler.showError});
                   this.showedSuccess = true;
                   
                },
                handleSuccess : function (){},
                handleFailure : function (){},
                init : function (){
                    $E.on('submitButton','click',this.checkFields);
                    $E.on('clearButton','click',this.clearFields);
                }
            };
            YAHOO.Smb.Asteroids.ContactUs.init = function() {
                YAHOO.Smb.Asteroids.ContactUs.formHandler.init();
            };
            $E.onAvailable('ft',YAHOO.Smb.Asteroids.ContactUs.init, YAHOO.Smb.Asteroids.ContactUs, true);
        </SCRIPT>
</DIV></DIV></DIV>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>To contact us, please email </P>
<P>John Gossen at: <A 
href="mailto:jgossen@superiorsafeandsecurity.com">jgossen@superiorsafeandsecurity.com</A></P>
<P>or Scot Krause&nbsp;at: <A 
href="mailto:skrause@superiorsafeandsecurity.com">skrause@superiorsafeandsecurity.com</A></P>
<P>&nbsp;</P>
<P>Please leave your Name, Email, and phone number, and we will contact you as 
soon as possible. </P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P></DIV></DIV>
<DIV id=ft xmlns="">
<DIV id=fWrapper>
<DIV id=fContent>
<DIV id=footerContent class=editorWrap>
<DIV id=footerZoneElement class="editable rte flexContent" 
rel=".footerContent"></DIV></DIV></DIV>
<DIV id=fMisc>
<DIV style="WIDTH: auto; HEIGHT: auto" class=contactInfoContainer>
<P class=vcard><SPAN class=adr><SPAN class=street-address>3130 Market 
Street</SPAN><BR><SPAN class=locality>Green Bay</SPAN><SPAN class=separator>, 
</SPAN><SPAN class=region>WI</SPAN> <SPAN 
class=postal-code>54304</SPAN></SPAN><SPAN class=phoneNumbers><BR><SPAN 
class=tel><SPAN class=type>ph: </SPAN>920-338-8777</SPAN><BR><SPAN 
class=tel><SPAN class=type>fax: </SPAN>920-338-8787</SPAN><BR><SPAN 
class=tel><SPAN class=type>alt: </SPAN>800-626-0888</SPAN></SPAN><BR><SPAN 
class=mailtoWrapper><A class=email 
href="mailto:jgossen@superiorsafeandsecurity.com">jgossen<WBR>@superior<WBR>safeandse<WBR>curity<WBR>.com</A></SPAN></P></DIV></DIV>
<DIV id=fBadges></DIV></DIV></DIV>
<SCRIPT language=JavaScript 
src="http://l.yimg.com/ln/assets/lib/smb/js/hosting/cp/js_source/whv2_001.js" 
xmlns=""></SCRIPT>

<SCRIPT language=javascript xmlns="">geovisit();</SCRIPT>
<NOSCRIPT xmlns=""></NOSCRIPT></DIV></DIV>
<SCRIPT type=text/javascript xmlns=""></SCRIPT>

<SCRIPT type=text/javascript 
src="http://us.yimg.com/lib/smb/assets/hosting/yss/extensions/js/mc_yss_extensions.1_1_2_6.js" 
xmlns=""></SCRIPT>

<SCRIPT type=text/javascript xmlns="">
    YAHOO.namespace('Smb.Asteroids');
    var YSA = YAHOO.Smb.Asteroids;

    YSA.Nav = {
        isNavNorth : false,
        tmr : null,
        tmrInterval : 600,
        prevCloseNode : null,
        isFirstVisit : true,

        openSub : function(navNode) {
            $LOG('openSub');

            // Clear the timer if any, and if the previously opened subnav is still open (timeout expiration) 
            YSA.Nav.clearTimer();
            YSA.Nav.closePrevSubMenu();

            // For horizontal navigation, set the top position of sub-nav as the height of the 'trigger' element.
            if (YSA.Nav.isNavNorth) { 
                var subNavNode = navNode.getElementsByTagName('ul')[0];
                subNavNode.style.top = navNode.offsetHeight + 'px';
            }

            $D.addClass(navNode, 'opened');
            $D.addClass('admincontrols', 'displayNone');
        },
        closeSub : function(navNode) {
            $LOG('closeSub');
            YSA.Nav.clearTimer();
            YSA.Nav.prevCloseNode = navNode;
            YSA.Nav.tmr = setTimeout(function() { YSA.Nav.hideSub(navNode); }, YSA.Nav.tmrInterval); 
        },
        hideSub : function(navNode) {
            YSA.Nav.clearTimer();
    
            // For key board accessibility, the active sub menu is display:block., not none. So giving -999 to move it off screen in hide mode
            if (YSA.Nav.isNavNorth && $D.hasClass(navNode, 'active')) {
                var subNavNode = navNode.getElementsByTagName('ul')[0];
                subNavNode.style.top = '-999px'; 
            }
            $D.removeClass(navNode, 'opened');
            $D.removeClass('admincontrols', 'displayNone');
        },
        closePrevSubMenu : function() {
            if (YSA.Nav.prevCloseNode) {
                $LOG('Closing previous sub nav');
                YSA.Nav.hideSub(YSA.Nav.prevCloseNode);
                YSA.Nav.prevCloseNode = null;
            }
        },
        isSubOpen : function(navNode) {
            return $D.hasClass(navNode, 'opened');
        },
        toggleSub : function(navNode) {
            var NAV = YSA.Nav;
            if (NAV.isSubOpen(navNode)) {
                NAV.closeSub(navNode);
            } else {
                NAV.openSub(navNode);
            }
        },
        mouseOverTrigger : function(e) {
            $LOG('mouseOverTrigger');
            YSA.Nav.openSub(this);
        },
        mouseOutTrigger : function(e) {
            $LOG('mouseOutTrigger');
            var target = $E.getTarget(e);
            var relatedTarget = $E.getRelatedTarget(e);
            $LOG(target);
            $LOG(relatedTarget);
            YSA.Nav.closeSub(this);
        },
        mouseOverMainNav : function(e) {
            $LOG('mouseOverMainNav');
            if (!$D.hasClass(this, 'trigger')) {
                YSA.Nav.closePrevSubMenu();
            }
        },
        toggleClicked : function(e) {
            $LOG('toggle clicked');
            $LOG(e);
            $E.stopEvent(e);
            YSA.Nav.toggleSub(this.parentNode);
        },
        clearTimer : function() {
            $LOG('Clearing Nav Timer');
            if (YSA.Nav.tmr) {
                clearTimeout(YSA.Nav.tmr);
            }
            YSA.Nav.tmr = null;
        },
        clearSubNavStyles : function() {
            /* For horizontal navigation, we set the 'top' of subNav to align it with the bottom of trigger
                Now if the user chage the template from ribbon, remove this inline style. Else this old inline value will take precedence! */ 
            var subNavNode;
            var navDiv = $('navigation');
            var triggers = $D.getElementsByClassName('trigger', '', navDiv);
            for (var el in triggers) {
                if (YAHOO.lang.hasOwnProperty(triggers, el)) {
                    subNavNode = triggers[el].getElementsByTagName('ul')[0];
                    subNavNode.style.top = '';
                }
            } 
        },
        initNavSettings : function() {
            var wrapperDiv = $('wrapper');
            YSA.Nav.isNavNorth = (wrapperDiv && $D.hasClass(wrapperDiv, 'navpos_north')) ? true : false; 
        },
        init : function() {
            // For the first visit, subscribe to the layout(template) change event
            // When user changes template from the ribbon, we need to re-init this JS, based on the new templates settings. 
            if (YSA.Nav.isFirstVisit) {
                YSA.Nav.isFirstVisit = false;
                if (YSA.UiMgr) {
                    YSA.UiMgr.Layout.onChange.eventObj.subscribe(
                        function() { YSA.Nav.init() });
                }
            } else {
                YSA.Nav.clearSubNavStyles();
            }

            YSA.Nav.initNavSettings();
            var navDiv = $('navigation');
            if (! $D.hasClass(navDiv, 'sub_dynamic')) {
                return;
            }
            YSA.Nav.initNavSettings();
            var triggers = $D.getElementsByClassName('trigger', '', navDiv);
            $E.on(triggers, 'mouseover', this.mouseOverTrigger);
            $E.on(triggers, 'mouseout', this.mouseOutTrigger);
            var toggles = $D.getElementsByClassName('toggle', 'a', navDiv);
            $E.on(toggles, 'click', this.toggleClicked);
            var triggers = $D.getElementsByClassName('mainNav', '', navDiv);
            $E.on(triggers, 'mouseover', this.mouseOverMainNav);
        }
    };
    $E.on(window, 'load', YSA.Nav.init, YSA.Nav, true); 
</SCRIPT>
</BODY></HTML>