<?php 
require_once('includes/page-start.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
	<title>SOCCERKING888 Malaysia<?php foreach($setting['gamelist'] as $gdata){ if($gdata['code']!='IBC') echo ' | '.$gdata['title'][$lang]; } ?></title>	
	<meta name="description" content="Welcome to SOCCERKING888, Malaysia's BEST Online Sports Betting Website! Soccer Betting, Football Betting, Sports Betting - Royal Panda Malaysia">
<?php require_once('includes/page-meta.php'); ?>
</head>
<body>
<?php require_once('includes/page-header.php'); ?>

	<!-- Slider -->
    <script type="text/javascript" src="js/fullwidthslider/jssor.slider.mini.js"></script>
    <!-- use jssor.slider.debug.js instead for debug -->
    <script>
        jQuery(document).ready(function ($) {
            
            var jssor_1_SlideoTransitions = [
              [{b:5500,d:3000,o:-1,r:240,e:{r:2}}],
              [{b:-1,d:1,o:-1,c:{x:51.0,t:-51.0}},{b:0,d:1000,o:1,c:{x:-51.0,t:51.0},e:{o:7,c:{x:7,t:7}}}],
              [{b:-1,d:1,o:-1,sX:9,sY:9},{b:1000,d:1000,o:1,sX:-9,sY:-9,e:{sX:2,sY:2}}],
              [{b:-1,d:1,o:-1,r:-180,sX:9,sY:9},{b:2000,d:1000,o:1,r:180,sX:-9,sY:-9,e:{r:2,sX:2,sY:2}}],
              [{b:-1,d:1,o:-1},{b:3000,d:2000,y:180,o:1,e:{y:16}}],
              [{b:-1,d:1,o:-1,r:-150},{b:7500,d:1600,o:1,r:150,e:{r:3}}],
              [{b:10000,d:2000,x:-379,e:{x:7}}],
              [{b:10000,d:2000,x:-379,e:{x:7}}],
              [{b:-1,d:1,o:-1,r:288,sX:9,sY:9},{b:9100,d:900,x:-1400,y:-660,o:1,r:-288,sX:-9,sY:-9,e:{r:6}},{b:10000,d:1600,x:-200,o:-1,e:{x:16}}]
            ];
            
            var jssor_1_options = {
              $AutoPlay: true,
              $SlideDuration: 800,
              $SlideEasing: $Jease$.$OutQuint,
              $CaptionSliderOptions: {
                $Class: $JssorCaptionSlideo$,
                $Transitions: jssor_1_SlideoTransitions
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$
              }
            };
            
            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
            
            //responsive code begin
            //you can remove responsive code if you don't want the slider scales while window resizing
            function ScaleSlider() {
                var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
                if (refSize) {
                    refSize = Math.min(refSize, 1920);
                    jssor_1_slider.$ScaleWidth(refSize);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }
            ScaleSlider();
            $(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            //responsive code end
        });
    </script>

    <style>
        
        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('js/fullwidthslider/img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('js/fullwidthslider/img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
    </style>
	
	<!-- Loading Screen -->
	<div style="max-width:1000px; margin: auto;">
		<div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden; visibility: hidden;">
			<div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
				<div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
				<div style="position:absolute;display:block;background:url('js/fullwidthslider/img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>
			</div>
			<div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;">
				<?php /*
				<div data-p="225.00" style="display: none;">
					<img data-u="image" src="images/slider1.jpg" />
				</div>
				<div data-p="225.00" style="display: none;">
					<img data-u="image" src="images/slider2.jpg" />
				</div>
				*/ ?>
				<div data-p="225.00" style="display: none;">
					<img data-u="image" src="images/slider3.jpg" />
				</div>
				<div data-p="225.00" style="display: none;">
					<img data-u="image" src="images/slider4.jpg" />
				</div>
				<div data-p="225.00" style="display: none;">
					<img data-u="image" src="images/slider5.jpg" />
				</div>
				 <div data-p="225.00" style="display: none;">
					<img data-u="image" src="images/slider6.jpg" />
				</div>
			</div>
			<!-- Bullet Navigator -->
			<div data-u="navigator" class="jssorb05" style="bottom:16px;right:16px;" data-autocenter="1">
				<!-- bullet navigator item prototype -->
				<div data-u="prototype" style="width:16px;height:16px;"></div>
			</div>
			<!-- Arrow Navigator -->
			<span data-u="arrowleft" class="jssora22l" style="top:0px;left:12px;width:40px;height:58px;" data-autocenter="2"></span>
			<span data-u="arrowright" class="jssora22r" style="top:0px;right:12px;width:40px;height:58px;" data-autocenter="2"></span>
		</div>
	</div>
		
	<div style="color:#FFF;text-align:center; background:url(images/shadow.png) 0 0 repeat-x;">
		<br>
		<center><font style="font-size:22px;font-weight:bold;">Game Download</font></center>
		<br>
		<?php $i=0; ?>
		<?php foreach($setting['gamelist'] as $gdata){ ?>                        
			<li class="downloadlist">
				<table cellpadding="0" cellspacing="0" border="0" align="center">
					<tr>
						<td colspan="2">
							<a href="<?php echo $setting['link']['main'].$gdata['link']; ?>" style="text-decoration:none;">
								<img src="images/<?php echo $gdata['image']; ?>" alt="<?php echo $gdata['title'][$lang]; ?>" class="gameimg"/>
							</a>
						</td>
					</tr>
					
					<tr>
						<td class="dtitle" onclick="<?php echo $gdata['download']; ?>"><?php echo $gdata['title'][$lang]; ?></td>
						<td class="dlink" onclick="<?php echo $gdata['download']; ?>">DOWNLOAD NOW <img src="images/icon_download.png" style="vertical-align:middle;"/></td>
					</tr>
					<tr>
						<td colspan="2" bgcolor="000000" align="center">
							<a href="<?php echo $setting['link']['main'].$gdata['link']; ?>" style="text-decoration:none;color:#FFF;">
								<div class="more_info">
									MORE INFO
								</div>
							</a>
						</td>
					</tr>
				</table>
			</li>
		<?php $i++; if($i>=3){ /*echo '<br>'; $i=0;*/ } ?>
		<?php } ?>
	</div>

<?php require_once('includes/page-footer.php'); ?>

<!--nav class="navbar">
    <div class="inner">
        <a href="#">test</a>
    </div>
</nav-->
	
</body>
</html>