????
Your IP : 216.73.216.83
<?php
/**
* The template for displaying all pages.
*
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages and that other
* 'pages' on your WordPress site will use a different template.
*
* @package Wanderfuls WordPress Theme
* @subpackage Templates
*/
// Get site header
get_header(); ?>
<style>
ul.sample-bar {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
ul.sample-bar li {
float: left;
}
ul.sample-bar li a {
display: block;
color: red;
text-align: center;
padding: 14px 50px;
text-decoration: none;
}
ul.sample-bar li a:hover:not(.active) {
background-color: #111;
}
ul.sample-bar li a.active {
background-color: #4CAF50;
}
ul.sample-bar li.right {
float: right;
}
@media screen and (max-width: 600px) {
ul.sample-bar li.right,
ul.sample-bar li {
float: none;
}
}
.letter {
color: red;
}
</style>
<?php do_action('hide_header_script'); ?>
<div id="content-wrap" class="container clr">
<?php tb_hook_primary_before(); ?>
<div id="primary" class="content-area clr" style="max-width: 100%; width: 100%;">
<?php tb_hook_content_before(); ?>
<div id="content" class="clr site-content">
<?php tb_hook_content_top(); ?>
<?php
// Main page loop
while (have_posts()) : the_post(); ?>
<article class="clr">
<div class="entry-content entry clr">
<style>
p.labels {
padding: 0px;
2px;
0px;
margin-bottom: 0px;
margin-top: 2px;
font-family: arial, helvetica, clean, sans-serif;
font-size: 14px;
font-style: normal;
color: #B8B8B8;
cursor: default;
}
p.clickMe {
padding: 0px;
20px;
0px;
margin-left: 150px;
font-family: arial, helvetica, clean, sans-serif;
font-size: 22px;
font-style: normal;
color: red;
cursor: default;
}
img.wanderfuls {
position: absolute;
top: 0px;
}
</style>
<?php
// Output page content
//the_content(); ?>
<?php
$room = $_GET['dr'];
//$root = get_home_path() . 'design_room';
?>
<h1>Design room #<?php echo $room; ?></h1>
<div style="overflow: hidden; width: 100%;">
<div class="js-tool" id="js-tool">
<div>
<div>
<img style="position:absolute; top:0px; z-index:50"
src="/images/palette_bar2.jpg"/>
</div>
<div>
<img id="L0" class="wanderfuls" style="z-index:100"
src="/design/A10/A10BAS000BGXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L1" class="wanderfuls" style="z-index:200"
src="/design/A10/TUB/A10CAN400WHXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L2" class="wanderfuls" style="z-index:300"
src="/design/A10/RIB/A10RIB000GLXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L3" class="wanderfuls" style="z-index:400"
src="/design/A10/POM/A10POM001IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L4" class="wanderfuls" style="z-index:500"
src="/design/A10/POM/A10POM003IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L5" class="wanderfuls" style="z-index:600"
src="/design/A10/POM/A10POM005IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L6" class="wanderfuls" style="z-index:700"
src="/design/A10/POM/A10POM006IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L7" class="wanderfuls" style="z-index:800"
src="/design/A10/POM/A10POM002IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L8" class="wanderfuls" style="z-index:900"
src="/design/A10/POM/A10POM004IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L9" class="wanderfuls" style="z-index:1000"
src="/design/A10/POM/A10POM007IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L10" class="wanderfuls" style="z-index:1100"
src="/design/A10/POM/A10POM008IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L11" class="wanderfuls" style="z-index:1200"
src="/design/A10/POM/A10POM009IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L12" class="wanderfuls" style="z-index:1300"
src="/design/A10/POM/A10POM010IVXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L13" class="wanderfuls" style="z-index:1400"
src="/design/A10/TAS/A10TAS001MGXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L14" class="wanderfuls" style="z-index:1500"
src="/design/A10/TAS/A10TAS002MGXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L15" class="wanderfuls" style="z-index:1600"
src="/design/A10/TAS/A10TAS003MGXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L16" class="wanderfuls" style="z-index:1700"
src="/design/A10/TAS/A10TAS004MGXXXX00.png" width=640 hight=620/>
</div>
<div>
<img id="L17" class="wanderfuls" style="z-index:1800"
src="/design/A10/TAS/A10TAS005MGXXXX00.png" width=640 hight=620/>
</div>
<div>
<a href="javascript:doTimer(<?php echo $room; ?>)">
<img id="L18" class="wanderfuls" style="z-index:1900"
src="/design/A10/TAS/A10TAS006MGXXXX00.png" width=640 hight=620/>
</a>
</div>
<div style="position: absolute; top:200px; z-index:1950;">
<a href="javascript:doTimer(<?php echo $room; ?>)">
<p id="txt10" class="clickMe">Click here to start Design Session</p>
</a>
</div>
<div id="Dscript">
<p id="txt01" class="labels">POMPOMS: Ivory</p>
<p id="txt02" class="labels">TASSELS: Metallic Gold</p>
<p id="txt03" class="labels">CANDY: After Dinner Mints</p>
<p id="txt04" class="labels">PRINTABLE RIBBON: Metallic Gold</p>
<p id="txt05" class="labels">BASE: Blue Lace Gold Base</p>
</div>
</div>
</div>
<script>
var jsTool = document.getElementById('js-tool');
var jsToolWidth = jsTool.offsetWidth;
jsTool.setAttribute("style", "height:" + jsToolWidth + "px");
function thisMovie(movieName) {
var isIE = navigator.appName.indexOf("Microsoft") != -1;
return (isIE) ? window[movieName] : document[movieName];
}
function makeCall(str) {
thisMovie("/design_room/dt_cl_client_ext2_m1.swf").newDesign(str);
}
function sendTxt() {
var sendText = inputValue.vars.value;
makeCall(sendText);
}
</script>
<div class="hidden-xs">
<a href=javascript:makeCall('A102AQIWXXXXXXXX300WHXXXXMGXXXXXXXXXXGLGL')>
<img border="0" src="/images/A102AQIWXXXXXXXX300WHXXXXMGXXXXXXXXXXGLGL.jpg">
</a>
<a href=javascript:makeCall('A102AZLAXXXXXXXX100SLXXXXBPLAHPIWHPIWHPSL')>
<img border="0" src="/images/A102AZLAXXXXXXXX100SLXXXXBPLAHPIWHPIWHPSL.jpg">
</a><span class="letter">A</span>
<a href=javascript:makeCall('A102AZMSXXXXXXXX230SLWHXXBPIWIWMSBPIWMOSL')>
<img border="0" src="/images/A102AZMSXXXXXXXX230SLWHXXBPIWIWMSBPIWMOSL.jpg">
</a>
<a href=javascript:makeCall('A102BBBBXXXXXXXX310WHSLXXBBMSMSWHBBBBSLSL')>
<img border="0" src="/images/A102BBBBXXXXXXXX310WHSLXXBBMSMSWHBBBBSLSL.jpg">
</a><span class="letter">B</span>
<a href=javascript:makeCall('A102BBIWXXXXXXXX300WHXXXXBBMSMSWHBBBBLBSL')>
<img border="0" src="/images/A102BBIWXXXXXXXX300WHXXXXBBMSMSWHBBBBLBSL.jpg">
</a>
<a href=javascript:makeCall('A102BBIWXXXXXXXX300WHXXXXMSMSBBMSMSIWLBSL')>
<img border="0" src="/images/A102BBIWXXXXXXXX300WHXXXXMSMSBBMSMSIWLBSL.jpg">
</a><span class="letter">C</span>
<a href=javascript:makeCall('A102BBLMXXXXXXXX200SLXXXXIWPGPGBBMSBBLBSL')>
<img border="0" src="/images/A102BBLMXXXXXXXX200SLXXXXIWPGPGBBMSBBLBSL.jpg">
</a>
<a href=javascript:makeCall('A102BKHPXXXXXXXX200SLXXXXHPBKIWMSIWHPBKSL')>
<img border="0" src="/images/A102BKHPXXXXXXXX200SLXXXXHPBKIWMSIWHPBKSL.jpg">
</a><span class="letter">D</span>
<a href=javascript:makeCall('A102BKORXXXXXXXX200SLXXXXHPMSXXXXXXXXHPSL')>
<img border="0" src="/images/A102BKORXXXXXXXX200SLXXXXHPMSXXXXXXXXHPSL.jpg">
</a>
<a href=javascript:makeCall('A102BKPKXXXXXXXX550LPBKXXMSXXXXXXXXXXSLSL')>
<img border="0" src="/images/A102BKPKXXXXXXXX550LPBKXXMSXXXXXXXXXXSLSL.jpg">
</a><span class="letter">E</span>
<a href=javascript:makeCall('A102BKRDXXXXXXXX550BKRDXXBKRMBKRMMSMSSLSL')>
<img border="0" src="/images/A102BKRDXXXXXXXX550BKRDXXBKRMBKRMMSMSSLSL.jpg">
</a>
<a href=javascript:makeCall('A102MSBKXXXXXXXX200SLXXXXRMBKMSMSRDXXBKSL')>
<img border="0" src="/images/A102MSBKXXXXXXXX200SLXXXXRMBKMSMSRDXXBKSL.jpg">
</a><span class="letter">F</span>
<a href=javascript:makeCall('A102CBBBXXXXXXXX400WHXXXXIWIWBBMSMSWHLBSL')>
<img border="0" src="/images/A102CBBBXXXXXXXX400WHXXXXIWIWBBMSMSWHLBSL.jpg">
</a>
<a href=javascript:makeCall('A102CBPPXXXXXXXX400WHXXXXPPMPMSWHIWWHPPSL')>
<img border="0" src="/images/A102CBPPXXXXXXXX400WHXXXXPPMPMSWHIWWHPPSL.jpg">
</a><span class="letter">G</span>
<a href=javascript:makeCall('A102CBRDXXXXXXXX100SLXXXXRMTUTURMMSMSRDSL')>
<img border="0" src="/images/A102CBRDXXXXXXXX100SLXXXXRMTUTURMMSMSRDSL.jpg">
</a>
<a href=javascript:makeCall('A102EMRBXXXXXXXX200GLXXXXMGXXXXXXXXXXRBGL')>
<img border="0" src="/images/A102EMRBXXXXXXXX200GLXXXXMGXXXXXXXXXXRBGL.jpg">
</a><span class="letter">H</span>
</div>
</div>
<div class="clearfix"></div>
<div class="bar">
<ul class="sample-bar">
<li><a href="javascript:open_winN1()">1</a></li>
<li><a href="javascript:open_winN2()">2</a></li>
<li><a href="javascript:open_winN3()">3</a></li>
<li><a href="javascript:open_winN4()">4</a></li>
<li><a href="javascript:open_winN5()">5</a></li>
<li><a href="javascript:open_winN6()">6</a></li>
<li><a href="javascript:open_winN7()">7</a></li>
<li><a href="javascript:open_winN8()">8</a></li>
</ul>
</div>
<?php include('droompage-bottom.php'); ?>
<script>
function open_win() {
window.open("/sizes/SizesNewPage.html", '', 'directories=0,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=480,height=380')
}
function open_winN1() {
window.open("images/bouquet1rm.jpg", '', 'directories=0,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=691,height=503')
}
function open_winN2() {
window.open("images/bouquet2rm.jpg", '', 'directories=0,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=560,height=507')
}
function open_winN3() {
window.open("images/bouquet3rm.jpg", '', 'directories=0,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=691,height=503')
}
function open_winN4() {
window.open("images/bouquet4rm.jpg", '', 'directories=0,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=678,height=497')
}
function open_winN5() {
window.open("images/bouquet5rm.jpg", '', 'directories=0,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=560,height=503')
}
function open_winN6() {
window.open("images/bouquet6rm.jpg", '', 'directories=0,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=691,height=503')
}
function open_winN7() {
window.open("../images/lrg48r.jpg", '', 'directories=0,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=612,height=649')
}
function open_winN8() {
window.open("../images/lrg40.jpg", '', 'directories=0,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=675,height=668')
}
</script>
<?php
// Output page pagination
wp_link_pages(array(
'before' => '<div class="page-links clr">',
'after' => '</div>',
'link_before' => '<span>',
'link_after' => '</span>',
)); ?>
</div>
<!-- .entry-content -->
<?php
// Get social sharing template part
get_template_part('partials/social', 'share'); ?>
</article><!-- #post -->
<?php
// Check if comments are enabled for pages
if (tb_get_mod('page_comments')) : ?>
<?php
// Display comments
comments_template(); ?>
<?php endif; ?>
<?php
// End main loop
endwhile; ?>
<?php tb_hook_content_bottom(); ?>
</div>
<!-- #content -->
<?php tb_hook_content_after(); ?>
</div>
<!-- #primary -->
<?php tb_hook_primary_after(); ?>
</div><!-- #content-wrap -->
<?php
// Get site footer
get_footer(); ?>