function tile_TheTileName($group, $x, $y, $width, $height, $background, $url, $labelText, $labelColor, $labelPosition, $classes) { global $scale, $spacing, $scaleSpacing, $groupSpacing; $marginTop = $y * $scaleSpacing + getMarginTop($group); $marginLeft = $x * $scaleSpacing + getMarginLeft($group); $tileWidth = $width * $scaleSpacing - $spacing; $tileHeight = $height * $scaleSpacing - $spacing; ?> <a <?php echo makeLink($url); ?> class="tile group<?php echo $group; ?> <?php echo $classes; ?> " style=" margin-top:<?php echo $marginTop; ?> px; margin-left:<?php echo $marginLeft; ?> px; width:<?php echo $tileWidth; ?> px; height:<?php echo $tileHeight; ?> px; background:<?php echo $background; ?> ;" <?php posVal($marginTop, $marginLeft, $tileWidth); ?> > <?php if ($labelText != "") { if ($labelPosition == 'top') { echo "<div class='tileLabelWrapper top' style='border-top-color:" . $labelColor . ";'><div class='tileLabel top' >" . $labelText . "</div></div>"; } else { echo "<div class='tileLabelWrapper bottom'><div class='tileLabel bottom' style='border-bottom-color:" . $labelColor . ";'>" . $labelText . "</div></div>"; } } ?> </a> <?php }
function tile_slide($group, $x, $y, $width, $height, $background, $url, $text, $img, $imgSize, $slidePercent, $slideDir, $doSlideText, $doSlideLabel, $border, $labelText, $labelColor, $labelPosition, $classes) { global $scale, $spacing, $scaleSpacing, $groupSpacing; $tileWidth = $width * $scaleSpacing - $spacing; $tileHeight = $height * $scaleSpacing - $spacing; $marginTop = $y * $scaleSpacing + getMarginTop($group); $marginLeft = $x * $scaleSpacing + getMarginLeft($group); switch ($slideDir) { case "left": case "right": $d = 'hor'; break; case "down": case "up": $d = 'ver'; break; } ?> <a <?php echo makeLink($url); ?> class="tile tileSlide <?php echo $slideDir; ?> group<?php echo $group; ?> <?php echo $classes; ?> " style=" margin-top:<?php echo $marginTop; ?> px; margin-left:<?php echo $marginLeft; ?> px; width:<?php echo $tileWidth; ?> px; height:<?php echo $tileHeight; ?> px; background:<?php echo $background; ?> ; <?php if (!$border) { echo "padding:0;"; } ?> " <?php posVal($marginTop, $marginLeft, $tileWidth); ?> data-doslide="<?php echo $doSlideText; ?> "> <div class='slideText' style=' <?php if ($d == "ver") { ?> height:<?php echo $tileHeight * $slidePercent; ?> px; width:100%;<?php } else { ?> width:<?php echo $tileWidth * $slidePercent; ?> px; height:100%;<?php } if ($doSlideText) { switch ($slideDir) { case "left": echo "left:" . $tileWidth . 'px;'; break; case "right": echo "left:" . -$tileWidth * $slidePercent . 'px;'; break; case "down": echo "top:" . -$tileHeight * $slidePercent . 'px;'; break; case "up": echo "top:" . $tileHeight . 'px;'; break; } } else { switch ($slideDir) { case "left": echo "right"; break; case "right": echo "left"; break; case "down": echo "top"; break; case "up": echo "bottom"; break; } echo ":0;"; } echo "'>" . $text; ?> </div> <div class="imageWrapper"> <div class="imageCenterer" style="width:<?php echo $tileWidth; ?> px; height:<?php echo $tileHeight; ?> px;line-height:<?php echo $tileHeight - 2; ?> px;"> <img src='<?php echo $img; ?> ' style="width:<?php echo $tileWidth * $imgSize; ?> px;" /> </div> <?php if (!$doSlideLabel) { echo "</div>"; } if ($labelText != "") { if ($labelPosition == 'top') { echo "<div class='tileLabelWrapper top' style='border-top-color:" . $labelColor . ";'><div class='tileLabel top' >" . $labelText . "</div></div>"; } else { echo "<div class='tileLabelWrapper bottom'><div class='tileLabel bottom' style='border-bottom-color:" . $labelColor . ";'>" . $labelText . "</div></div>"; } } if ($doSlideLabel) { echo "</div>"; } ?> </a> <?php }
function tile_slideshow($group, $x, $y, $width, $height, $background, $url, $images, $alts, $texts, $effect, $speed, $arrows, $labelText, $labelColor, $labelPosition, $classes) { global $scale, $spacing, $scaleSpacing, $groupSpacing; $id = str_replace(".", "_", $group . "-" . $x . "-" . $y); $tileWidth = $width * $scaleSpacing - $spacing; $tileHeight = $height * $scaleSpacing - $spacing; $marginTop = $y * $scaleSpacing + getMarginTop($group); $marginLeft = $x * $scaleSpacing + getMarginLeft($group); if (count($alts) != count($images)) { $alts = array_fill(count($alts), count($images) - count($alts), ""); } ?> <a <?php echo makeLink($url); ?> id="tileSlideshow<?php echo $id; ?> " class="tile tileSlideshow group<?php echo $group; ?> <?php echo $classes; ?> " style=" margin-top:<?php echo $marginTop; ?> px; margin-left:<?php echo $marginLeft; ?> px; width:<?php echo $tileWidth; ?> px; height:<?php echo $tileHeight; ?> px; background:<?php echo $background; ?> ;" <?php posVal($marginTop, $marginLeft, $tileWidth); ?> data-n=0> <div class='imgWrapperBack' style="width: <?php echo $tileWidth + 2; ?> px; height:<?php echo $tileHeight + 2; ?> px"><img src='<?php echo $images[0]; ?> ' alt=''/></div> <div class='imgWrapper' style="width: <?php echo $tileWidth + 2; ?> px; height:<?php echo $tileHeight + 2; ?> px"><img src='<?php echo $images[0]; ?> ' alt='<?php echo $alts[0]; ?> ' /></div> <?php if ($texts != "" && count($texts) > 0) { echo "<div class='imgText'>" . $texts[0] . "</div>"; } ?> <script type="text/javascript">slideshowTiles["tileSlideshow<?php echo $id; ?> "] = [<?php echo json_encode($images); ?> ,<?php echo json_encode($alts); ?> ,<?php echo json_encode($texts); ?> ,<?php echo '"' . $effect . '"'; ?> ,<?php echo $speed; ?> ]</script> <?php if ($arrows) { echo '<img id="sl_arrowRight" src="' . PATH_FOLDER . 'img/arrows/simpleArrowRight.png" alt="Slideshow - right"><img id="sl_arrowLeft" src="<?php echo PATH_FOLDER;?>img/arrows/simpleArrowLeft.png" alt="Slideshow - left">'; } if ($labelText != "") { if ($labelPosition == 'top') { echo "<div class='tileLabelWrapper top' style='border-top-color:" . $labelColor . ";'><div class='tileLabel top' >" . $labelText . "</div></div>"; } else { echo "<div class='tileLabelWrapper bottom'><div class='tileLabel bottom' style='border-bottom-color:" . $labelColor . ";'>" . $labelText . "</div></div>"; } } ?> </a> <?php }
echo " data-pos='" . str_replace(".", "_", $marginTop . "-" . $marginLeft . '-' . $width) . "' "; } /* Generates tile titles */ foreach ($groupTitles as $l => $title) { ?> <a href="#&<?php echo strtolower(chars(str_replace(" ", "-", $title))); ?> " id="groupTitle<?php echo $l; ?> " class="groupTitle" style="margin-left:<?php echo getMarginLeft($l); ?> px; margin-top:<?php echo getMarginTop($l) - 45; ?> px" onclick="javascript:$group.goTo(<?php echo $l; ?> );"><h3><?php echo $title; ?> </h3></a> <?php } /* Generates tiles */ foreach ($tile as $args) { $n_args = array(); foreach ($tileTypes[$args['type']] as $key => $std) { if (array_key_exists($key, $args)) {
function tile_flipText($group, $x, $y, $width, $height, $background, $backgroundHover, $url, $title, $text, $direction, $img, $imgAlt, $imgTitle, $imgSize, $imgToTop, $imgToLeft, $labelText, $labelColor, $labelPosition, $classes) { global $scale, $spacing, $scaleSpacing, $groupSpacing; $marginTop = $y * $scaleSpacing + getMarginTop($group); $marginLeft = $x * $scaleSpacing + getMarginLeft($group); $tileWidth = $width * $scaleSpacing - $spacing; $tileHeight = $height * $scaleSpacing - $spacing; ?> <a <?php echo makeLink($url); ?> class="tile tileFlipText <?php echo $direction; ?> group<?php echo $group; ?> <?php echo $classes; ?> " style=" margin-top:<?php echo $marginTop; ?> px; margin-left:<?php echo $marginLeft; ?> px; width:<?php echo $tileWidth; ?> px; height:<?php echo $tileHeight; ?> px;" <?php posVal($marginTop, $marginLeft, $tileWidth); ?> > <div class='flipContainer'> <div class='flipFront' style="background:<?php echo $background; ?> ;"> <?php if ($labelText != "") { if ($labelPosition == 'top') { echo "<div class='tileLabelWrapper top' style='border-top-color:" . $labelColor . ";'><div class='tileLabel top' >" . $labelText . "</div></div>"; } else { echo "<div class='tileLabelWrapper bottom'><div class='tileLabel bottom' style='border-bottom-color:" . $labelColor . ";'>" . $labelText . "</div></div>"; } } ?> <h3> <?php if ($img != "") { ?> <img title='<?php echo $imgTitle; ?> ' alt='<?php echo $imgAlt; ?> ' style='margin-top:<?php echo $imgToTop; ?> px;margin-left:<?php echo $imgToLeft; ?> px;' src='<?php echo $img; ?> ' height="<?php echo $imgSize; ?> " width="<?php echo $imgSize; ?> "/> <?php } ?> <?php echo $title; ?> </h3></div> <div class='flipBack' style="background: <?php if ($backgroundHover == "") { echo $background; } else { echo $backgroundHover; } ?> ;"><h5><?php echo $text; ?> </h5></div> </div> </a> <?php }
function tile_img($group, $x, $y, $width, $height, $background, $url, $img, $desc, $showDescAlways, $imgWidth, $imgHeight, $labelText, $labelColor, $labelPosition, $classes) { global $scale, $spacing, $scaleSpacing, $groupSpacing; $tileWidth = $width * $scaleSpacing - $spacing; $tileHeight = $height * $scaleSpacing - $spacing; $marginTop = $y * $scaleSpacing + getMarginTop($group); $marginLeft = $x * $scaleSpacing + getMarginLeft($group); $imgWidthPx = $imgWidth * $scaleSpacing - $spacing; $imgHeightPx = $imgHeight * $scaleSpacing - $spacing; ?> <a <?php echo makeLink($url); ?> class="tile tileImg group<?php echo $group; ?> <?php if (!$showDescAlways && $desc != "") { echo $labelPosition; } ?> <?php echo $classes; ?> " style=" margin-top:<?php echo $marginTop; ?> px; margin-left:<?php echo $marginLeft; ?> px; width:<?php echo $tileWidth; ?> px; height:<?php echo $tileHeight; ?> px; background:<?php echo $background; ?> ;" <?php posVal($marginTop, $marginLeft, $tileWidth); ?> > <img src='<?php echo $img; ?> ' width="<?php echo $imgWidthPx; ?> " style='margin-left:-<?php echo $imgWidthPx * 0.5; ?> px; margin-top: -<?php echo $imgHeightPx * 0.5; ?> px; max-height:<?php echo $imgHeightPx; ?> px;'/> <?php /* echo label */ if ($labelPosition == 'top') { echo "<div class='tileLabelWrapper top' style='border-top-color:" . $labelColor . ";'>"; if ($labelText != "") { echo "<div class='tileLabel top' >" . $labelText . "</div>"; } } else { echo "<div class='tileLabelWrapper bottom'>"; if ($labelText != "") { echo "<div class='tileLabel bottom' style='border-bottom-color:" . $labelColor . ";'>" . $labelText . "</div>"; } } if ($desc != "") { echo "<div class='imgDesc' "; if (!$showDescAlways) { echo "style='display:none;'"; } echo ">" . $desc . "</div>"; } ?> </div> </a> <?php }