<?php
/*
Template Name: Portfolio Template
*/
?>
<?php get_header(); ?>
<script type="text/javascript">
window.smallResolution = false;
$(document).ready(function() {
recheckPreloadedImages();
/* Social toolTip */
$('#social a').hover( function() {
$(this).find( '.socialname' ).stop().animate({ left: '28px', opacity: 1 }, 500, 'easeInOutExpo');
}, function() {
$(this).find( '.socialname' ).stop().animate({ left: '20px', opacity: 0 }, 500, 'easeInOutExpo');
});
/* Lock toolTip */
$('#lock_content').hover( function() {
$(this).find( '.blocktext' ).stop().animate({ right: '50px', opacity: 1 }, 500, 'easeInOutExpo');
}, function() {
$(this).find( '.blocktext' ).stop().animate({ right: '25px', opacity: 0 }, 500, 'easeInOutExpo');
});
$('ul#menulava').lavaLamp();
//$('.bg_hover').each(function(){
$('.latest-proj, .latest-blog').hover(function(){
$(this).children('.bg_hover').animate({ marginTop: '-19px'}, 100);
}, function(){
$(this).children('.bg_hover').animate({ marginTop: '0px' }, 100);
});
//});
if ( checkResolution() < 1280){
window.smallResolution = true;
}
//$('.content').height( $('.gotop').offset().top + $('.gotop').height() );
//$('.white_content').height($('.gotop').offset().top + $('.gotop').height() );
blockContent();
window.openingRecentPosts = false;
$('.post .text a').each(function(){
$(this).click(function(){
if ($(this).parents('.post').find('.readmore_text').html() != $("#my_close_text").html())
$(this).parent().siblings('.readmore').click();
});
});
$('.readmore').each(function(){
//HOVER READMORE BEHAVIOR
$(this).children('.readmore_arrow').hover(function(){
$(this).siblings('.readmore_text').stop().animate({
'left': '0px'
}, {
duration: 300,
easing: 'easeInOutExpo'
});
});
$(this).mouseleave(function(){
$(this).children('.readmore_text').stop().animate({
'left': '89px'
},{
duration: 300,
easing: 'easeInOutExpo'
});
});
});
updateReadmoreBehavior();
});
</script>
<!-- HELPERS TO THE LAYOUTS -->
<script type="text/javascript">
/*
jQuery(document).ready(function(){
//$('#dragger_container').height($(window).height());
$(document).mousemove(function(e){
$('#status').html(e.pageY);
var isso = $(window).height()-$('#dragger').height()-20;
$('#status').append('<p style="color:green;">'+$('#dragger').css('top')+'</p>');
//if ( e.pageY > ($(window).height()-$('#dragger').height()) && window.dragging ){
if ( (parseInt($('#dragger').css('top')) > isso || parseInt($('#dragger').css('top')) < 0 ) && window.dragging ){
$('#status').append('<p style="color:red;">mouse fucked up</p>');
$('#dragger').mouseup();
$('#dragger').css('top',$(window).height()-$('#dragger').height()-20);
}
});
*/
/** TABS/ACCORDION **/
/*
$(document).ready(function() {
//$("ul.tab_titles").tabs(".panes > div", {effect: 'fade'});
//$("#accordion").tabs("#accordion div.pane", {tabs: 'h3', effect: 'slide', initialIndex: null});
});
});
*/
</script>
</head>
<body onload="window.monitor = setInterval('monitorPercent()',1);">
<div id="status" style="display:none; position: fixed; width: 150px; height: 30px; font-size: 30px; color: white;background: black; top: 0; right: 0; z-index: 99999999;">0</div>
<div id="percent" style="display:none; position: fixed; width: 150px; height: 30px; font-size: 30px; color: #ffcc33;background: black; top: 150px; right: 0; z-index: 99999999;">0</div>
<input type="text" id="inputHeight" style=" display:none; position: fixed; width: 150px; height: 30px; font-size: 30px; color: white; background: black; top: 250px; right: 0; z-index: 99999999;" value="0" />
<div id="templatepath" style="display:none;"><?php echo get_template_directory_uri()."/"; ?></div>
<div id="everything" style="position: relative;">
<div id="wrapper" width="70%">
<div id="gogotop" onclick="gogotop();" style="visibility: hidden;"></div>
<div class="viewport">
<div class="overview">
<!-- start content white -->
<div id="content">
<!-- <div id="slider-vertical" style="height: 150px; position: relative; float: right;"></div> -->
<div class="pattern_left" style="
<?php if(get_option(DESIGNARE_SHORTNAME."_vertical_lines_type") == "color") echo "background: #" . get_option(DESIGNARE_SHORTNAME."_vertical_lines_color") . ";"; ?>
<?php if(get_option(DESIGNARE_SHORTNAME."_vertical_lines_type") == "pattern"){
if(get_option(DESIGNARE_SHORTNAME."_vertical_lines_custom_pattern"))
echo "background: url('" . get_option(DESIGNARE_SHORTNAME."_vertical_lines_custom_pattern") . "') 0 0 repeat;";
else
echo "background: url('" . DESIGNARE_PATTERNS_URL . get_option(DESIGNARE_SHORTNAME."_vertical_lines_pattern") . "') 0 0 repeat;";
} ?>
"></div>
<div class="pattern_right" style="
<?php if(get_option(DESIGNARE_SHORTNAME."_vertical_lines_type") == "color") echo "background: #" . get_option(DESIGNARE_SHORTNAME."_vertical_lines_color") . ";"; ?>
<?php if(get_option(DESIGNARE_SHORTNAME."_vertical_lines_type") == "pattern"){
if(get_option(DESIGNARE_SHORTNAME."_vertical_lines_custom_pattern"))
echo "background: url('" . get_option(DESIGNARE_SHORTNAME."_vertical_lines_custom_pattern") . "') 0 0 repeat;";
else
echo "background: url('" . DESIGNARE_PATTERNS_URL . get_option(DESIGNARE_SHORTNAME."_vertical_lines_pattern") . "') 0 0 repeat;";
} ?>
"></div>
<div class="white_content" style="
<?php if(get_option(DESIGNARE_SHORTNAME."_body_type") == "none") echo "background: none;"; ?>
<?php if(get_option(DESIGNARE_SHORTNAME."_body_type") == "color") echo "background: #" . get_option(DESIGNARE_SHORTNAME."_body_color") . ";"; ?>
<?php if(get_option(DESIGNARE_SHORTNAME."_body_type") == "pattern"){
if(get_option(DESIGNARE_SHORTNAME."_custom_body_pattern"))
echo "background: url('" . get_option(DESIGNARE_SHORTNAME."_custom_body_pattern") . "') 0 0 repeat;";
else
echo "background: url('" . DESIGNARE_PATTERNS_URL . get_option(DESIGNARE_SHORTNAME."_body_pattern") . "') 0 0 repeat;";
} ?>
">
<div id="top"></div>
<div class="header" style="
<?php if(get_option(DESIGNARE_SHORTNAME."_header_type") == "none") echo "background: none;"; ?>
<?php if(get_option(DESIGNARE_SHORTNAME."_header_type") == "color") echo "background: #" . get_option(DESIGNARE_SHORTNAME."_header_color") . ";"; ?>
<?php if(get_option(DESIGNARE_SHORTNAME."_header_type") == "image") echo "background: url('" . get_option(DESIGNARE_SHORTNAME."_header_image") . "') 0 0 no-repeat; background-size: 100% 100%;"; ?>
<?php if(get_option(DESIGNARE_SHORTNAME."_header_type") == "pattern"){
if(get_option(DESIGNARE_SHORTNAME."_header_custom_pattern"))
echo "background: url('" . get_option(DESIGNARE_SHORTNAME."_header_custom_pattern") . "') 0 0 repeat;";
else
echo "background: url('" . DESIGNARE_PATTERNS_URL . get_option(DESIGNARE_SHORTNAME."_header_pattern") . "') 0 0 repeat;";
} ?>
">
<div class="top_bar" style="
<?php if(get_option(DESIGNARE_SHORTNAME."_top_line_type") == "color") echo "background: #" . get_option(DESIGNARE_SHORTNAME."_top_line_color") . ";"; ?>
<?php if(get_option(DESIGNARE_SHORTNAME."_top_line_type") == "pattern"){
if(get_option(DESIGNARE_SHORTNAME."_top_line_custom_pattern"))
echo "background: url('" . get_option(DESIGNARE_SHORTNAME."_top_line_custom_pattern") . "') 0 0 repeat;";
else
echo "background: url('" . DESIGNARE_PATTERNS_URL . get_option(DESIGNARE_SHORTNAME."_top_line_pattern") . "') 0 0 repeat;";
} ?>
"></div>
<div class="social" id="social">
<ul>
<?php
$column = 0;
$class = "";
if(get_option(DESIGNARE_SHORTNAME."_social_facebook")) {
echo '<li><a href="' . get_option(DESIGNARE_SHORTNAME."_social_facebook") . '" target="_blank" class="facebook" title=""><span class="socialname">Facebook<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_twitter")) {
echo '<li><a href="' . get_option(DESIGNARE_SHORTNAME."_social_twitter") . '" target="_blank" class="twitter" title=""><span class="socialname">Twitter<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_deviantart")) {
echo '<li><a href="' . get_option(DESIGNARE_SHORTNAME."_social_deviantart") . '" target="_blank" class="deviantart" title=""><span class="socialname">DeviantArt<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_forrst")) {
echo '<li><a href="' . get_option(DESIGNARE_SHORTNAME."_social_forrst") . '" target="_blank" class="forrst" title=""><span class="socialname">Forrst<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_stumble")) {
echo '<li><a href="' . get_option(DESIGNARE_SHORTNAME."_social_stumble") . '" target="_blank" class="stumble" title=""><span class="socialname">Stumble<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_picasa")) {
echo '<li><a href="' . get_option(DESIGNARE_SHORTNAME."_social_picasa") . '" target="_blank" class="picasa" title=""><span class="socialname">Picasa<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_flickr")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_flickr") . '" target="_blank" class="flickr" title=""><span class="socialname">Flickr<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_linkedin")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_linkedin") . '" target="_blank" class="linkedin" title=""><span class="socialname">LinkedIn<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_vimeo")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_vimeo") . '" target="_blank" class="vimeo" title=""><span class="socialname">Vimeo<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_youtube")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_youtube") . '" target="_blank" class="youtube" title=""><span class="socialname">Youtube<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_delicious")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_delicious") . '" target="_blank" class="delicious" title=""><span class="socialname">Delicious<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_skype")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_skype") . '" target="_blank" class="skype" title=""><span class="socialname">Skype<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_digg")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_digg") . '" target="_blank" class="digg" title=""><span class="socialname">Digg<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_myspace")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_myspace") . '" target="_blank" class="myspace" title=""><span class="socialname">MySpace<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_yahoo")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_yahoo") . '" target="_blank" class="yahoo" title=""><span class="socialname">Yahoo<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_rss")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_rss") . '" target="_blank" class="rss" title=""><span class="socialname">RSS<span class="arrow"></span></span></a></li>';
$column++;
}
if(get_option(DESIGNARE_SHORTNAME."_social_amazon")) {
if($column >= 6 && $column < 12) $class = 'secondcol';
if($column >= 12) $class = 'thirdcol';
echo '<li class="' . $class . '"><a href="' . get_option(DESIGNARE_SHORTNAME."_social_amazon") . '" target="_blank" class="amazon" title=""><span class="socialname">Amazon<span class="arrow"></span></span></a></li>';
$column++;
}
?>
</ul>
</div>
<!-- YourLogo -->
<!-- <h1><a href="#" class="logo">LOGO</a></h1> -->
<?php
if(get_option(DESIGNARE_SHORTNAME."_logo_type") == "text"){
?>
<h1 class="logo"><a href="javascript:;" onclick="loadContent($('#homeUrl').html());" style="
<?php echo "background: none;"; ?>
<?php echo "font-family: '" . get_option(DESIGNARE_SHORTNAME."_logo_font") . "';"; ?>
<?php
$styles = explode(',', get_option(DESIGNARE_SHORTNAME."_logo_font_style"));
foreach ($styles as $style){
switch($style){
case "italic":
echo "font-style: italic; ";
break;
case "bold":
echo "font-weight: bold; ";
break;
case "underline":
echo "text-decoration: underline; ";
break;
}
}
?>
<?php echo "font-size: " . str_replace(" ", "", get_option(DESIGNARE_SHORTNAME."_logo_size")) . ";"; ?>
<?php echo "color: #" . get_option(DESIGNARE_SHORTNAME."_logo_color") . ";"; ?>
"><?php echo get_option(DESIGNARE_SHORTNAME."_logo_text"); ?></a></h1>
<?php
} else {
?>
<h1 class="logo"><a href="javascript:;" onclick="loadContent($('#homeUrl').html());"><img src="<?php echo get_option(DESIGNARE_SHORTNAME."_logo_image_url"); ?>" alt="<?php _e("my logo"); ?>" title="<?php _e("my logo"); ?>" <?php if(get_option(DESIGNARE_SHORTNAME."_logo_width")) echo "width='" . get_option(DESIGNARE_SHORTNAME."_logo_width") . "'"; ?>></a></h1>
<?php
}
?>
<?php
if(get_option(DESIGNARE_SHORTNAME."_slogan") == "on"){
?>
<div class="slogan" style="
<?php echo "background: none;"; ?>
<?php echo "font-family: '" . get_option(DESIGNARE_SHORTNAME."_slogan_font") . "';"; ?>
<?php
$styles = explode(',', get_option(DESIGNARE_SHORTNAME."_slogan_font_style"));
foreach ($styles as $style){
switch($style){
case "italic":
echo "font-style: italic; ";
break;
case "bold":
echo "font-weight: bold; ";
break;
case "underline":
echo "text-decoration: underline; ";
break;
}
}
?>
<?php echo "font-size: " . str_replace(" ", "", get_option(DESIGNARE_SHORTNAME."_slogan_size")) . ";"; ?>
<?php echo "color: #" . get_option(DESIGNARE_SHORTNAME."_slogan_color") . ";"; ?>
"><?php echo get_bloginfo( 'description' ); ?></div>
<?php
}
?>
<div class="lockk">
<div class="bg-color"></div>
<div class="lock_content" id="lock_content" onclick="toggleBlock();"><span class="blocktext">Unlock Content<span class="arrow"></span></span></div>
</div>
</div>
<div id="nav" class="jqueryslidemenu">
<!--
<ul class="menu" id="menulava">
<li><a href="#">HOME</a></li>
<li><a href="#">PAGES</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">BUY THEME</a></li>
</ul>
-->
<!-- Start Menu -->
<?php wp_nav_menu( array( 'theme_location' => 'Primary Navigation', 'container' => false, 'menu_class' => 'menu', 'menu_id' => 'menulava' ) ); ?>
<!-- End Menu -->
</div>
<!-- start Content -->
<div class="content">
<?php the_post();
//$cust_back_img_id = get_post_meta($post->ID, 'arc_custom_background_image', true);
//$cust_back_img = wp_get_attachment_url($cust_back_img_id);
?>
<div class="properContent" style="background-color:white;">
<div id="pageTop">
<div class="pageTitle">
<h2><?php the_title(); ?></h2>
<p class="titleSep"></p>
</div>
<div class="projectCategories">
</div>
</div>
<ul id="list" class="myProjects" style="margin-bottom: 100px">
<?php
$text_thumb = get_post_meta($post->ID, 'text_thumb_value', true);
$column_number = get_post_meta($post->ID, 'column_number_value', true);
$port_category = get_post_meta($post->ID, 'postCategory_value', true);
if($port_category == 'all')
$port_category = null;
$orderby = get_post_meta($post->ID, 'orderby_value', true);
$ob = explode('_', $orderby);
//set the query_posts args
$args= array(
'posts_per_page' =>-1,
'post_type' => DESIGNARE_PORTFOLIO_POST_TYPE,
'orderby' => $ob[0],
'order' => $ob[1],
'portfolio_type' => $port_category
);
$project_id = 1;
$the_cat = array();
query_posts($args);
if(have_posts()) {
while (have_posts()) {
the_post();
$cat_class = "";
$cat_name = "";
$cat_type = "";
$terms = get_the_terms($post->ID, 'portfolio_category');
if ( $terms && ! is_wp_error( $terms ) ) {
foreach ( $terms as $t ) {
array_push($the_cat, $t->slug);
$cat_class .= $t->slug . " ";
$cat_name .= $t->name . ", ";
}
}
$terms2 = get_the_terms($post->ID, 'portfolio_type');
if ( $terms2 && ! is_wp_error( $terms2 ) ) {
foreach ( $terms2 as $t2 ) {
$cat_type .= $t2->name . ", ";
}
}
?>
<li data-id="id-<?php echo $project_id; ?>" class="<?php echo $cat_class; ?> view view_<?php if(!isset($column_number)) echo '3'; else echo $column_number; ?> view-first">
<?php
$coll = designare_get_slider_data(get_post_meta($post->ID, 'collection_value', true));
$p = get_post_meta($coll['posts'][0]->ID, 'custom_image_url');
$firstImg = $p[0];
$p_type = "";
if($coll['posts'][0]->post_type == 'photo_collection')
$p_type = "getProject(" . get_the_ID() . ")";
else
$p_type = "getVideoProject(" . get_the_ID() . ")";
?>
<a id="<?php echo $post->ID; ?>" href="<?php echo $firstImg; ?>" class="thumb_link" onclick="update_default_proj_list(<?php echo $project_id; ?>, '<?php echo $port_category; ?>', '<?php echo $orderby; ?>'); <?php echo $p_type; ?>;"><span class="selected"></span><img src="<?php echo get_post_meta($post->ID, 'thumbnail_value', true); ?>" title="" alt="" class="thumb"></a>
<?php if(!isset($text_thumb) || $text_thumb == 'on'){ ?>
<div class="mask" onclick="$(this).prev().click();">
<h2><?php echo get_the_title(); ?></h2>
<a href="#" class="info" style="text-decoration: none;"><?php _e('View Project'); ?> →</a>
</div>
<!-- Fulscreen Info -->
<div class="fullscreen-info" style="display:none">
<div class="title"><?php echo get_the_title(); ?></div>
<div class="images">
<?php
$coll = designare_get_slider_data(get_post_meta($post->ID, 'collection_value', true));
foreach($coll['posts'] as $c){
$p = get_post_meta($c->ID, 'custom_image_url');
echo "<img src='" . $p[0] . "' title='" . get_the_title() . "'>";
}
?>
</div>
<div class="FSdescription">
<div class="FStop">
<div class="type"><b><?php _e('TYPE'); ?></b> / <?php echo substr_replace($cat_type, '', -2); ?></div>
<div class="category"><b><?php _e('CATEGORY'); ?></b> / <?php echo substr_replace($cat_name, '', -2); ?></div>
</div>
<div class="FScontent">
<?php echo do_shortcode(get_the_content()); ?>
</div>
</div>
</div>
<!-- /Info -->
<?php } ?>
</li>
<?php $project_id++; } } ?>
<!--
<li data-id="id-3" class="thirdcategory view view_3 view-first">
<a href="http://designarethemes.com/themes/wp-walker/wp-content/themes/walker-wp/img/projects/img_test.jpg" class="thumb_link"><span class="selected"></span><img src="http://designarethemes.com/themes/wp-walker/wp-content/themes/walker-wp/img/projects/img_thumb.jpg" title="" alt="" class="thumb"></a>
<div class="mask">
<h2>This is a Title example</h2>
<a href="#" class="info">View Photo →</a>
</div>
</li>
<li data-id="id-4" class="thirdcategory view view_3 view-first">
<a href="http://designarethemes.com/themes/wp-walker/wp-content/themes/walker-wp/img/projects/img_test.jpg" class="thumb_link"><span class="selected"></span><img src="http://designarethemes.com/themes/wp-walker/wp-content/themes/walker-wp/img/projects/img_thumb.jpg" title="" alt="" class="thumb"></a>
<div class="mask">
<h2>This is a Title example</h2>
<a href="#" class="info">View Photo →</a>
</div>
</li>
-->
</ul>
<!-- CATEGORIES DIV (HELPER) -->
<div id="cat_helper" style="display:none">
<ul id="myProjectsCategory" class="splitter">
<?php
//load the projects categeories
$tot_cat = 0;
$i=0;
$proj_taxonomies=designare_get_taxonomies('portfolio_category');
$the_cat_final = array_unique($the_cat);
$proj_categories="";
foreach($proj_taxonomies as $taxonomy){
foreach($the_cat_final as $tcf){
if($tcf == $taxonomy->slug){
$proj_categories .= "<li class='catSep'></li><li id='term_id_" . $taxonomy->term_id . "' class='segment-0 termCat'><a href='#' data-value='" . $taxonomy->slug . "'>" . $taxonomy->name . "</a></li>";
$tot_cat++;
}
}
}
if($tot_cat > 0)
echo "<li id='term_id_-1' class='segment-1 selected-1 termCat'><a href='#' data-value='all'>All</a></li>" . $proj_categories;
?>
</ul>
</div>
<!-- /HELPER -->
</div>
<div class="footer">
<p class="copy"><?php if (get_option(DESIGNARE_SHORTNAME."_copyrights")) echo get_option(DESIGNARE_SHORTNAME."_copyrights"); ?></p>
<a href="#" class="gotop" <?php if (get_option(DESIGNARE_SHORTNAME."_show_footer") == 'off') { ?> style="display:none" <?php } ?>></a>
<div class="footer_content" <?php if (get_option(DESIGNARE_SHORTNAME."_show_footer") == 'off') { ?> style="display:none" <?php } ?> style="
<?php if(get_option(DESIGNARE_SHORTNAME."_footer_type") == "color") echo "background: #" . get_option(DESIGNARE_SHORTNAME."_footer_color") . ";"; ?>
<?php if(get_option(DESIGNARE_SHORTNAME."_footer_type") == "pattern"){
if(get_option(DESIGNARE_SHORTNAME."_custom_footer_pattern"))
echo "background: url('" . get_option(DESIGNARE_SHORTNAME."_custom_footer_pattern") . "') 0 0 repeat;";
else
echo "background: url('" . DESIGNARE_PATTERNS_URL . get_option(DESIGNARE_SHORTNAME."_footer_pattern") . "') 0 0 repeat;";
} ?>
">
<?php
if(get_option(DESIGNARE_SHORTNAME . "_footer_number_cols") == "one"){ ?>
<div class="onecol"><?php print_sidebar('footer-one-column'); ?></div>
<?php }
if(get_option(DESIGNARE_SHORTNAME . "_footer_number_cols") == "two"){ ?>
<div class="twocol-one"><?php print_sidebar('footer-two-column-left'); ?></div>
<div class="twocol-one last"><?php print_sidebar('footer-two-column-right'); ?></div>
<?php }
if(get_option(DESIGNARE_SHORTNAME . "_footer_number_cols") == "three"){
if(get_option(DESIGNARE_SHORTNAME . "_footer_columns_order") == "one_three"){ ?>
<div class="threecol-one"><?php print_sidebar('footer-three-column-left'); ?></div>
<div class="threecol-one"><?php print_sidebar('footer-three-column-center'); ?></div>
<div class="threecol-one last"><?php print_sidebar('footer-three-column-right'); ?></div>
<?php }
if(get_option(DESIGNARE_SHORTNAME . "_footer_columns_order") == "one_two_three"){ ?>
<div class="threecol-one"><?php print_sidebar('footer-three-column-left-1_3'); ?></div>
<div class="threecol-two last"><?php print_sidebar('footer-three-column-right-2_3'); ?></div>
<?php }
if(get_option(DESIGNARE_SHORTNAME . "_footer_columns_order") == "two_one_three"){ ?>
<div class="threecol-two"><?php print_sidebar('footer-three-column-left-2_3'); ?></div>
<div class="threecol-one last"><?php print_sidebar('footer-three-column-right-1_3'); ?></div>
<?php }
}
?>
</div>
</div> <!-- fim do footer -->
</div>
</div> <!-- end of white-content -->
</div> <!-- end of content -->
</div>
</div>
<div class="scrollbar">
<div class="track">
<div class="thumb" style="text-align:">
<div class="up" style="position: absolute; top: 4px; width: 100%;"></div>
<div class="down" style="position: absolute; bottom: 4px; width: 100%;"></div>
</div>
</div>
</div>
<!-- <div id="dragger_container"><div id="dragger"></div></div> -->
</div>
<div id="bg">
<div id="next_project">
<div class="thumbs">
<a href="javascript:;" class="open_thumbs">
<span class="p_min">01</span>
<span class="bar"></span>
<span class="p_max">08</span>
</a>
<a href="javascript:;" class="toggleSlideshow play" onclick="toggleSlideshow($(this));">pause</a>
<div class="scrool_thumbs"></div>
</div>
<div class="arrows_projects">
<a href="javascript:;" onclick="clickPreviousImage($(this));" class="previous_proj disable"><</a>
<a href="javascript:;" onclick="clickNextImage($(this));" class="next_proj">></a>
</div>
<div class="info">
<a href="javascript:;" class="open_info" id="open_info">+</a>
<div class="more_info">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div>
</div>
<div class="projectInfoContent">
<?php
$port_category = get_option('walker_main_projects_portfolio_filter');
if($port_category == 'all')
$port_category = null;
$orderby = get_option('walker_main_projects_orderby');
$ob = explode('_', $orderby);
$p_id = 0;
if(get_option(DESIGNARE_SHORTNAME . "_main_projects_first_project") != "default")
$p_id = get_option(DESIGNARE_SHORTNAME . "_main_projects_first_project");
//set the query_posts args
$args= array(
'p' => $p_id,
'posts_per_page' => 1,
'post_type' => DESIGNARE_PORTFOLIO_POST_TYPE,
'orderby' => $ob[0],
'order' => $ob[1],
'portfolio_type' => $port_category
);
$project_id = 1;
query_posts($args);
if(have_posts()) {
while (have_posts()) {
the_post();
$cat_class = "";
$cat_name = "";
$cat_type = "";
$p_type = "";
$terms = get_the_terms($post->ID, 'portfolio_category');
if ( $terms && ! is_wp_error( $terms ) ) {
foreach ( $terms as $t ) {
$cat_class .= $t->slug . " ";
$cat_name .= $t->name . ", ";
}
}
$terms2 = get_the_terms($post->ID, 'portfolio_type');
if ( $terms2 && ! is_wp_error( $terms2 ) ) {
foreach ( $terms2 as $t2 ) {
$cat_type .= $t2->name . ", ";
}
}
$totalImg = 0;
$coll = designare_get_slider_data(get_post_meta($post->ID, 'collection_value', true));
foreach($coll['posts'] as $c){
$p = get_post_meta($c->ID, 'custom_image_url');
if($totalImg == 0) $firstImg = $p[0];
$p_type = $c->post_type;
$totalImg++;
}
?>
<script type="text/javascript">
$(function(){
<?php if($p_type == "photo_collection"){ ?>
getProject(<?php echo $post->ID ?>);
<?php } else { ?>
getVideoProject(<?php echo $post->ID ?>);
<?php } ?>
});
</script>
<div class="title"><?php echo get_the_title(); ?></div>
<div id="projectScroll" class="contentContainer">
<div class="viewport">
<div class="overview">
<div class="contentBG"></div>
<div class="contentText">
<div class="specifications">
<div class="labels"> <?php _e('CATEGORY'); ?> </div>
<div class="inputs category"> <?php echo substr_replace($cat_name, '', -2); ?> </div>
<div class="labels"> <?php _e('PORTFOLIO'); ?> </div>
<div class="inputs project"> <?php echo substr_replace($cat_type, '', -2); ?> </div>
<div class="separator"></div>
</div>
<div class="projectInfo">
<?php echo do_shortcode(get_the_content()); ?>
</div>
</div>
</div>
</div>
<div class="scrollbar">
<div class="track">
<div class="thumb"></div>
</div>
</div>
</div>
<?php } } ?>
<script type="text/javascript">
<?php if ($totalImg < 10){ ?>
$('.open_thumbs .p_max').html('0'+<?php echo $totalImg; ?>);
<?php } else { ?>
$('.open_thumbs .p_max').html('<?php echo $totalImg; ?>');
<?php } ?>
</script>
</div>
</div>
<div id="next_image">
<a href="javascript:;" onclick="clickPreviousProject($(this));" class="previous_proj disable"><span class="seta"><</span> <?php _e('Previous Project'); ?></a>
<a href="javascript:;" onclick="clickNextProject($(this));" class="next_proj"><?php _e('Next Project'); ?> <span class="seta">></span></a>
<div class="img_counter" style="display:none;">
<div class="p_min">0</div>
<div class="p_max"></div>
</div>
</div>
<img src="<?php echo $firstImg; ?>" title="" id="bgimg" />
<div id="bg">
<div id="preloader" style="display:none;">
<div id="roseta_dark">
<div id="rosetagif_dark" title="loading"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/walker.js?version=2.0"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.hoverIntent.min.js?version=2.0"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jqueryslidemenu.js?version=2.0"></script>
<?php get_footer(); ?>