<!doctype html>
<html lang="en">
<head>
    <title>Techno.FM</title>

    <meta charset="UTF-8">

    <link rel="stylesheet" href="/css/bootstrap.css">
    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="/css/bootstrap-theme.css">
    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> -->

    <!-- Techno.FM Main CSS File -->
    <link rel="stylesheet" href="/css/tfm.css">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
    <script src="/js/jquery.1.11.2.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/js/bootstrap.min.js"></script>


    <!-- TFM Tools -->
    <script src="/js/tfm.js"></script>

    <script src="/js/tfm_links.js"></script>
    <script src="/js/tfm_actions.js"></script>
    <script src="/js/tfm_player.js?cache=2016-08-09"></script>

    <!-- Code for Ads: -->
    <script src="/js/tfm_ads.js"></script>

    <!-- Load Router -->
    <script src="/js/tfm_router.js"></script>

    <!-- Cancel Enter KeyPress for Ajax Searches: -->
    <script src="/js/search_keypress.js"></script>

    <!-- General List Tools -->
    <script src="/js/tfm_lists.js"></script>

    <!-- Listeners Controls -->
    <script src="/js/tfm_listeners.js"></script>

    <!-- Message Controls -->
    <script src="/js/tfm_messages.js"></script>

    <!-- Analytics Controls -->
    <script src="/js/tfm_analytics.js"></script>

    <!-- Load FavIcon -->
    <link id="favicon" rel="icon" type="image/png" href="/favicon.ico" />

        <!-- Google Ads -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- Code for asynchronous ads: -->
<script type='text/javascript'>
    var googletag = googletag || {};
    googletag.cmd = googletag.cmd || [];
    (function() {
        var gads = document.createElement('script');
        gads.async = true;
        gads.type = 'text/javascript';
        var useSSL = 'https:' == document.location.protocol;
        gads.src = (useSSL ? 'https:' : 'http:') +
        '//www.googletagservices.com/tag/js/gpt.js';
        var node = document.getElementsByTagName('script')[0];
        node.parentNode.insertBefore(gads, node);
    })();
</script>
<script type='text/javascript'>

    googletag.cmd.push(function() {
        //console.log("--Current URL: " + Router.path);

        var mapLeader = googletag.sizeMapping().
                addSize([320, 400], [320, 50]).
                addSize([480, 200], [468, 60]).
                addSize([768, 200], [728, 90]).
                addSize([1000, 200], [970,90]).
                build();

                        window.adSlotSmart = googletag.defineSlot('/1028543/tfm_smart', [728, 90], tfmAds.getAdID('sm')).defineSizeMapping(mapLeader).addService(googletag.pubads());
        window.adSlotLB    = googletag.defineSlot('/1028543/tfm_leaderboard', [728, 90], tfmAds.getAdID('lb')).addService(googletag.pubads());
        window.adSlotBB    = googletag.defineSlot('/1028543/tfm_big_box', [300, 250], tfmAds.getAdID('bb')).addService(googletag.pubads());

        googletag.pubads().enableSingleRequest();
        googletag.enableServices();
    });

