<div id="browserDetect" class="text-center">
    <h1><?=$this->translate('Wait before you proceed')?></h1>
    <p>
        <?=$this->translate('To use the Artist and Label Workstation you need to upgrade to the newest version of')?> 
        <span id="browser_name_span"></span>.
    </p>
    <br />
    <div class="browserUpgrade">
        <a id="browser_upgrade_link" class="rounded">
          <span><?=$this->translate('Upgrade Your Browser Now')?></span>
        </a>
    </div>
    <br/><br/>
    <p class="useOtherBrowser clear"><?=$this->translate('Or you can use one of these other browsers')?></p><br />
    <ul class="otherBrowsers clear">
        <li>
            <a href="http://www.google.com/chrome" class="chrome">Chrome</a>
        </li>
        <li>
            <a href="http://www.apple.com/safari/" class="safari">Safari</a>
        </li>
        <li>
            <a href="http://www.mozilla.com/firefox" class="firefox">Firefox</a>
        </li>
    </ul>
    <br /><br />
    <p class="smalltext"><?=$this->translate->_("If you want to skip this step")?> <a href="<?=$this->ref?>"><?=$this->translate->_("click here")?></a></p><br /><br /><br />
</div>
<script type="text/javascript" defer="defer">
    if(BrowserDetect.browser == "Explorer"){
        $("#browser_name_span").html("Internet Explorer");
        $("#browser_upgrade_link").attr("href", "http://www.microsoft.com/windows/internet-explorer/default.aspx");
    }
    else if(BrowserDetect.browser == "Firefox"){
        $("#browser_name_span").html("Firefox");
        $("#browser_upgrade_link").attr("href", "http://mozilla.com/firefox");
    }
    else {
        $("#browser_name_span").html(BrowserDetect.browser);
        $("#browser_upgrade_link").attr("href", "http://mozilla.com/firefox");
    }
</script>
