<?php 
include(dirname(__FILE__).'/../../../config/config.inc.php');
include(dirname(__FILE__).'/../../../init.php');
include(dirname(__FILE__).'/../slideshow.php');
$params = Slideshow::get_params();
$thumbZindex = intval(count(Slideshow::getSlides()))+2;
$slides_position = 'center';
$slidethumbs_position = 'left';
$slidethumbs_arrow = 'R';
$bb_vposition = 'top';
$bb_hposition = 'left:5px';
$sq_vposition = 'top:10px';
$sq_hposition = 'left:25px';
switch($params->tabPosition)
{
	case 'topleft':
		$bb_vposition = 'top';
		$bb_hposition = 'left:5px';		
	break;
	case 'topright':
		$bb_vposition = 'top';
		$bb_hposition = 'right:5px';
		$sq_hposition = 'right:15px';		
	break;
	case 'bottomleft':
		$bb_vposition = 'bottom';
		$bb_hposition = 'left:5px';
		$sq_vposition = 'bottom:0';		
	break;
	case 'bottomright':
		$bb_vposition = 'bottom';
		$bb_hposition = 'right:5px';
		$sq_vposition = 'bottom:0';
		$sq_hposition = 'right:15px';		
	break;
	case 'right':
		$slides_position = 'left';
		$slidethumbs_position = 'right';
		$slidethumbs_arrow = 'L';		
	break;
	case 'left':
	default:
		$slides_position = 'right';
		$slidethumbs_position = 'left';
		$slidethumbs_arrow = 'R';		
	break;
}
switch($params->descrPosition)
{
	case 'top':
    	$descr_vposition = 'top:0';
		$descr_hposition = 'left';
		$descr_size = 'width:'.(intval($params->picW)-20).'px';		
	break;
	case 'bottom':
    	$descr_vposition = 'bottom:3px';
    	$descr_hposition = 'left';
		$descr_size = 'width:'.(intval($params->picW)-20).'px';
	break;	
	case 'left':
    	$descr_vposition = 'top:0';
		$descr_hposition = 'left';
		$descr_size = 'width:35%;height:'.(intval($params->picH)-10).'px';		
	break;	
	case 'right':
    	$descr_vposition = 'top:0';
		$descr_hposition = 'right';
		$descr_size = 'width:35%;height:'.(intval($params->picH)-10).'px';		
	break;
}
header("Content-type: text/css");
if(isset($_GET['nocache'])){
	header('Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0'); // HTTP/1.1
	header('Pragma: no-cache');	
}else{
	header('Cache-Control: max-age=3600');
}
?>

#slideshow{
    width: <?php echo $params->slideW;?>px;
	height: <?php echo $params->picH;?>px;
	margin:0 auto;
    background: <?php echo $params->slideBg;?>;
    position: relative;
    color: #fff;

}

#slideshow a, #slideshow a:hover{text-decoration:none}

#slideshow ul{
    float: <?php echo $slides_position;?>;
    margin: 0;
    padding: 0;
    list-style: none;
    
}

#slideshow li{
    position: relative;
}

#slidethumbs{
	position:absolute;
	top:0;
	<?php echo $slidethumbs_position;?>:0;
	width: 180px;
	z-index:<?php echo $thumbZindex;?>;
}

#slidethumbs li{
    margin: 0;
    padding: 0;
    width: 180px;
	height:54px;
    float: <?php echo $slidethumbs_position;?>;
	overflow: hidden;
}

#slidethumbs a{
    margin: 0;
    padding: 10px;
    background: transparent url(../images/tab<?php echo $params->tab_color;?>_activ.png) repeat-x 0% 0%;
    width: 132px;
	height:34px;
    float: <?php echo $slidethumbs_position;?>;
	display: block;
}
#slidethumbs a:hover{ background: transparent url(../images/tab<?php echo $params->activ_tab_color;?>_activ.png) repeat-x 0% 0% }
#slidethumbs .activeSlide a { <?php if($slidethumbs_arrow=='L'){echo 'padding-left:38px;';}else{echo 'width: 160px;';}?> 
	background: transparent no-repeat 0% 0%;
	background-image: url(../images/tab<?php echo $params->activ_tab_color.'_activ'.$slidethumbs_arrow;?>.png)
}

#slidethumbs a span{
	display:block;
	font-weight:bold;
	font-size:14px
}

#slides{ position: relative; }
#slides div{
    position: absolute;
	<?php echo $descr_vposition;?>;
	<?php echo $descr_hposition;?>: 0;
	<?php echo $descr_size;?>;
	background: transparent url(../images/overlay<?php echo $params->overlay;?>.png) repeat 0% 0% ;
	padding: 5px 10px;
}

#bubbles{
	position:absolute;
	<?php echo $bb_vposition;?>:10px;
	<?php echo $bb_hposition;?>;
	z-index:<?php echo $thumbZindex;?>;
}

#bubbles li, #squares li{
    margin: 0 5px;
    padding: 0;
    width: 28px;
	height:28px;
    float: left;
}

#bubbles a{
	text-align:center;
	font-weight:bold;
    margin: 0;
    padding: 7px 0;
    background: transparent url(../images/bub<?php echo $params->tab_color;?>.png) no-repeat 0% 0%;
    width: 28px;
	height:14px;
    float: left;
	display: block;
}
#bubbles a:hover, #bubbles .activeSlide a { background: transparent url(../images/bub<?php echo $params->activ_tab_color;?>.png) no-repeat 0% 0% }

#squares{
	position:absolute;
	<?php echo $sq_vposition;?>;
	<?php echo $sq_hposition;?>;
	z-index:<?php echo $thumbZindex;?>;
}

#squares a{
    margin: 0;
    background: #<?php echo $params->tab_color;?>;
    width: 16px;
	height:16px;
    float: left;
}
#squares a:hover, #squares .activeSlide a { background: #<?php echo $params->activ_tab_color;?> }

#slidethumbs a,#bubbles a { color:<?php echo $params->slideTxt;?>;}
#slidethumbs a:hover,#bubbles a:hover, #slidethumbs .activeSlide a, #bubbles .activeSlide a { color:<?php echo $params->slideTxtHover;?>;}

#show{
	width:600px;
	margin: 0 auto
}
.colpicker a{
	display:block;
	float:left;
	padding:9px;
	background:red;
	border: 2px solid #FFFFF0;
	margin: 0 5px 6px 5px
}
.colpicker a:hover, .colpicker a.selected{border-color: black;}