- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
- <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
- <meta name="ProgId" content="FrontPage.Editor.Document">
- <title>LolerStream</title>
- <meta name="Microsoft Theme" content="none">
- <link rel="icon" href="favicon.ico" type="image/x-icon">
- <link rel="SHORTCUT ICON" href="favicon.ico">
- <style>
- * {
- box-sizing:border-box;
- -moz-box-sizing:border-box;
- -webkit-box-sizing:border-box
- }
- html {
- background: #000000;
- margin: 0;
- width: 100%;
- height: 100%;
- }
- body {
- margin: 0;
- width: 100%;
- height: 100%;
- }
- div {
- margin: 0;
- background-repeat: no-repeat;
- background-position: top center;
- }
- div#wrapper {
- height: 100%;
- width: 100%;
- background-image: url(background2.png);
- background-size: 100%;
- background-repeat: repeat-y;
- }
- div#pageheader {
- display: block;
- width: 100%;
- height: 150px;
- background-image: url(http://lolerstream.com/banner_1.png);
- background-position: center;
- text-align: right;
- }
- div#content {
- background-color:rgba(255,0,0,0.0);
- display: block;
- margin-left: auto;
- margin-right: auto;
- margin-top: auto;
- margin-bottom: auto;
- white-space: nowrap;
- width: 1075px;
- height: 484px;
- }
- div#stream {
- text-align: right;
- display: inline-block;
- height: 100%;
- }
- div#chat {
- display: inline-block;
- height: 100%;
- }
- div#content2 {
- background-color:rgba(255,0,0,0.0);
- display: block;
- margin-left: auto;
- margin-right: auto;
- margin-top: auto;
- margin-bottom: auto;
- white-space: nowrap;
- width: 1075px;
- height: 200px;
- }
- #suggestionbox {
- float: left;
- height: 100%;
- width: 720px;
- }
- #suggestionheader {
- color: #0D7CF2;
- font-family: Tahoma;
- line-height: 40px;
- display: inline-block;
- }
- #suggestionlist {
- font-family: Tahoma;
- padding-top: 10px;
- padding-bottom: 10px;
- border: 1px solid #333333;
- background: #000000;
- height: 159px;
- width: 720px;
- overflow-y: scroll;
- display: block;
- }
- div.suggestion {
- font-size: 13px;
- color: #0D7CF2;
- border-top: 1px solid #333333;
- background: #000000;
- margin-right: auto;
- margin-left: auto;
- padding-left: 5px;
- padding-right: 5px;
- height: 20px;
- width: 99%;
- }
- div.suggestion:hover {
- background: #1E3752;
- cursor: pointer;
- }
- div#suggestionform {
- margin-left: auto;
- display: inline-block;
- height: 100%;
- width: 580px;
- }
- #frmSuggestionbox {
- border-collapse:separate;
- border-spacing:0px;
- text-align: right;
- height: 100%;
- }
- #teamspeak {
- float: left;
- margin-left: 4px;
- height: 200px;
- width: 350px;
- }
- #teamspeakheader {
- color: #0D7CF2;
- font-family: Tahoma;
- cursor: default;
- line-height: 40px;
- display: inline-block;
- }
- div#ts3viewer_991286 {
- overflow-y: scroll;
- width: 350px;
- height: 159px;
- background-color:#000000;
- }
- div#ts3v {
- overflow-x: hidden;
- }
- img.optionbuttons {
- border-width: 0px;
- cursor: pointer;
- }
- .custombtn {
- color: #0D7CF2;
- width: 60px;
- height: 20px;
- border: 1px solid #0084FF;
- background: #000000;
- }
- .custombtn:hover {
- color: #62B0FD;
- background: #1E3752;
- cursor: pointer;
- }
- .customtxt {
- color: #0D7CF2;
- height: 20px;
- border: 1px solid #0084FF;
- background: #000000;
- }
- .customtxt:hover {
- background: #1E3752;
- }
- .label {
- font-family: Tahoma;
- cursor: default;
- display: inline-block;
- height: 100%;
- width: 135px;
- }
- .refresh {
- }
- .refresh:hover {
- cursor: pointer;
- }
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script type="text/javascript">
- full = 0;
- screensize = 0;
- fid="LolerStream2";
- v_width=720;
- v_height=480;
- $('#smallscreen').live('click',function() {
- document.getElementById('content').style.height = '484px';
- document.getElementById('stream').style.height = '484px';
- document.getElementById('streamframe').style.height = '480px';
- v_height = 480;
- v_width = 720;
- document.getElementById('stream').style.width = v_width + "px";
- document.getElementById('streamframe').style.width = v_width + "px";
- document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'&vh='+v_height;
- document.getElementById('content').style.width = '1075px';
- document.getElementById('chat').style.height = '480px';
- document.getElementById('obj_1335940669380').style.height = '480px';
- document.getElementById('emb_1335940669380').style.height = '480px';
- document.getElementById('content').style.height = $('#content').css('height');
- document.getElementById('smallscreen').src = 'smallscreen_lit.png';
- document.getElementById('largescreen').src = 'largescreen.png';
- currentimage = 'smallscreen_lit.png';
- screensize = 0;
- return false;
- });
- $('#largescreen').live('click',function() {
- var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],pagewidth=w.innerWidth||e.clientWidth||g.clientWidth,pageheight=w.innerHeight||e.clientHeight||g.clientHeight;
- headerheight = $('#pageheader').css('height');
- headerheight = $('#pageheader').css('height').substring(0, headerheight.length - 2);
- document.getElementById('content').style.height = (99 - ((headerheight/pageheight)*100)).toString() + '%';
- document.getElementById('stream').style.height = "100%";
- document.getElementById('streamframe').style.height = "100%";
- v_height = $('#stream').css('height');
- v_width = v_height.substring(0, v_height.length - 2)*1.5;
- document.getElementById('stream').style.width = v_width + "px";
- document.getElementById('streamframe').style.width = v_width + "px";
- document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'px&vh='+v_height;
- document.getElementById('content').style.width = (parseInt(v_width) + parseInt($('#chat').css('width'))).toString() + 'px';
- document.getElementById('chat').style.height = '100%';
- document.getElementById('obj_1335940669380').style.height = '100%';
- document.getElementById('emb_1335940669380').style.height = '100%';
- document.getElementById('content').style.height = $('#content').css('height');
- document.getElementById('smallscreen').src = 'smallscreen.png';
- document.getElementById('largescreen').src = 'largescreen_lit.png';
- currentimage = 'largescreen_lit.png';
- screensize = 1;
- return false;
- });
- $('#fullscreen').live('click',function() {
- var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],pagewidth=w.innerWidth||e.clientWidth||g.clientWidth,pageheight=w.innerHeight||e.clientHeight||g.clientHeight;
- chatwidth = $('#chat').css('width');
- chatwidth = $('#chat').css('width').substring(0, chatwidth.length - 2);
- document.getElementById('content').style.width = '100%';
- document.getElementById('stream').style.width = (99 - ((chatwidth/pagewidth)*100)).toString() + '%';
- document.getElementById('streamframe').style.width = "100%";
- v_width = $('#stream').css('width');
- v_height = v_width.substring(0, v_width.length - 2)*0.66;
- document.getElementById('streamframe').style.height = v_height + "px";
- document.getElementById('stream').style.height = v_height + "px";
- document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'&vh='+v_height+"px";
- document.getElementById('chat').style.height = v_height+"px";
- document.getElementById('obj_1335940669380').style.height = v_height+"px";
- document.getElementById('emb_1335940669380').style.height = v_height+"px";
- document.getElementById('content').style.height = 'auto';
- document.getElementById('content').style.height = $('#content').css('height');
- elem = document.getElementById("content");
- // mozilla proposal
- //elem.requestFullScreen();
- // Webkit (works in Safari and Chrome Canary)
- elem.webkitRequestFullScreen();
- // Firefox (works in nightly)
- //elem.mozRequestFullScreen();
- // W3C Proposal
- //elem.requestFullscreen();
- document.getElementById('smallscreen').src = 'smallscreen.png';
- document.getElementById('largescreen').src = 'largescreen_lit.png';
- screensize = 2;
- return false;
- });
- $(function(){
- elem = document.getElementById("content");
- elem.onwebkitfullscreenchange = function () {
- if (full == 0){
- full = 1;
- } else {
- $(function() {
- document.getElementById('wrapper').style.height = "100%";
- var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],pagewidth=w.innerWidth||e.clientWidth||g.clientWidth,pageheight=w.innerHeight||e.clientHeight||g.clientHeight;
- headerheight = $('#pageheader').css('height');
- headerheight = $('#pageheader').css('height').substring(0, headerheight.length - 2);
- document.getElementById('content').style.height = (99 - ((headerheight/pageheight)*100)).toString() + '%';
- document.getElementById('stream').style.height = "100%";
- document.getElementById('streamframe').style.height = "100%";
- v_height = $('#stream').css('height');
- v_width = v_height.substring(0, v_height.length - 2)*1.5;
- document.getElementById('stream').style.width = v_width + "px";
- document.getElementById('streamframe').style.width = v_width + "px";
- document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'px&vh='+v_height;
- document.getElementById('content').style.width = (parseInt(v_width) + parseInt($('#chat').css('width'))).toString() + 'px';
- document.getElementById('chat').style.height = '100%';
- document.getElementById('obj_1335940669380').style.height = '100%';
- document.getElementById('emb_1335940669380').style.height = '100%';
- document.getElementById('content').style.height = $('#content').css('height');
- document.getElementById('smallscreen').src = 'smallscreen.png';
- document.getElementById('largescreen').src = 'largescreen_lit.png';
- screensize = 1;
- return false;
- });
- full = 0;
- }
- }
- });
- $(window).resize(function() {
- if ($(window).width() < 1075 ) {
- $('#wrapper').css('width', "1075px");
- } else {
- $('#wrapper').css('width', "100%");
- }
- if ($(window).height() < 834 ) {
- $('#wrapper').css('height', "834px");
- } else {
- $('#wrapper').css('height', "100%");
- }
- });
- $('#teamspeak').ready( $('#tsrefresh').live('click',function() {
- document.getElementById('ts3viewer_991286').innerHTML = "";
- ts3v_display.init(ts3v_url_1, 991286, 100);
- }));
- $('#suggestionbox').ready( $('#suggestionsrefresh').live('click',function() {
- if document.getElementById("txtSuggestion").value.length > 30 {
- if (window.XMLHttpRequest)
- {// code for IE7+, Firefox, Chrome, Opera, Safari
- xmlhttp=new XMLHttpRequest();
- }
- else
- {// code for IE6, IE5
- xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
- }
- xmlhttp.onreadystatechange=function() {
- if (xmlhttp.readyState==4 && xmlhttp.status==200)
- {
- document.getElementById("suggestionlist").innerHTML=xmlhttp.responseText;
- }
- }
- xmlhttp.open("GET","getsuggestions.php",true);
- xmlhttp.send();
- } else {
- alert("Your suggestion is too long.");
- }
- }));
- </script>
- </head>
- <body>
- <div id="wrapper">
- <div id="pageheader">
- <a href="http://steamcommunity.com/groups/lolerstream" target="_blank"><img id="steamgroup" src="steamgroup.png" onmouseover="currentimage=this.src;this.src='steamgroup_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/></a>
- <img id="smallscreen" src="smallscreen_lit.png" onmouseover="currentimage=$(this).attr('src');src='smallscreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
- <img id="largescreen" src="largescreen.png" onmouseover="currentimage=$(this).attr('src');this.src='largescreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
- <img id="fullscreen" src="fullscreen.png" onmouseover="currentimage=$(this).attr('src');this.src='fullscreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
- </div>
- <div id="content">
- <div id="stream">
- <script type="text/javascript">
- document.write('<ifr'+'ame src="http://www.limev.com/embed.php?fileid='+ fid +
- '&vw='+v_width+'&vh='+v_height+'" id="streamframe" width='+ v_width +' height=' + v_height +
- ' scrolling=no frameborder=0 scrolling=no allowtransparency=true ></ifr'+'ame>') ;
- </script>
- </div>
- <div id="chat">
- <object width="350" height="480" id="obj_1335940669380">
- <param name="movie" value="http://LolerStream.chatango.com/group"/>
- <param name="AllowScriptAccess" VALUE="always"/>
- <param name="AllowNetworking" VALUE="all"/>
- <param name="AllowFullScreen" VALUE="true"/>
- <param name="flashvars" value="cid=1335940669380&b=100&c=666666&d=666666&g=333333&j=333333&k=FFFFFF&l=CCCCCC&m=FFFFFF&s=1&t=0"/>
- <embed id="emb_1335940669380" src="http://LolerStream.chatango.com/group" width="350" height="480" allowScriptAccess="always"
- allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true"
- flashvars="cid=1335940669380&b=100&c=666666&d=666666&g=333333&j=333333&k=FFFFFF&l=CCCCCC&m=FFFFFF&s=1&t=0">
- </embed>
- </object>
- </div>
- </div>
- <div id="content2">
- <div id="suggestionbox">
- <div id="suggestionheader">
- <div class="label"> Suggestion Box <img src="refresh.png" id="suggestionsrefresh" class="refresh" onmouseover="this.src='refresh_lit.png'" onmouseout="this.src='refresh.png'" /></div>
- <div id="suggestionform">
- <form name="frmSuggestionbox" id="frmSuggestionbox" method="post" action="submitsuggestion.php" target="invisible">
- <div id="suggestionerror"></div>
- <input type="text" name="txtSuggestion" id="txtSuggestion" size="30" maxlength="40" class="customtxt" />
- <input type="submit" name="btnSubmit" id="btnSubmit" class="custombtn" value="Submit" />
- </form>
- </div>
- </div>
- <div id="suggestionlist">
- <?php include 'getsuggestions.php'; ?>
- </div>
- </div>
- <div id="teamspeak">
- <div id="teamspeakheader"> Teamspeak <img src="refresh.png" id="tsrefresh" class="refresh" onmouseover="this.src='refresh_lit.png'" onmouseout="this.src='refresh.png'" /></div>
- <div id="ts3viewer_991286"> </div>
- <script type="text/javascript" src="ts3viewer_loader.js"></script>
- <script type="text/javascript">
- <!--
- ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=991286&text=0D7CF2&text_size=12&text_family=1&" +
- "js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=62B0FD&" +
- "text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&" +
- "text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=62B0FD&text_i_weight_h=normal&text_i_style_h=normal&" +
- "text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&" +
- "text_c_color_h=62B0FD&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&" +
- "text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=62B0FD&text_u_weight_h=bold&text_u_style_h=normal&" +
- "text_u_variant_h=normal&text_u_decoration_h=none";
- ts3v_display.init(ts3v_url_1, 991286, 100);
- -->
- </script>
- </div>
- </div>
- </div>
- <iframe src="" name="invisible" id="invisible" frameborder="0" hspace="0" vspace="0" height="0" width="0" style="visibility:hidden;"></iframe>
- </body script type="text/javascript">
- </html>

