<html>
<head>
<meta charset="UTF-8">
<link rel='stylesheet prefetch' href='http://dimsemenov-static.s3.amazonaws.com/dist/magnific-popup.css'>
<link rel="stylesheet" type="text/css" href="css/white.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="black" href="css/black.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="white" href="css/white.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue" href="css/blue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red" href="css/red.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/converse.min.css">
<script src="builds/converse.min.js"></script>
<script type="text/javascript">
window.onload=function(){
var formref=document.getElementById("switchform")
indicateSelected(formref.switchcontrol)
}
</script>
<!--This script should appear below your LINK stylesheet tags -->

<script src="styleswitch.js" type="text/javascript">

/***********************************************
* Style Sheet Switcher v1.1- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


</head>
<body>
<div id="style">
<div class="innertube">

<?php include 'config.php';?>
<div id="header">
<?php echo "<p style=\" text-align: center;\">$yourname's Server Access</p>";?>
</div>

<p style="text-align: center;">
<?php echo "<a href=\"#test-popup2\" class=\"open-popup-link\"><img src=\"$myurl/Pic/KWorld.png\"/></a>"; ?> 
</p> 
  
<p style="text-align: center;"> 
<?php
if ($jdownloadervisible > "0") {
    require "links/jdownloader.php";
 }
?>
<?php
if ($torrentvisible > "0") {
    require "links/torrent.php";
 }
?>

<?php
if ($sabvisible > "0") {
    require "links/sab.php";
 }
?>

<p style="text-align: center;"> 
<?php
if ($sickvisible > "0") {
    require "links/sicktype.php";
 }
?>
<?php
if ($couchvisible > "0") {
    require "links/couch.php";
 }
?>
<?php
if ($ftpvisible > "0") {
    require "links/ftp.php";
 }
?>


<p style="text-align: center;"> 
<?php
if ($madsonicvisible > "0") {
    require "links/madsonic.php";
 }
?>
<?php
if ($plexvisible > "0") {
    require "links/plex.php";
 }
?>
<?php
if ($squeezevisible > "0") {
    require "links/squeeze.php";
 }
?>
  
	
<div id="test-popup" class="white-popup mfp-hide">
<p style="text-align: center;">
<?php echo "<a href=\"$myurl:$cpadults\" target=\"_blank\">Adults</a>"; ?> - <?php echo "<a href=\"$myurl:$cpkids\" target=\"_blank\">Kids</a>"; ?> 
</p> 
</div>
<div id="test-popup2" class="white-popup mfp-hide">
<div style="text-align: center;">
<?php echo "<a href=\"$kknowledge\" target=\"_blank\"><img src=\"$myurl/Pic/KKnowledge.png\" style=\"width: 200px; height: 40px;\"/></a>"; ?> 
<?php echo "</p>"; ?> 
<?php echo "<a href=\"$knews\" target=\"_blank\"><img src=\"$myurl/Pic/KNews.png\" style=\"width: 200px; height: 40px;\"/></a>"; ?> 
<?php echo "</p>"; ?> 
<?php echo "<a href=\"$kloud\" target=\"_blank\"><img src=\"$myurl/Pic/Kloud.png\" style=\"width: 200px; height: 40px;\"/></a>"; ?> 
<?php echo "</p>"; ?> 
<?php echo "<a href=\"$konvos\" target=\"_blank\"><img src=\"$myurl/Pic/Konvos.png\" style=\"width: 200px; height: 40px;\"/></a>"; ?> 
<?php echo "</p>"; ?> 
<?php echo "<a href=\"$kspot\" target=\"_blank\"><img src=\"$myurl/Pic/spotweb.png\" style=\"width: 200px; height: 40px;\"/></a>"; ?> 
<?php echo "</p>"; ?> 
<?php echo "<a href=\"$webclip\" target=\"_blank\"><img src=\"$myurl/Pic/WebClip.png\" style=\"width: 200px; height: 40px;\"/></a>"; ?> 
</div>

		  <script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>
  <script src='http://dimsemenov-static.s3.amazonaws.com/dist/jquery.magnific-popup.min.js'></script>

  <script src="js/index.js"></script>
</div>
</div>
</body>
<script>
    require(['converse'], function (converse) {
        (function () {
            /* XXX: This function initializes jquery.easing for the https://conversejs.org
            * website. This code is only useful in the context of the converse.js
            * website and converse.js itself is NOT dependent on it.
            */
            var $ = converse.env.jQuery;
            $.extend( $.easing, {
                easeInOutExpo: function (x, t, b, c, d) {
                    if (t==0) return b;
                    if (t==d) return b+c;
                    if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
                    return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
                },
            });

            $(window).scroll(function() {
                if ($(".navbar").offset().top > 50) {
                    $(".navbar-fixed-top").addClass("top-nav-collapse");
                } else {
                    $(".navbar-fixed-top").removeClass("top-nav-collapse");
                }
            });
            //jQuery for page scrolling feature - requires jQuery Easing plugin
            $('.page-scroll a').bind('click', function(event) {
                var $anchor = $(this);
                $('html, body').stop().animate({
                    scrollTop: $($anchor.attr('href')).offset().top
                }, 700, 'easeInOutExpo');
                event.preventDefault();
            });
        })();
        converse.initialize({
            bosh_service_url: 'https://konvos.cf:5281/http-bind', // Please use this connection manager only for testing purposes
            keepalive: true,
            message_carbons: true,
            play_sounds: true,
            roster_groups: true,
            show_controlbox_by_default: true,
            xhr_user_search: false
        });
    });
</script>
</html>