<?php
////
// Author: Geoff Brown & Sean Colombo
// Date: Unknown.  Branched for doItLater 03/2008.
//
//
////
define("PEDLR_NOT_A_PAGE", true); // so that traffic stats know this isn't an actual page.

header("Content-type: text/css");

$moduleId = isset($_GET['wrapper']) ? '#'.$_GET['wrapper'].' '  : '';

$borderColor = isset($borderColor) ? $borderColor : '999999';
$borderWidth = isset($borderWidth) ? $borderWidth : 0;

$topColor = isset($_GET['color2']) ? $_GET['color2'] : 'cccccc';
$topFontColor = isset($_GET['textcolor2']) ? $_GET['textcolor2'] : '000000';
$topLinkColor = isset($_GET['linkcolor2']) ? $_GET['linkcolor2'] : '0080ff';

$contentsColor = isset($_GET['color1']) ? $_GET['color1'] : 'eeeeee';
$contentsFontColor = isset($_GET['textcolor1']) ? $_GET['textcolor1'] : '000000';
$contentsLinkColor = isset($_GET['linkcolor1']) ? $_GET['linkcolor1'] : '0080ff';

$bottomColor = isset($_GET['color3']) ? $_GET['color3'] : 'eeeeee';
$bottomFontColor = isset($_GET['textcolor3']) ? $_GET['textcolor3'] : '000000';

$topHeight = isset($topHeight) ? $topHeight : 28;
$bottomHeight = isset($bottomHeight) ? $bottomHeight : 0;

// These can be 'round', 'angle', or 'square'
$topLeftStyle = isset($topLeftStyle) ? $topLeftStyle : 'round';
$topRightStyle = isset($topRightStyle) ? $topRightStyle : 'round';
$bottomLeftStyle = isset($bottomLeftStyle) ? $bottomLeftStyle : 'round';
$bottomRightStyle = isset($bottomRightStyle) ? $bottomRightStyle : 'round';

$cornerRadius = isset($cornerRadius) ? $cornerRadius : 5;

$topHeight += $borderWidth + 1;
$bottomHeight += $borderWidth;

$topHeight = $cornerRadius >= $topHeight ? $cornerRadius + 2 : $topHeight;
$bottomHeight = $cornerRadius >= $bottomHeight ? $cornerRadius + 2 : $bottomHeight;

$cornerRadius = $cornerRadius == 1 || $cornerRadius == 3 ? 2 : $cornerRadius;

$topImageHeight = 22;

//$bgcolor = isset($_GET['bgcolor']) ? $_GET['bgcolor'] : '000000'; // bgcolor of the page... not useful for modules.
$mainbg = isset($_GET['mainbg']) ? $_GET['mainbg'] : 'ffffff';

$bgImage = isset($_GET['bgImage']) ? 'url('.$_GET['bgImage'].')' : '';
$bgImageSettings = isset($_GET['bgImageSettings']) ? $_GET['bgImageSettings'] : '';

$bgRepeat = '';
$bgFixed = '';

define('REPEATX', 1);
define('REPEATY', 2);
define('FIXED', 4);

// Helps for including external resources relative to where on the server the app was put.
include_once '../includes/utils.php'; // for endsWith()
$codePath = preg_replace("/^(.*)\/[^\/]*$/", "$1", $_SERVER['SCRIPT_NAME']); // directory of this file.
if(endsWith($codePath, "/")){
	$codePath = preg_replace("/^(.*?)\/[^\/]*\/$/", "$1", $codePath); // directory above this file (should be the root of the app).
} else {
	$codePath = preg_replace("/^(.*?)\/[^\/]*$/", "$1", $codePath); // directory above this file (should be the root of the app).
}
$codePath = str_replace(" ", "%20", $codePath);

if( $bgImageSettings != '' ){
	if( ($bgImageSettings & REPEATX) && ($bgImageSettings & REPEATY) ){
		$bgRepeat = "repeat";
	}else if( $bgImageSettings & REPEATX ){
		$bgRepeat = "repeat-x";
	}else if( $bgImageSettings & REPEATY ){
		$bgRepeat = "repeat-y";
	}else{
		$bgRepeat = "no-repeat";
	}
	
	if( $bgImageSettings & FIXED ){
		$bgFixed = 'fixed';
	}
}

if( $moduleId != '' ){?>

<?php echo $moduleId; ?>{
	background: #<?php echo $mainbg ?> <?php echo $bgImage; ?> <?php echo $bgRepeat; ?> <?php echo $bgFixed; ?>;
}

<?php
}
?>