</script>




    <!-- Google Analytics -->
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-69616137-1', 'auto');
        ga('send', 'pageview');

    </script>

    <!-- Facebook Login -->
    <script>
    window.fbAsyncInit = function() {
        FB.init({
        appId      : '302923600199635',
        cookie     : true,
        xfbml      : true,
        version    : 'v2.11'
        });
        
        FB.AppEvents.logPageView();   
        
    };

    (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "https://connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    </script>

</head>
<body style="padding-bottom: 50px;" onLoad="tfmMessages.setPageTop();">

<!-- Progress Bar -->
<div id="progress_container" class="progress_container" onClick="console.log('Progress Bar Click!');">

    <div id="progress_bar" class="progress_bar">
        <span style="color: #ffffff">!</span>
    </div>
</div>




<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top" id="nav" style="z-index: 10;">

    <div id="top" class="container">

        <div class="navbar-header" style="margin-left: 12px;">

            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/" onClick="Links.index(); return false;">
                <img src="/images/logos/logo_80px.png" alt="Techno.FM" />
                <!-- <img src="/images/logos/logo2.png" alt="Techno.FM" /> -->
                <!-- use 150px for margin-left for this image -->
            </a>

        </div>

        <div id="navbar" class="navbar-collapse collapse" style="margin-left: 110px;">

            <ul class="nav navbar-nav" id="nav-main">

    
        <li id="menu_item_home" class="">
            <a href="/" onClick="Links.index(); return false;">
                <span class="glyphicon glyphicon-home" aria-hidden="true"></span> Home
            </a>
        </li>
        <li id="menu_item_shows" class="">
            <a href="/shows" onClick="Links.shows(); return false;">
                <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Shows
            </a>
        </li>
        <li id="menu_item_radio" class="">
            <a href="/radio" onClick="Links.radio(); return false;">
                <span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span> Radio
            </a>
        </li>


<!-- // Info Pages: (contactus, aboutus, faq)
        <li class="dropdown nospacing">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> <span class="caret"></span>
            </a>
            <ul class="dropdown-menu nospacing nowrap" role="menu">

                <li class="nospacing">
                    <a href="/" onClick="Links.aboutus(); return false;">About-Us</a>
                </li>
            </ul>
        </li>
-->

</ul>

            <ul class="nav navbar-nav navbar-right" id="nav-user">


    <li>
        <a href="/login" onClick="Links.login(); return false;"><strong>Login</strong></a>
    </li>


</ul>


        </div><!-- End Nav -->

        <input type="hidden" id="now_playing_radio1" name="now_playing_radio1" value="" />
<input type="hidden" id="now_playing_radio2" name="now_playing_radio2" value="" />


<div class="navbar-collapse" id="nav2">

    <ul class="nav navbar-nav" style="display: inline;">

        <li>
            <span id="player">
                <audio id="player_audio" src="" title="" uuid=""></audio>
            </span>
        </li>
        <li>
            <div>
            <!--
            <button id="mute_button" class="player btn btn-default hidden-xs" onClick="Player.mute();">
                <span id="mute_icon" class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
            </button>
            -->
            
                <script>
                    var queueErrorMessage = "You must be logged in to use Queue feature.";
                    var favsErrorMessage = "You must be logged in to use Favorites feature.";
                </script>

                <button id="button_queue" class="player btn btn-default" onClick="tfmMessages.push(queueErrorMessage, 'post', 'nologin_queue', 1); return false;" title="My Queue" style="font-size: 16px;">
                    <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
                </button>
                <button id="button_favorites" class="player btn btn-default " onClick="tfmMessages.push(favsErrorMessage, 'post', 'nologin_favs', 1); return false;" title="My Favorites" style="font-size: 16px;">
                    <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                </button>
                <!--
                <a id="button_queue" class="player " href="/queue" onClick="tfmMessages.push(queueErrorMessage, 'post', 'nologin_queue', 1); return false;" title="My Queue" style="font-size: 16px;">
                    <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
                </a>
                <a id="button_favorites" class="player " href="/favorites" onClick="tfmMessages.push(favsErrorMessage, 'post', 'nologin_favs', 1); return false;" title="My Favorites" style="font-size: 16px;">
                    <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                </a>
                -->

            
	            <button class="player btn btn-default" onClick="Player.rewindPlayer(300);" ondblclick="Player.rewindPlayer(600);">
	                <span class="glyphicon glyphicon-backward" aria-hidden="true"></span>
	            </button>
	            <button class="player btn btn-default" onClick="Player.rewindPlayer(30);"  ondblclick="Player.rewindPlayer(60);">
	                <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
	            </button>
	
	            <button class="player btn btn-default" id="play_pause" onClick="Player.play();">
	                <span class="glyphicon glyphicon-play" aria-hidden="false"></span>
	            </button>
	
	            <button class="player btn btn-default" onClick="Player.advancePlayer(30);"  ondblclick="Player.advancePlayer(60);">
	                <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
	            </button>
	            <button class="player btn btn-default" onClick="Player.advancePlayerExtra(Player.defaultAdvanceTimeExtra);" ondblclick="Player.advancePlayer(600);">
	                <span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
	            </button>
	
	            <button class="player btn btn-default" onClick="Player.advanceNext(function(){ setURLToID('page','/ajax/queue')}); return false;">
	                <span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span>
	            </button>

            </div>
        </li>

        <li style="margin-left: 5px; margin-top: 8px;">
            <!-- <span class="glyphicon glyphicon-remove" aria-hidden="true" onClick="Player.stop();" style="font-size: 0.6em;"></span> -->
            <!-- <span id="now_playing_pref">Now Playing: &nbsp;</span> -->
            <span id="running_time"></span>
            <span id='now_playing'>... ...</span>
            <span id="status_test"></span>
        </li>
    </ul>
    </div>



        <input id="messages_end" type="hidden" />
        <!-- End Messages -->
    </div>

</nav>



    <div id="page" class="container">
        
    
    <div class="row">

    <div class="col-sm-8">
        

    <div>
        <h1>404 Not Found</h1>

        <p>Could not locate the requested page.</p>
    </div>

    </div>

    <div id="adv_sidebar" class="col-sm-4">
        <div id='div-gpt-ad-1446414456746-0' style='height:250px; width:300px;'>
    <script type='text/javascript'>
        tfmAds.pushID('bb');
    </script>
</div>
    </div>

</div>



<!-- Meta Information -->
<input type="hidden" name="meta" id="meta_data_title" value="" />
<input type="hidden" name="meta" id="meta_data_description" value="" />
<input type="hidden" name="meta" id="meta_data_keywords" value="" />
<input type="hidden" name="meta" id="meta_data_author" value="" />

<!-- Default Player Track -->
<input type="hidden" id="playDefault_url" name="playDefault_url" value="" />
<input type="hidden" id="playDefault_title" name="playDefault_title" value="" />
<input type="hidden" id="playDefault_uuid" name="playDefault_uuid" value="" />




    </div>

<!-- ENABLE LISTENERS -->
<script language="JavaScript">

    // >> Listen for END of Track:
    // --- --- --- --- --- --- --- ---
    Listeners.trackEnd();
    // --- --- --- --- --- --- --- ---

    // >> Listen for Play status:
    // --- --- --- --- --- --- --- ---
    Listeners.playStatus();
    // --- --- --- --- --- --- --- ---

    // >> Listen for Episode Buttons:
    // --- --- --- --- --- --- --- ---
    Listeners.episodeButtons();
    // --- --- --- --- --- --- --- ---

    // >> Listen for Running Time:
    // --- --- --- --- --- --- --- ---
    Listeners.runningTime();
    // --- --- --- --- --- --- --- ---

    // >> Listen for Radio Titles:
    // --- --- --- --- --- --- --- ---
    Listeners.radioTitles();
    // --- --- --- --- --- --- --- ---

    // >> Listen for List Clients Page:
    // --- --- --- --- --- --- --- ---
    Listeners.listClients();
    // --- --- --- --- --- --- --- ---


</script>



<!-- Screen Resize for Responsive design -->
<script language="JavaScript">

    function screenResize(){

        if(window.innerWidth >= 775){

            // SET Top Margin to compensate for menu:
            document.getElementById('page').setAttribute('style', 'margin-top: 100px;');

        } else if($(window).width() >= 40){

            // SET Top Margin to compensate for menu:
            document.getElementById('page').setAttribute('style', 'margin-top: 0px; margin-left: 0px;');
        }
    };

    screenResize();

    window.onresize = function(event) {
        console.log('Screen Resize: '+window.innerWidth);
        screenResize();
    };

</script>

</body>
</html>


