function showImg(img,jjelement,atxt)
{
    $(jjelement).src=img;
    $(jjelement).setAttribute('alt',atxt);
    jjcaption = jjelement+"Caption";
    $(jjcaption).update(atxt);
}
function openLiveHelp(department)
    {
      window.open('https://www.an22.com/craftysyntax/' + 'livehelp.php?department=' + department + '', 'chat54050872', 'width=585,height=390,menubar=no,scrollbars=0,resizable=1');
    }
function TetraSalesForm(none)
{
    $('salesFormSubmitP').update('<div id="Send1-pbox0" class="pbox0 pbox0-pbutton pbox0-pb-Send" style="" onclick="javascript:$(\'salesForm\').submit()\;" ><div id="Send1-pbox1" class="pbox1 pbox1-pbutton pbox1-pb-Send" style="background-image:url(\'http://www.an22.com/corner.php4?img=d&amp\;angle=0&amp\;tl=FFFFFF&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><div id="Send1-pbox2" class="pbox2 pbox2-pbutton pbox2-pb-Send" style="background-image:url(\'http://www.an22.com/corner.php4?img=d&amp\;angle=90&amp\;tl=FFFFFF&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><div id="Send1-pbox3" class="pbox3 pbox3-pbutton pbox3-pb-Send" style="background-image:url(\'http://www.an22.com/corner.php4?img=d&amp\;angle=180&amp\;tl=FFFFFF&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><div id="Send1-pbox4" class="pbox4 pbox4-pbutton pbox4-pb-Send" style="background-image:url(\'http://www.an22.com/corner.php4?img=d&amp\;angle=270&amp\;tl=FFFFFF&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><div id="Send1-pbox5" class="pbox5 pbox5-pbutton pbox5-pb-Send" style="background-image:url(\'http://www.an22.com/corner.php4?img=d2&amp\;angle=360&amp\;tl=FFFFFF&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><a href="#" id="pblink-Send1" class="mclink">Send</a></div></div></div></div></div></div>');
}
function TetraSignupForm() {
    $('sufSubmit').update('<div id="Continue1-pbox0" class="pbox0 pbox0-pbutton pbox0-pb-Continue" style="" onclick="javascript:if(cansub==1){$(\'sufForm\').submit()\;}" ><div id="Continue1-pbox1" class="pbox1 pbox1-pbutton pbox1-pb-Continue" style="background-image:url(\'http://www.an22.com/corner.php4?img=d&amp\;angle=0&amp\;tl=002F66&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><div id="Continue1-pbox2" class="pbox2 pbox2-pbutton pbox2-pb-Continue" style="background-image:url(\'http://www.an22.com/corner.php4?img=d&amp\;angle=90&amp\;tl=002F66&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><div id="Continue1-pbox3" class="pbox3 pbox3-pbutton pbox3-pb-Continue" style="background-image:url(\'http://www.an22.com/corner.php4?img=d&amp\;angle=180&amp\;tl=002F66&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><div id="Continue1-pbox4" class="pbox4 pbox4-pbutton pbox4-pb-Continue" style="background-image:url(\'http://www.an22.com/corner.php4?img=d&amp\;angle=270&amp\;tl=002F66&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><div id="Continue1-pbox5" class="pbox5 pbox5-pbutton pbox5-pb-Continue" style="background-image:url(\'http://www.an22.com/corner.php4?img=d2&amp\;angle=360&amp\;tl=002F66&amp\;r1=000000&amp\;r2=000000&amp\;r3=trans&amp\;r4=trans\')\;" ><a href="#" id="pblink-Continue1" class="mclink">Continue</a></div></div></div></div></div></div>');
}
function gotoUri(uri) {
    window.location = uri;
    return true;
}
function TetraAppend() {
if(viewportWidth() <= 1048) {
    $('container').style.left = 0;$('container').style.right = 0;
}else{$('container').style.left = '12px';$('container').style.right = '12px';}
    return true;
}
var menuActive = false;
function menuNav(mbint,active)  {
    try {
        $$('.menu-button-hover').invoke('removeClassName','menu-button-hover');
        $$('.mb-lb-hover').invoke('removeClassName','mb-lb-hover');
        $$('.mb-rb-hover').invoke('removeClassName','mb-rb-hover');
    } catch (err) {$errored = true;}

 var menu=new Array();
    if(menuActive == false) {
        menuActive = $('navigation').innerHTML;
    }
    if(active == true) {
        $('navigation').update(menuActive);
        return true;
    }
    menu['nav_domains'] = '    <div class="navbox hover-navbox" id="navbox1">                            <ul class="navlist hover-navlist">    <li class="navlink hover-navlink" onclick="gotoUri(\'http://domains.an22.com\')\;"><a class="nav-url hover-nav-url" href="http://domains.an22.com">Domains</a></li>                            </ul>                        </div>    ';
menu['nav_an22'] = '    <div class="navbox hover-navbox" id="navbox1">                            <ul class="navlist hover-navlist">    <li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/">Home</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/blog/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/blog/">Blog</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/legal/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/legal/">Legal</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'https://cp.an22.com:8413/psoft/servlet/psoft.hsphere.CP\')\;"><a class="nav-url hover-nav-url" href="https://cp.an22.com:8413/psoft/servlet/psoft.hsphere.CP">HSphere Login</a></li>                            </ul>                        </div>    ';
menu['nav_hosting'] = '    <div class="navbox hover-navbox" id="navbox1">                            <ul class="navlist hover-navlist">    <li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/hosting/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/hosting/">Hosting</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/hosting/plans/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/hosting/plans/">Hosting Plans</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/hosting/datacenter/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/hosting/datacenter/">Datacenter</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/hsguide/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/hsguide/">HSphere Guide</a></li>                            </ul>                        </div>    ';
menu['nav_hsguide'] = '    <div class="navbox hover-navbox" id="navbox1">                            <ul class="navlist hover-navlist">    <li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/hosting/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/hosting/">Hosting</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/hosting/plans/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/hosting/plans/">Plans</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/hsguide/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/hsguide/">HSphere Guide</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'https://cp.an22.com:8413/psoft/servlet/psoft.hsphere.CP\')\;"><a class="nav-url hover-nav-url" href="https://cp.an22.com:8413/psoft/servlet/psoft.hsphere.CP">HSphere Login</a></li>                            </ul>                        </div>    ';
menu['nav_support'] = '    <div class="navbox hover-navbox" id="navbox1">                            <ul class="navlist hover-navlist">    <li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/support/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/support/">Support</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/support/newticket/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/support/newticket/">New Ticket</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/support/tickets/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/support/tickets/">My Tickets</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/support/kb/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/support/kb/">Knowledgebase</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/support/account/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/support/account/">My Account</a></li>                            </ul>                        </div>    ';
menu['nav_cerberus-support-center'] = '    <div class="navbox hover-navbox" id="navbox1">                            <ul class="navlist hover-navlist">    <li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/cerberus-support-center/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/cerberus-support-center/">Support</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/cerberus-support-center/newticket/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/cerberus-support-center/newticket/">Open Ticket</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/cerberus-support-center/tickets/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/cerberus-support-center/tickets/">My Ticket History</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/cerberus-support-center/kb/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/cerberus-support-center/kb/">Browse Knowledgebase</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/cerberus-support-center/account/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/cerberus-support-center/account/">My Account</a></li>                            </ul>                        </div>    ';
menu['nav_legal'] = '    <div class="navbox hover-navbox" id="navbox1">                            <ul class="navlist hover-navlist">    <li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/legal/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/legal/">Legal</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/legal/wha/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/legal/wha/">Web Hosting Agreement</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/legal/privacy/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/legal/privacy/">Privacy Policy</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/legal/aup/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/legal/aup/">Acceptable Use Policy</a></li>                            </ul>                        </div>    ';
menu['nav_contact'] = '    <div class="navbox hover-navbox" id="navbox1">                            <ul class="navlist hover-navlist">    <li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/contact/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/contact/">Contact</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/contact/sales/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/contact/sales/">Sales</a></li><li class="navlink hover-navlink" onclick="gotoUri(\'http://www.an22.com/support/\')\;"><a class="nav-url hover-nav-url" href="http://www.an22.com/support/">Support</a></li>                            </ul>                        </div>    ';
    name = mbint.replace('nav_',"");
    $('navigation').update(menu[mbint]);
    return true;
}
function menuButton(mbint) {
    menuNav(mbint);
    name = mbint.replace('nav_',"");
    $('mb-lb-'+name).addClassName('mb-lb-hover');
    $('mb-rb-'+name).className = 'mb-rb mb-rb-hover';
   /*$('navbox1').className = 'navbox-hover';*/
    $('mb-'+name).addClassName('menu-button-hover');
    return '';
}
function menuButtonActive (mbint) {
    menuNav(mbint,true);
}
function viewportWidth() {
 var viewportwidth=0;
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth
 }
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth
 }

 // older versions of IE

 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth
 }
    return viewportwidth;
}
function viewportHeight() {
 var viewportheight=0;

 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

 if (typeof window.innerWidth != 'undefined')
 {
      viewportheight = window.innerHeight
 }

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportheight = document.documentElement.clientHeight
 }

 // older versions of IE

 else
 {
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }
    return viewportheight;
}
function iboxPadding() {
hostingpbox();
viewportwidth=viewportWidth();
viewportheight=viewportHeight();
if(container==true) {
    TetraAppend();
    eMargins=42;
    if(viewportwidth <= 1048) {eMargins=2;}
    //alert('contained'+extra);
}else{eMargins=0;}
eMargins=eMargins+16;
//alert(viewportwidth);   do page margines, item margins, etc .
contentWidth = viewportwidth-eMargins;

//alert(pnum);
if(contentWidth <= 1048) {imLeft='0';imRight='0';$('rbox-pbox0').style.marginLeft='0';$('rbox-pbox0').style.marginRight='0';ePadding=0;boxes = Math.floor(contentWidth/498)*498;} else {
imLeft='4px';imRight='4px';$('rbox-pbox0').style.marginLeft='8px';$('rbox-pbox0').style.marginRight='8px';ePadding=16;boxes = Math.floor(contentWidth/506)*506;
}
pnum = Math.max((viewportwidth-boxes-eMargins-ePadding)/2,0);
//alert(viewportwidth+'-'+eMargins+'-'+ePadding+'-'+boxes+'/2='+pnum);
$('iboxen').style.paddingLeft = pnum+'px';
//$('iboxen').style.paddingRight = pnum+'px';
$$('.pbox0-ibox').invoke('setStyle',{'marginLeft': imLeft, 'marginRight': imRight});
viewportwidth=null;
viewportheight=null;
}
function hostingpbox() {
if(viewportWidth() <= 1048) {
    $('content-page').style.paddingLeft = 0;$('content-page').style.paddingRight = 0;
}else{$('content-page').style.paddingLeft = '8px';$('content-page').style.paddingRight = '8px';}
}

function suForm() {
    /*TetraSignupForm('lol');*/
    plan=$F('suPlan');
    php=$F('suPHP');
    os=$F('suOS');
    cansub=1;
    /*$('suHeader').innerHTML = plan+' Signup Form';*/
    if(os=='bsd'){$('suNoteBSD').style.display='block';}else{$('suNoteBSD').style.display='none';}
    if(os=='bsd' && php=='php5'){$('suNotePHP5').style.display='block';cansub=0;}else{$('suNotePHP5').style.display='none';}
    if(os=='linux' && php=='php4'){$('suNotePHP4').style.display='block';cansub=0;}else{$('suNotePHP4').style.display='none';}
    if(cansub==0){/*$('sufSubmitButton').disabled = true;*/$('pblink-Continue1').style.color="#696969";}else{/*$('sufSubmitButton').disabled = false;*/$('pblink-Continue1').style.color="#FFFFFF";cansub=1;}
    /* */
}