<?php echo $moduleId; ?>div.module div.left{
	float: left;
}

<?php echo $moduleId; ?>div.module{
	text-align: left;
}
<?php

include_once '../includes/browsercaps.php';

if( isIE() ){
?>
<?php echo $moduleId; ?>div.top{
	margin-bottom: -3px;
}

<?php
}
?>

<?php echo $moduleId; ?>div.top div.title{
	height: <?php echo $topHeight ?>px;
	font-size: 11px;
	font-weight: bold;

	<?php if( !isIE() ){ ?>
		white-space: nowrap;
	<?php } ?>
	overflow: hidden;
}

<?php echo $moduleId; ?>div.module div.right{
	float: right;
}

<?php echo $moduleId; ?>div.module div.top, <?php echo $moduleId; ?>div.module div.top div.left, <?php echo $moduleId; ?>div.module div.top div.right{
	height: <?php echo $topHeight ?>px;
}

<?php echo $moduleId; ?>div.module div.bottom{
	height: <?php echo $bottomHeight ?>px;
}

<?php echo $moduleId; ?>div.module div.left, <?php echo $moduleId; ?>div.module div.right{
	width: <?php echo $cornerRadius ?>px;
	font-size: 0px;
	line-height: 0px;
}

* html <?php echo $moduleId; ?>div.module div.left{
	margin-right: -3px;
}

* html <?php echo $moduleId; ?>div.module div.right{
	margin-left: -3px;
}

<?php echo $moduleId; ?>div.module div.contents{
	color: #<?php echo $contentsFontColor ?>;
	background-color: #<?php echo $contentsColor ?>;
}

<?php echo $moduleId; ?>div.module div.contents a{
	color: #<?php echo $contentsLinkColor; ?>;
	background-color: inherit;
}

<?php echo $moduleId; ?>div.module div.top div.left, <?php echo $moduleId; ?>div.module div.top div.right{
	height: <?php echo $topHeight ?>px;
}

<?php echo $moduleId; ?>div.module div.bottom div.left, <?php echo $moduleId; ?>div.module div.bottom  div.right{
	height: <?php echo $bottomHeight ?>px;
}

<?php echo $moduleId; ?>div.module div.filler{
	width: <?php echo $cornerRadius ?>px;
}

<?php echo $moduleId; ?>div.module div.bottom div.filler{
	height: <?php echo $bottomHeight - $cornerRadius ?>px;
	background-color: #<?php echo $bottomColor ?>;
	color: inherit;
}

<?php echo $moduleId; ?>div.module div.corner{
	width: <?php echo $cornerRadius ?>px;
	height: <?php echo $cornerRadius ?>px;
}

<?php echo $moduleId; ?>div.module div.bottom div.left div.corner{
	<?php if( $bottomLeftStyle == 'square' ){ ?>
	background-color: #<?php echo $bottomColor ?>;
	color: inherit;
	<?php }else{ ?>
	background: url(<?php print $codePath; ?>/images/borderimage.php?loc=bl&style=<?php echo $bottomLeftStyle ?>&width=<?php echo $cornerRadius ?>&height=<?php echo $cornerRadius ?>&color=<?php echo $bottomColor ?>&bgcolor=<?php echo $mainbg ?>&bwidth=0&bcolor=000000 ) top left no-repeat;
	<?php } ?>
}

<?php echo $moduleId; ?>div.module div.bottom div.right div.corner{
	<?php if( $bottomRightStyle == 'square' ){ ?>
	background-color: #<?php echo $bottomColor ?>;
	color: inherit;
	<?php }else{ ?>
	background: url(<?php print $codePath; ?>/images/borderimage.php?loc=br&style=<?php echo $bottomRightStyle ?>&width=<?php echo $cornerRadius ?>&height=<?php echo $cornerRadius ?>&color=<?php echo $bottomColor ?>&bgcolor=<?php echo $mainbg ?>&bwidth=0&bcolor=000000 ) top right no-repeat;
	<?php } ?>
}

<?php echo $moduleId; ?>div.module div.top div.center div.title img{
	margin-top: <?php echo ($topHeight - $borderWidth - $topImageHeight - 1) / 2 ?>px;
	margin-right: 5px;
	float: left;
	border: 0px;
}

<?php echo $moduleId; ?>div.module div.top div.center div.suffix img{
	border: 0px;
	margin-top: <?php echo ($topHeight - $borderWidth - 16 - 2) / 2 ?>px;	
}

