<?php include_once('__includedFiles/header_top_files.php');
$obj1=new Social(); $user_id=$_SESSION['userid'];
$eventid=custome_decoding($_REQUEST['eventid']);
$nuserid=$eventid;
if(isset($_POST['save_points']))
{
$obj1->add_pointables($_POST);
}
?>
<?php include_once('__includedFiles/header_top.php');?>
<?php include_once('__includedFiles/dashboard_header.php');?>
<?php include_once('__includedFiles/dashboard_menu.php');?>
<?php // require "__dashboardconfig/session.php"; ?>
<link href="css/styles.css" rel="stylesheet" />
<link href="css/styles2.css" rel="stylesheet" />
<script type="text/javascript" src="js/jssor.core.js"></script>
<script type="text/javascript" src="js/jssor.utils.js"></script>
<script type="text/javascript" src="js/jssor.slider.js"></script>
<script>
jQuery(document).ready(function ($) {
var options = {
$AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
$AutoPlayInterval: 4000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
$SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
$DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
$ThumbnailNavigatorOptions: {
$Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
$ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
$SpacingX: 10, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
$SpacingY: 3, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
$DisplayPieces: 6, //[Optional] Number of pieces to display, default value is 1
$ParkingPosition: 204, //[Optional] The offset position to park thumbnail,
$DirectionNavigatorOptions: {
$Class: $JssorDirectionNavigator$, //[Requried] Class to create direction navigator instance
$ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
$AutoCenter: 2, //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
$Steps: 3 //[Optional] Steps to go for each navigation request, default value is 1
}
}
};
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
});
</script>
<!--detail page html -->
<div class="side_detail" >
<div class="total_wrap pointstable">
<?php include_once('__includedFiles/turnament_top.php');?>
<div style="clear:both"></div>
<h2 style="width:100%;">Turnament Gallery</h2>
<div class="total_wrap_secondary">
<div class="wrapper left">
<div id="slider1_container" style="position: relative;width: 730px; height:520px;">
<!-- Loading Screen -->
<div u="loading" style="position: absolute; top: 0px; left: 0px;">
<div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
</div>
<div style="position: absolute; display: block; background: url(images/loading.gif) no-repeat center center;
top: 0px; left: 0px;width: 100%;height:100%;">
</div>
</div>
<!-- Slides Container -->
<div u="slides" style="cursor: move; position: absolute; left: 10px; top: 10px; width: 710px; height: 400px;
overflow: hidden;">
<?php $arr =$obj1->event_gallery($eventid);
$num = count($arr);
$h1=400;$w1=710;
?> <? if($num>0){
foreach($arr as $gallery){
$file=baseurl.'social/event_gallery/'.$gallery['img_path'];
list($width, $height) = getimagesize($file);
$ratio=$obj1->aspect_ratio($h1,$w1,$height,$width);
?>
<div>
<? if($ratio==0)
{
if($height>$width){
$newheight=$h1;
$newwidth=round($h1*($width/$height),0);
$str_margin='';
if($newwidth>$w1){
$newwidth=$w1;
$newheight=round($w1*($height/$width),0);
$height_diff=round(($h1-$newheight)/2,0);
if($height_diff>0){
$str_margin='margin-top:'.$height_diff.'px; margin-bottom:auto;';
}
}
}
else
{
$newwidth=$w1;
$newheight=round($w1*($height/$width),0);
$height_diff=round(($h1-$newheight)/2,0);
$str_margin='margin-top:'.$height_diff.'px; margin-bottom:auto;';
if($newheight>$h1)
{
$newheight=$h1;
$newwidth=round($h1*($width/$height),0);
$str_margin='';
}
}
$img_style='style="width:'.$newwidth.'px; height:'.$newheight.'px; text-align:center; margin-left: auto; margin-right: auto; '.$str_margin.'"';
?>
<img u="image" <?=$img_style?> src="<?=baseurl?>social/event_gallery/<?=$gallery['img_path']?>" alt="<?=$gallery['alttag']?>" title="<?=$gallery['alttag']?>" />
<?
}else{?>
<img u="image" src="<?=baseurl?>searching_files/timthumb.php?src=<?=baseurl?>social/event_gallery/<?=$gallery['img_path']?>&h=<?=$h1?>&w=<?=$w1?>&zc=1" alt="<?=$gallery['alttag']?>" title="<?=$gallery['alttag']?>" />
<? }?>
<!--<img u="image" src="img/landscape/01.jpg" />-->
<img u="thumb" src="<?=baseurl?>social/event_gallery/Thumb/<?=$gallery['img_path']?>" />
</div>
<? }}
$turnament_pics=$obj1->get_turnament_gallery($eventid);
if(count($turnament_pics)>0){
foreach($turnament_pics as $turn_pic){
$file=baseurl.'social/'.$turn_pic['path'];
list($width, $height) = getimagesize($file);
$ratio=$obj1->aspect_ratio($h1,$w1,$height,$width);
?>
<div>
<? if($ratio==0)
{
if($height>$width){
$newheight=$h1;
$newwidth=round($h1*($width/$height),0);
$str_margin='';
if($newwidth>$w1){
$newwidth=$w1;
$newheight=round($w1*($height/$width),0);
$height_diff=round(($h1-$newheight)/2,0);
if($height_diff>0){
$str_margin='margin-top:'.$height_diff.'px; margin-bottom:auto;';
}
}
}
else
{
$newwidth=$w1;
$newheight=round($w1*($height/$width),0);
$height_diff=round(($h1-$newheight)/2,0);
$str_margin='margin-top:'.$height_diff.'px; margin-bottom:auto;';
if($newheight>$h1)
{
$newheight=$h1;
$newwidth=round($h1*($width/$height),0);
$str_margin='';
}
}
$img_style='style="width:'.$newwidth.'px; height:'.$newheight.'px; text-align:center; margin-left: auto; margin-right: auto; '.$str_margin.'"';
?>
<img u="image" <?=$img_style?> src="<?=baseurl?>social/<?=$turn_pic['path']?>" />
<?
}else{?>
<img u="image" src="<?=baseurl?>searching_files/timthumb.php?src=<?=baseurl?>social/<?=$turn_pic['path']?>&h=<?=$h1?>&w=<?=$w1?>&zc=1" />
<? }?>
<img u="thumb" src="<?=baseurl?>social/<?=$turn_pic['path']?>" />
</div>
<? }}?>
</div>
<!-- Thumbnail Navigator Skin Begin -->
<div u="thumbnavigator" class="jssort05" style="position: absolute; width: 500px; height: 80px; left:100px; bottom: 20px; display:block !important;">
<!-- Thumbnail Item Skin Begin -->
<style>
.jssort05{display:block !important;}
/* jssor slider thumbnail navigator skin 05 css */
/*
.jssort05 .p (normal)
.jssort05 .p:hover (normal mouseover)
.jssort05 .pav (active)
.jssort05 .pav:hover (active mouseover)
.jssort05 .pdn (mousedown)
*/
.jssort05 .f
{
clip: rect(8px 63px 63px 8px);
}
.jssort05 .i
{
position: absolute;
background: #000;
filter: alpha(opacity=30);
opacity: .3;
width: 72px;
height: 72px;
top: 0;
left: 0;
transition: background-color .6s;
-moz-transition: background-color .6s;
-webkit-transition: background-color .6s;
-o-transition: background-color .6s;
}
.jssort05 .pav .i
{
background: #fff;
filter: alpha(opacity=80);
opacity: .8;
}
.jssort05 .pdn .i { background: none; }
.jssort05 .p:hover .i, .jssort05 .pav:hover .i
{
background: #fff;
filter: alpha(opacity=30);
opacity: .3;
}
.jssort05 .p:hover .i
{
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
</style>
<div u="slides" style="cursor: move;">
<div u="prototype" class="p" style="POSITION: absolute; WIDTH: 72px; HEIGHT: 72px; TOP: 0; LEFT: 0;">
<div class="o" style="position:absolute;top:1px;left:1px;width:72px;height:72px;overflow:hidden;">
<ThumbnailTemplate class="b" style="width:72px;height:72px; border: none;position:absolute; TOP: 0; LEFT: 0;"></ThumbnailTemplate>
<div class="i"></div>
<ThumbnailTemplate class="f" style="width:72px;height:72px;border: none;position:absolute; TOP: 0; LEFT: 0;"></ThumbnailTemplate>
</div>
</div>
</div>
<!-- Thumbnail Item Skin End -->
<!-- Direction Navigator Skin Begin -->
<style>
/* jssor slider direction navigator skin 06 css */
/*
.jssord06l (normal)
.jssord06r (normal)
.jssord06l:hover (normal mouseover)
.jssord06r:hover (normal mouseover)
.jssord06ldn (mousedown)
.jssord06rdn (mousedown)
*/
.jssord06l, .jssord06r, .jssord06ldn, .jssord06rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url(images/d06.png) no-repeat;
overflow:hidden;
}
.jssord06l { background-position: -8px -38px; }
.jssord06r { background-position: -68px -38px; }
.jssord06l:hover { background-position: -128px -38px; }
.jssord06r:hover { background-position: -188px -38px; }
.jssord06ldn { background-position: -248px -38px; }
.jssord06rdn { background-position: -308px -38px; }
</style>
<!-- Arrow Left -->
<span u="arrowleft" class="jssord06l" style="width: 45px; height: 45px; top: 123px; left: -40px;">
</span>
<!-- Arrow Right -->
<span u="arrowright" class="jssord06r" style="width: 45px; height: 45px; top: 123px; right: -40px">
</span>
<!-- Direction Navigator Skin End -->
</div>
<!-- ThumbnailNavigator Skin End -->
<a style="display: none" href="http://www.jssor.com">jQuery Slide</a>
<!-- Trigger -->
</div>
</div> <!--wrapper left-->
<?php include_once('__includedFiles/turnament_right.php');?>
<!--wrapper right-->
</div> <!--total_wrap_secondary-->
</div> <!--total_wrap pastresults-->
</div> <!--side_detail-->
<div class="clear"></div>
<?php include_once('__includedFiles/dashboard_footer.php');?>
,