<?php echo $moduleId; ?>div.module div.top div.center div.title {
	float: left;
	right: <?php echo $cornerRadius ?>px;
	padding-left: 7px;
	position: relative;
	height: <?php echo $topHeight ?>px;
	
	<?php if( isIE() ){ ?>
	margin-right: -100%;
	<?php } ?>
}

<?php echo $moduleId; ?>div.module div.top div.center div.suffix {
	float: right;
	margin-right: -<?php echo $cornerRadius ?>px;
	padding-right: 7px;
	
	<?php if( !isIE() ){ ?>
	margin-left: -100%;
	<?php } ?>
	
	position: relative;
}

<?php echo $moduleId; ?>div.module div.top div.center div.suffix a.delete{
	font-size: 0px;
	line-height: 0px;
	display: none;
}

<?php echo $moduleId; ?>div.module div.top a{
	color: #<?php echo $topLinkColor ?>;
}

<?php echo $moduleId; ?>div.module div.top div.center div.suffix a.edit, <?php echo $moduleId; ?>div.module div.top div.center div.suffix a.friends_edit{
	background-color: #<?php echo $topColor ?>;
	position: relative;
	line-height: 16px;
	/*bottom: <?php echo ( ($topHeight - $borderWidth - 16 ) / 2 ) ?>px;*/
	bottom: 3px;
}

<?php echo $moduleId; ?>div.module div.bottom div.center{
	color: #<?php echo $bottomFontColor ?>;
	background-color: #<?php echo $bottomColor ?>;
	line-height: <?php echo $bottomHeight ?>px;
	font-size: 0px;
	height: <?php echo $bottomHeight ?>px;
	margin-left: <?php echo $cornerRadius; ?>px;
	margin-right: <?php echo $cornerRadius; ?>px;
}

* <?php echo $moduleId; ?> html div.module div.bottom div.center{
	height: <?php echo $bottomHeight + 1 ?>px;
}


<?php echo $moduleId; ?>div.module div.top div.filler{
	height: <?php echo $topHeight - $cornerRadius ?>px;
	color: inherit;
	background-color: #<?php echo $topColor ?>;	
}

<?php echo $moduleId; ?>div.module div.top div.left div.corner{
	<?php if( $topLeftStyle == 'square' ){ ?>
	background-color: #<?php echo $topColor ?>;
	color: inherit;
	<?php }else{ ?>
	background: url(<?php print $codePath; ?>/images/borderimage.php?loc=tl&style=<?php echo $topLeftStyle ?>&width=<?php echo $cornerRadius ?>&height=<?php echo $cornerRadius ?>&color=<?php echo $topColor ?>&bgcolor=<?php echo $mainbg ?>&bwidth=0&bcolor=000000 ) top left no-repeat;	
	<?php } ?>
}

<?php echo $moduleId; ?>div.module div.top div.right div.corner{
	<?php if( $topRightStyle == 'square' ){ ?>
	background-color: #<?php echo $topColor ?>;
	color: inherit;
	<?php }else{ ?>	
	background: url(<?php print $codePath; ?>/images/borderimage.php?loc=tr&style=<?php echo $topRightStyle ?>&width=<?php echo $cornerRadius ?>&height=<?php echo $cornerRadius ?>&color=<?php echo $topColor ?>&bgcolor=<?php echo $mainbg ?>&bwidth=0&bcolor=000000 ) top right no-repeat;
	<?php } ?>
}

<?php echo $moduleId; ?>div.module div.top div.center{
	color: #<?php echo $topFontColor ?>;
	line-height: <?php echo $topHeight ?>px;
	height: <?php echo $topHeight ?>px;
	background-color: #<?php echo $topColor ?>;
	margin-left: <?php echo $cornerRadius; ?>px;
	margin-right: <?php echo $cornerRadius; ?>px;
}

* html <?php echo $moduleId; ?>div.module div.top div.center, * html <?php echo $moduleId; ?>div.module div.bottom div.center{
	margin-left: 0px;
	margin-right: 0px;
}

div.module_wrapper{
	width: 100%;
	display: table;
	
	margin-bottom: -6px;
}

.topColor{
	color: #<?php echo $topFontColor ?> !important;
	background-color: #<?php echo $topColor ?>  !important;
}

.topColor a, .topColor a:hover, .topColor a:active{
	color: #<?php echo $topLinkColor ?> !important;
}

.topColorBordered{
	border-color: #<?php echo $topColor ?> !important;
}