<?php

/* include  fornt end framework class */
require_once('WDWT_front_functions.php');

class sauron_frontend_functions extends WDWT_frontend_functions{


  public static function posted_on() {
    printf('<span class="sep date"></span><a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a>',
      esc_url( get_permalink() ),
      esc_attr( get_the_time() ),
      esc_attr( get_the_date( 'c' ) ),
      esc_html( get_the_date() )
    );
  } 

  public static function posted_on_single() {
    printf('<span class="sep date"></span><a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a><span class="by-author"> <span class="sep author"></span> <span class="author vcard"><a class="url fn n" href="%5$s" title="%6$s" rel="author">%7$s</a></span></span>',
      esc_url( get_permalink() ),
      esc_attr( get_the_time() ),
      esc_attr( get_the_date( 'c' ) ),
      esc_html( get_the_date() ),
      esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
      esc_attr( sprintf( __( 'View all posts by %s', "sauron" ), get_the_author() ) ),
      get_the_author()
    );
 }


 /**
 * ***********************************
 *
 *  GENERETE IMAGE FOR POST THUMBNAIL
 *
 * ***********************************
 */

/*ttt!!!*/

  public static function display_thumbnail($width, $height){
  /*there is an error in this funciton ttt!!!*/

    if (function_exists('has_post_thumbnail') && has_post_thumbnail()) {
      the_post_thumbnail(array($width, $height));
    }
    elseif (!self::is_empty_thumb()) {
        return self::first_image($width, $height);
    } else {
      /*ttt!!! this function is not defined and never called*/
        return WD_theme_post_thumbnail($width, $height);
    }
  }
  
  public static function display_thumbnail_bg($width, $height){
  /*there is an error in this funciton ttt!!!*/
 
    if (function_exists('has_post_thumbnail') && has_post_thumbnail()) {
      $thumb =  wp_get_attachment_url( get_post_thumbnail_id() );
    }
    elseif (!self::is_empty_thumb()) {
       // return self::first_image($width, $height);
    $image_parametr = self::catch_that_image();
    $thumb = $image_parametr['src'];
    } else {
      /*ttt!!! this function is not defined and never called*/
        return WD_theme_post_thumbnail($width, $height);
    } 
  echo $thumb;
  }

public static function thumbnail($width, $height){
    if (function_exists('has_post_thumbnail') && has_post_thumbnail())
      the_post_thumbnail(array($width, $height));
    elseif (self::is_empty_thumb()) {
      return WD_theme_post_thumbnail($width, $height);
    }
    else
      return '';
  }


 /**
  *  Get first image of post for thumbnail
  */

public static function  catch_that_image(){
  global $post, $posts, $wdwt_front;
  $grab_image = $wdwt_front->get_param('grab_image');

  $first_img = array('src'=>'','image_catched'=>true);
 
    $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);

  if(isset($matches [1] [0]) && $grab_image){  
      $first_img['src'] = $matches [1] [0];
  }

    if (empty($first_img['src'])) {
        $first_img['src'] = WDWT_IMG.'default.png'; 
    $first_img['image_catched']=false;
    }
    return $first_img;
}


public static function first_image($width, $height,$url_or_img=0){
  $image_parametr = self::catch_that_image();
  $thumb = $image_parametr['src'];
  $class='';
  if(!$image_parametr['image_catched'])
    $class='class="no_image"';
    if ($thumb) {
        $str = "<img src=\"";
        $str .= $thumb;
        $str .= '"';
        $str .= 'alt="'.get_the_title().'" width="'.$width.'" height="'.$height.'" '.$class.' border="0" style="width:'.$width.'; height:'. $height.';" data-s="gago" />';
        return $str;
    }
}


  
public static function home_featured_post(){
  global $wdwt_front;
  
  $featured_post = $wdwt_front->get_param('home_middle_description_post');
  $home_middle_description_post_enable = $wdwt_front->get_param('home_middle_description_post_enable');
  $blog_style = $wdwt_front->blog_style();

  $featured_post = get_post(isset($featured_post[0]) ? $featured_post[0] : '' );
  
  if($featured_post==NULL){
    $featured_post=get_posts();
    $featured_post=$featured_post[0];
  }

  if ($home_middle_description_post_enable && $featured_post){  ?>
  <div class="clear"></div>
  <div id="right_middle" class="container">
    <div id="middle">   
      <a href="<?php echo get_permalink($featured_post->ID); ?>">
      <h1 style="font-weight: 700;">
        <?php echo $featured_post->post_title; ?>
      </h1>
      </a>
    <div class="sauron_divider">
    <span class="div_left"></span>
    <span class="div_middle">
      <i class="fa fa-stop"></i>
    </span>
    <span class="div_right"></span>
    </div>
      <?php 
      if($blog_style) 
          echo do_shortcode(substr($featured_post->post_content, 0, 1000));
      else  
        echo $featured_post->post_content; ?>
      <div class="clear"></div>
    </div>
    <?php  ?>
  </div>
  <?php } 

}

  
public static function portfolio_posts($paged = 1) {
global $wdwt_front;
$fixed_menu = $wdwt_front->get_param('fix_menu');
$lbox_width = $wdwt_front->get_param('lbox_image_width');
$lbox_height = $wdwt_front->get_param('lbox_image_height');
$content_post_size_ratio = $wdwt_front->get_param('content_post_size_ratio', array(), 0.75);
$content_post_size_ratio = (floatval($content_post_size_ratio) >= 0.5 && floatval($content_post_size_ratio) <= 2) ? $content_post_size_ratio : 0.75;
$content_post_margin = $wdwt_front->get_param('content_post_margin', array(), 0.75);

?>
<style>
.image_list_bottom.portfolio_list{
  margin: <?php echo $content_post_margin; ?>px;
}
.image_list_bottom.portfolio_list .image_list_item{
  padding-bottom: <?php echo $content_post_size_ratio*100; ?>%;
}
.screen .image_list_bottom,
.tablet .image_list_bottom {
  width: calc(33.33% - <?php echo 2* $content_post_margin; ?>px);
}

.phone .image_list_bottom{
  width: calc(100% - <?php echo 2* $content_post_margin; ?>px);
}

</style>
<script>
jQuery(document).ready(function(){
  
  jQuery(".da-thumbs li img").addClass('animate');

  jQuery(".image_list_bottom.portfolio_list .image_list_item").each(function(){
    jQuery(this).hover(
      function(){
        if(!jQuery("body").hasClass("phone") && !jQuery("body").hasClass("tablet")){
          jQuery(this).find(".da-slideFromBottom").removeClass("da-slideFromBottom").addClass("da-slideTop");  
        }
        

      },
      function(){
        if(!jQuery("body").hasClass("phone") && !jQuery("body").hasClass("tablet")){
          jQuery(this).find(".da-slideTop").removeClass("da-slideTop").addClass("da-slideFromBottom");
        }
      }
    );
  });

      
      
  <?php if($fixed_menu=="on"){ ?>
    jQuery('.image_grid').css('margin-top', jQuery('.top-nav-list').height()+50);
  <?php } ?>



});




    </script>
  <?php
     
  $content_posts_enable = $wdwt_front->get_param('content_posts_enable');
  if($wdwt_front->get_param('content_post_categories')==""){
    $category_ids = get_terms('category', 'orderby=count&hide_empty=0');
     $content_post_categories="";
     for ($i=0; $i<count($category_ids); $i++) {
        $content_post_categories .= $category_ids[$i]->term_id.","; 
      }   
  }
  else
  $content_post_categories = implode(",", $wdwt_front->get_param('content_post_categories', array(), array('')));
  
  //$sticky_posts_count = count(get_option( 'sticky_posts' ));
  $content_post_count = $wdwt_front->get_param('content_post_count');
    $cat_checked=0;
    $post_count=0;
    
    

    if($content_posts_enable ): ?>
  
  
    <div id="list" style="overflow: hidden">
      <div id="image_list_top" class="image_list_top portfolio_list da-thumbs">      
      <?php
      $wp_query = new WP_Query('posts_per_page='.($content_post_count).'&cat='.self::remove_last_comma($content_post_categories).'&paged='.$paged);
    

    $i = 1;
      if ($content_posts_enable):

        if($wp_query->have_posts()): 
          while ($wp_query->have_posts() && $i <= $content_post_count):
            $wp_query->the_post();
            $post_count++;
            $tumb_id = get_post_thumbnail_id( get_the_ID() );
      $thumb_url=wp_get_attachment_image_src($tumb_id,'full');
      if( $thumb_url ) {
        $thumb_url = $thumb_url[0];
      }  
      else {
        $thumb_url = self::catch_that_image();
        $thumb_url = $thumb_url['src'];
      }

      $background_image = $thumb_url;
      list($image_thumb_width, $image_thumb_height) = getimagesize($background_image);
      
      ?>
              
      </div>
      <div class="image_list_bottom portfolio_list da-thumbs">
    <?php 
      if(($image_thumb_width>220)&&($image_thumb_height>150)){ ?>
        <div class="image_list_item animate zoom-in" style="background: url(<?php echo $background_image; ?>) no-repeat center !important; background-size:cover !important; ">
      <?php }
      else { ?>
        <div class="image_list_item animate zoom-in" style="background: url(<?php echo $background_image; ?>) no-repeat center !important;">
      <?php }  ?>
            <article class="da-animate da-slideFromBottom" style="display: block;">
              <h3><?php 
                self::the_title_max_charlength(40);
              /*the_title();*/ ?>
              </h3>
            <?php 
            if($thumb_url!="" && strpos($thumb_url,'default.png') == false){ ?>
              <span class="zoom">
                <a href="<?php echo $thumb_url; ?>" class=" " onclick="wdwt_lbox.init(this, 'wdwt-lightbox', <?php echo intval($lbox_width);?> , <?php echo intval($lbox_height);?>); return false;" rel="wdwt-lightbox"><i class="fa fa-search-plus"></i></a>
              </span>
            <?php 
            } 
            ?>
             <span class="link_post">
                <a href="<?php echo get_permalink() ?>" ><i class="fa fa-link"></i>
                </a>
            </span>
            </article>
            </div>
            <?php 
      $i++;     
          endwhile; 
        endif; /*the loop*/
      endif;  ?>
      </div>
       <div class="clear"></div>
      </div>
    <div class="clear"></div>
    <?php if($content_posts_enable){ ?>
        <div class="section_pagination">
        <?php if($paged >1){ ?>
          <span class="portfolio_posts_section_pagination prev_section button-color" id="portfolio_posts_section_left" onclick="wdwt_front_ajax_pagination(<?php echo $paged-1; ?>, 'portfolio_posts_section', '#portfolio_posts');" ><i class="fa fa-chevron-left"></i> <?php echo __("Previous", "sauron"); ?></span>
        <?php
          }
        if($paged < $wp_query->max_num_pages){ ?>
          <span class="portfolio_posts_section_pagination next_section button-color" id="portfolio_posts_section_right" onclick="wdwt_front_ajax_pagination(<?php echo $paged+1; ?>, 'portfolio_posts_section', '#portfolio_posts');"><?php echo __("Next", "sauron"); ?> <i class="fa fa-chevron-right"></i></span>
        <?php } ?>
      </div>  
      <div class="clear"></div>
      <?php } ?>
      </div>
      <?php 
    endif; 

      wp_reset_query();
               
}



  
public static function blog_posts_section($paged = null ){
  
  if(!isset($paged)){
    global $paged;
  }
  if($paged === 0){
    $paged = 1;
  }

  global $wdwt_front, $wp_query, $post;
  
  $blog_posts_enable = $wdwt_front->get_param('blog_posts_enable');
  $blog_posts_title = $wdwt_front->get_param('blog_posts_title');
  $blog_posts_description = $wdwt_front->get_param('blog_posts_description');  
  
  if($wdwt_front->get_param('blog_posts_categories', array(), array(''))==""){
    $category_ids = get_terms('category', 'orderby=count&hide_empty=0');
     $blog_posts_categories="";
     for ($i=0; $i<count($category_ids); $i++) {
        $blog_posts_categories .= $category_ids[$i]->term_id.","; 
      } 
  }
  else
   $blog_posts_categories = implode(",", $wdwt_front->get_param('blog_posts_categories',array(),array('')));

  $blog_style = $wdwt_front->blog_style();
  $date_enable =  $wdwt_front->get_param('date_enable');
  $grab_image = $wdwt_front->get_param('grab_image');
  $count=get_option( 'posts_per_page', 4); 
  $wp_query = new WP_Query('posts_per_page='.$count.'&cat='.self::remove_last_comma($blog_posts_categories).'&paged='.$paged.'&order=DESC');
  
  if ($blog_posts_enable){  ?>
  
<div id="horizontal_tabs" class="container">
  <h2 style="text-align: center; font-weight: 700;"><?php echo $blog_posts_title; ?></h2>
  <p class="top-desc"><?php echo $blog_posts_description; ?> </p>
  <div id="wd-horizontal-tabs" class="container">
    <div id="tabs_div">
      <ul class="tabs">
      <?php
        $i = 1;
        while ($wp_query->have_posts() && $i <= $count) : $wp_query->the_post();    ?>
          <li  id="horizontal-tab-<?php echo $post->ID; ?>">
            <?php 


                  $tumb_id = get_post_thumbnail_id( get_the_ID() );
                  $thumb_url=wp_get_attachment_image_src($tumb_id,'full');
                  if( $thumb_url ) {
                    $thumb_url = $thumb_url[0];
                  }  
                  else {
                    $thumb_url = self::catch_that_image();
                    $thumb_url = $thumb_url['src'];
                  }
                  $background_image = $thumb_url;

                  ?>  
              
               <div class="radius animate" style="background: url(<?php echo $background_image; ?>) no-repeat center; background-size:cover; "></div>
               
              <div class="post_info">
                <h3><a href="<?php echo get_permalink() ?>"><?php the_title(); ?></a></h3>
                <span class="date"><i><?php echo get_the_date(); ?></i></span>
              </div>
          </li>
        <?php
        $i++;
        endwhile; ?>  
      </ul>
      <div class="clear"></div>
    </div>
  </div>
  <div class="section_pagination">
    <?php if($paged >1){ ?>
      <span class="gallery_posts_section_pagination prev_section" id="gallery_posts_section_left" onclick="wdwt_front_ajax_pagination(<?php echo $paged-1; ?>, 'blog_posts_section', '#image_list_top1');" ><i class="fa fa-chevron-circle-left"></i></span>
    <?php
      }
    if($paged < $wp_query->max_num_pages){ ?>
      <span class="gallery_posts_section_pagination next_section" id="gallery_posts_section_right" onclick="wdwt_front_ajax_pagination(<?php echo $paged+1; ?>, 'blog_posts_section', '#image_list_top1');"><i class="fa fa-chevron-circle-right"></i></span>
    <?php } ?>
  </div>
</div>
  <?php

  } 
  wp_reset_query();

}

public static function live_posts_search(){
  global $wdwt_front, 
    $wp_query,
    $post;
  
  $s=$_POST["s"];
  $count = 4;
  $date_enable =  $wdwt_front->get_param('date_enable');
  $grab_image = $wdwt_front->get_param('grab_image');
  $wp_query = new WP_Query('posts_per_page='.$count.'&s='.$s.'&order=DESC'); 
  ?>
  <ul id="live_search">
  <?php 
  if(!empty($wp_query->posts)){
  while ($wp_query->have_posts() ) : $wp_query->the_post();
  
  $date = new DateTime($post->post_date);
  $date_result = $date->format('M d, Y');
  
  $tumb_id = get_post_thumbnail_id( $post->ID );
  $thumb_url=wp_get_attachment_image_src($tumb_id,'full');

  if( $thumb_url ) {
    $thumb_url = $thumb_url[0];
  }  
  else {
    $thumb_url = self::catch_that_image();
    $thumb_url = $thumb_url['src'];
  }
  $background_image = $thumb_url;
  list($image_thumb_width, $image_thumb_height) = getimagesize($background_image);
  
  ?>
    <li>
      <?php if(has_post_thumbnail() || $grab_image){ ?>
      <div class="img_div">
        <img src="<?php echo $background_image; ?>" />
      </div>
      <?php } ?>
      <div class="desc_div">
        <a href='<?php echo $post->guid; ?>' target='_blank'><span><?php the_title(); ?></span></a>
        <?php if($date_enable){ ?>
        <p class="post-meta">
          <span class="post-meta-author"><i class="fa fa-user"></i> <?php echo get_the_author(); ?></span></br>
          <span class="tie-date"><i class="fa fa-clock-o"></i><?php echo $date_result; ?></span>
        </p>
        <?php } ?>
      </div>
    </li>
  <?php endwhile; ?>
    <li class="live-search_more"><a href='<?php echo get_option( "home", get_site_url()).'?s='.$s; ?>'>View All Results</a></li>
  <?php }
  else{ ?>
    <li class="live-search_more"><a href='<?php echo get_option( "home", get_site_url()).'?s='.$s; ?>'>Nothing was found.</a></li>
  <?php } ?>
  </ul>
<?php 
}

public static function gallery_posts_section($paged=1){
  global $wdwt_front;
  
  $gallery_posts_enable = $wdwt_front->get_param('gallery_posts_enable');
  $gallery_posts_title = $wdwt_front->get_param('gallery_posts_title');
  $gallery_posts_description = $wdwt_front->get_param('gallery_posts_description');
    if($wdwt_front->get_param('gallery_posts_categories', array(), array(''))==""){
    $category_ids = get_terms('category', 'orderby=count&hide_empty=0');
     $gallery_posts_categories="";
     for ($i=0; $i<count($category_ids); $i++) {
        $gallery_posts_categories .= $category_ids[$i]->term_id.",";  
      } 
  }
  else
  $gallery_posts_categories = implode(",", $wdwt_front->get_param('gallery_posts_categories',array(),array('')));

  $blog_style = $wdwt_front->blog_style();
  $date_enable =  $wdwt_front->get_param('date_enable');
  $grab_image = $wdwt_front->get_param('grab_image');
  $count = $wdwt_front->get_param('gallery_posts_count', array(), 3);
  $wp_query = new WP_Query('posts_per_page='.$count.'&cat='.self::remove_last_comma($gallery_posts_categories).'&paged='.$paged.'&order=DESC');
  if ($gallery_posts_enable){  ?>
  
<div id="gallery_tabs">
  <div id="wd-gallery-tabs" class="gallery_posts_section">
    <h2 style="text-align: center; font-weight: 700;"><?php echo $gallery_posts_title; ?></h2>
    <p class="top-desc"><?php echo $gallery_posts_description; ?></p>
    <div class="cont_gallery_tab" id="gallery_tab">    
       <ul class="content" >
      <?php 
      if($wp_query->have_posts()):
      $i=1;
      while ($wp_query->have_posts() && $i <= $count) : $wp_query->the_post();
        $post_id = get_the_ID();
        $tumb_id = get_post_thumbnail_id( $post_id );
        $thumb_url=wp_get_attachment_image_src($tumb_id,'full');

        if( $thumb_url ) {
          $thumb_url = $thumb_url[0];
        }  
        else {
          $thumb_url = self::catch_that_image();
          $thumb_url = $thumb_url['src'];
        }
        $background_image = $thumb_url;
        list($image_thumb_width, $image_thumb_height) = getimagesize($background_image);  

        if(($image_thumb_width>220)&&($image_thumb_height>150)){ ?>
          <li class="gallery-tabs-content animate" id="gallery-tabs-content-<?php echo $post_id; ?>" style="background: url(<?php echo $background_image; ?>) no-repeat center !important; background-size:cover !important; ">
        <?php }
        else { ?>
          <li class="gallery-tabs-content animate" id="gallery-tabs-content-<?php echo $post_id; ?>" style="background: url(<?php echo $background_image; ?>) no-repeat center !important;">
        <?php }  ?>
          
                <ul class="gallery_post_info">
                  <li class="post_inform">
                    <h3>
                      <a href="<?php echo get_permalink() ?>" ><?php the_title(); ?></a>
                    </h3>
                     <p><?php echo self::the_excerpt_max_charlength(70,get_the_excerpt()); ?></p>
                  </li>
                  <li class="post_go">
                     <div onclick="location.href='<?php echo get_permalink() ?>'"> <a href="<?php echo get_permalink() ?>" class="round_go">GO!</a></div>
                  </li>
                </ul>
                    
        </li>
      <?php $i++; endwhile; endif; ?>
      <div class="clear"></div>
      </ul>
      <div class="section_pagination">
        <?php if($paged >1){ ?>
          <span class="gallery_posts_section_pagination prev_section" id="gallery_posts_section_left" onclick="wdwt_front_ajax_pagination(<?php echo $paged-1; ?>, 'gallery_posts_section', '#image_list_top2');" ><i class="fa fa-chevron-circle-left"></i></span>
        <?php
          }
        if($paged < $wp_query->max_num_pages){ ?>
          <span class="gallery_posts_section_pagination next_section" id="gallery_posts_section_right" onclick="wdwt_front_ajax_pagination(<?php echo $paged+1; ?>, 'gallery_posts_section', '#image_list_top2');"><i class="fa fa-chevron-circle-right"></i></span>
        <?php } ?>
      </div>
    </div>
  </div>
</div>
  <?php

  } 
  wp_reset_query();

}

public static function review_posts_section(){
  global $wdwt_front;
  
  $review_posts_enable = $wdwt_front->get_param('review_posts_enable');
  $review_posts_title = $wdwt_front->get_param('review_posts_title');
  $review_posts_description = $wdwt_front->get_param('review_posts_description');
    if($wdwt_front->get_param('review_posts_categories', array(), array(''))==""){
    $category_ids = get_terms('category', 'orderby=count&hide_empty=0');
     $review_posts_categories="";
     for ($i=0; $i<count($category_ids); $i++) {
        $review_posts_categories .= $category_ids[$i]->term_id.","; 
      } 
  }
  else
  $review_posts_categories = implode(",", $wdwt_front->get_param('review_posts_categories',array(), array('')));
  
  $blog_style = $wdwt_front->blog_style();
  $date_enable =  $wdwt_front->get_param('date_enable');
  $grab_image = $wdwt_front->get_param('grab_image');
  $wp_query = new WP_Query('cat='.$review_posts_categories.'&paged=1&order=DESC');
  $content_cat_tabs = $wp_query->posts;
  if ($review_posts_enable){  ?>
<div id="wd-categories-tabs" class="content-inner-block container">
  <h2 style="text-align: center; font-weight: 700;"><?php echo $review_posts_title; ?></h2>
  <p class="top-desc"><?php echo $review_posts_description; ?></p>
    <div class="cont_vat_tab">
    <ul class="content">
    <?php 
    foreach($content_cat_tabs as $key=>$top_tabs_category){  ?>
      <li  id="categories-tabs-content-<?php echo $key; ?>" <?php if($key==0) echo 'class="active"'; ?>>
        <ul>
          <?php
          
          $tumb_id = get_post_thumbnail_id( $top_tabs_category->ID );
          $thumb_url=wp_get_attachment_image_src($tumb_id,'full');
          if( $thumb_url ) {
            $thumb_url = $thumb_url[0];
          }  
          else {
            $thumb_url = self::catch_that_image();
            $thumb_url = $thumb_url['src'];
          }
          $background_image = $thumb_url;
          list($image_thumb_width, $image_thumb_height) = getimagesize($background_image);
      

          $image_tag = '<img src="'.$background_image.'"  alt="'.esc_attr($top_tabs_category->post_title).'" />';
                $listt='<li>';
                
                $listt.='<div class="thumbnail-block">
                    <a class="image-block" href="'.$top_tabs_category->guid.'">
                      '.$image_tag.'
                    </a>
                  </div>';
                $listt.='<div class="text">
                    <p>'.strip_tags(substr($top_tabs_category->post_content,0, 210)).'...</p>             
                    <h3 class="post_title"><a href="'.$top_tabs_category->guid.'">'.$top_tabs_category->post_title.'</a></h3>
                    <span class="date">'.get_the_time( get_option('date_format') ).'</span>
                  </div>
                </li>';
            echo $listt;
              
            wp_reset_postdata();
           ?>
        </ul>
      </li>
      <?php } ?>
      <div class="clear"></div> 
      </ul>
        </div>
  <ul class="tabs">
  <?php 
     foreach($content_cat_tabs as $key=>$top_tabs_category){
      ?>
    <li <?php if($key==0) echo 'class="active"'; ?>><a href="#<?php echo $key; ?>">&#9679;</span></a></li>
      <?php } ?>
  </ul>
</div>  
<?php  } 
  wp_reset_query();
}

public static function remove_more_jump_link($link)
{
    $offset = strpos($link, '#more-');
    if ($offset) {
        $end = strpos($link, '"', $offset);
    }
    if ($end) {
        $link = substr_replace($link, '', $offset, $end - $offset);
    }
    return $link;
}

public static function diagram_page_section(){
  global $wdwt_front;
  
  $home_middle_diagrams = $wdwt_front->get_param('home_middle_diagrams');
  $home_middle_diagrams_enable = $wdwt_front->get_param('home_middle_diagrams_enable');
  $blog_style = $wdwt_front->blog_style();
  if(get_post($home_middle_diagrams[0])!=NULL && get_post($home_middle_diagrams[0])->post_type=="page")
  $featured_diagrams=get_post($home_middle_diagrams[0]);
  $sauron_meta_data = get_post_meta($home_middle_diagrams[0], WDWT_META, true);
  $show_diagram_page = true;
  if(!isset($featured_diagrams) || $featured_diagrams==NULL){
    $show_diagram_page = false;
  }

if($sauron_meta_data!="" && !empty($sauron_meta_data) && $show_diagram_page){
$diagram_control = (isset($sauron_meta_data["diagram_control"]) ? $sauron_meta_data["diagram_control"] : 'horizontal');
$percent_width = (isset($sauron_meta_data["percent_width"]) ? $sauron_meta_data["percent_width"] : '400');
$percent_height = (isset($sauron_meta_data["percent_height"]) ? $sauron_meta_data["percent_height"] : '37');
$hide_percent = (isset($sauron_meta_data["hide_percent"]) ? $sauron_meta_data["hide_percent"] : 'true');
$diagram_test_title = (isset($sauron_meta_data["diagram_test_title"]) ? $sauron_meta_data["diagram_test_title"] : '');
$diagram_test_percent = (isset($sauron_meta_data["diagram_test_percent"]) ? $sauron_meta_data["diagram_test_percent"] : '');

$percent_header_color = (isset($sauron_meta_data["percent_header_color"]) ? $sauron_meta_data["percent_header_color"] : '#000000');
$percent_background_color = (isset($sauron_meta_data["percent_background_color"]) ? $sauron_meta_data["percent_background_color"] : '#ffffff');
$percent_completed_color = (isset($sauron_meta_data["percent_completed_color"]) ? $sauron_meta_data["percent_completed_color"] : '#a7797d');
$percent_to_do_color = (isset($sauron_meta_data["percent_to_do_color"]) ? $sauron_meta_data["percent_to_do_color"] : '#a7a379');
$percent_text_color = (isset($sauron_meta_data["percent_text_color"]) ? $sauron_meta_data["percent_text_color"] : '#000000');
$percent_time = (isset($sauron_meta_data["percent_time"]) ? $sauron_meta_data["percent_time"] : '1000');

$percent_title = explode('||wd||',$diagram_test_title); 
$percent = explode('||wd||',$diagram_test_percent);
if($home_middle_diagrams_enable){ ?>
  <div id="right_middle_diagram">
      <div class="container">
  <ul id="diagrams">
    <li style="width: 40%; margin: 0px 25px;"> 
      <h1><a href="<?php echo get_permalink($featured_diagrams->ID); ?>"><?php echo $featured_diagrams->post_title; ?></a></h1>
      <div id="single_text">
        <p>
           <?php 
         
            echo $featured_diagrams->post_content;
          ?>
        </p>
      </div>
    </li>
    <li>
  <?php for($i=0; $i<=count($percent_title)-1; $i++){ ?>
      <p style="margin: 0; text-align: left;"><?php echo $percent_title[$i]; ?></p>
      <div id="percent<?php echo $i; ?>">
        <?php  if($percent[$i] < 80){   ?>
        <div id="fill<?php echo $i; ?>" style="width: 0px; height: 100%; background:<?php echo $percent_completed_color; ?>; position: relative; overflow: visible !important; float: left;">
        <div class="arrow-left" style="right: -3px;"></div>
        </div>
        <div id="match<?php echo $i; ?>" style="float: left">
          <b id="target<?php echo $i; ?>" class="percent_number">0%</b>
        </div>
      <?php }
      else{
      ?>
        <div id="fill<?php echo $i; ?>" style="width: 0px; height: 100%; background:<?php echo $percent_completed_color; ?>; position: relative; overflow: visible !important;">
          <div class="arrow-left"></div>
          <div id="match<?php echo $i; ?>">
          <b id="target<?php echo $i; ?>" class="percent_number">0%</b>
        </div>
        </div>
      <?php } ?>
      </div>
    <style>
@media only screen and (max-width: 640px) {
  .percent{
    margin: 0 auto;
    width: 100% !important;
  }
}
#percent<?php echo $i; ?>{
  width:<?php echo $percent_width/4; ?>%; 
  height: <?php echo $percent_height; ?>px;
  background:<?php echo $percent_to_do_color; ?>;
  -webkit-box-shadow: inset 0 17px 10px -22px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  box-shadow: inset 0 17px 10px -22px rgba(0,0,0,0.8);
  margin: 5px 0px 21px 0px;
}
#target<?php echo $i; ?>{
  font-size: 20px; 
  color:<?php echo $percent_text_color; ?> !important;
  float:right;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 90%;
  transform: translate(-64%, -50%);
  width: 80px;
  text-align: left;
}
#match<?php echo $i; ?>{
  background:#EFEFEF;
  float: right;
  width: 80px; 
  height: 113%;
  position: relative;
  top: -3px;
  border-radius: 3px;
  box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.8);
}
#web_buis_percent-<?php echo $i; ?> h3{
  margin: 0 !important;
}
.arrow-left {
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #EFEFEF;
  position: absolute;
  right: 77px;
  top: 8px;
  z-index: 1;
}
</style>
<script>
var sauron_front_percent_yesim<?php echo $i; ?> = false;
jQuery( window ).scroll(function() {
var sauron_front_percent_height = jQuery(window).scrollTop();
var sauron_front_percent_height_canvas = jQuery('#percent<?php echo $i; ?>').offset().top -650;
if(sauron_front_percent_height  > sauron_front_percent_height_canvas) {
  if (!sauron_front_percent_yesim<?php echo $i; ?>){
      sauron_front_percent_yesim<?php echo $i; ?>=true;
  jQuery( "#fill<?php echo $i; ?>" ).animate({
  width: <?php echo $percent[$i]; ?>+ '%',
  }, <?php echo $percent_time; ?>);

  var sauron_front_percent_decimal_places = 1;
  var sauron_front_percent_decimal_factor = sauron_front_percent_decimal_places === 0 ? 1 : sauron_front_percent_decimal_places * 10;
  jQuery('#target<?php echo $i; ?>').animateNumber(
  {
    number: <?php echo $percent[$i]; ?> * sauron_front_percent_decimal_factor,
    color: '<?php echo $percent_text_color[$i]; ?>',
    numberStep: function(now, tween) {
    var floored_number = Math.floor(now) / sauron_front_percent_decimal_factor,
      target = jQuery(tween.elem);
    if (sauron_front_percent_decimal_places > 0) {
      floored_number = floored_number;
    }
    target.text(floored_number + '%');
    }
  },
  <?php echo $percent_time; ?>
  )}
}
});
</script>
  <?php } ?>
</li>
</ul>
<div class="clear"></div>
 </div>
  </div>
  <?php } 
  }
}

public static function pinned_posts_section(){
  global $wdwt_front;
  $pinned_posts = $wdwt_front->get_param('pinned_posts');
  $pinned_posts_enable = $wdwt_front->get_param('pinned_post_enable');
  $pinned_bg_img = $wdwt_front->get_param('pinned_bg_img');
  $blog_style = $wdwt_front->blog_style();

  $featured_post=get_post($pinned_posts[0]);
  if($featured_post==NULL){
    $featured_post=get_posts();
    $featured_post=$featured_post[0];
  }
 

  if ($pinned_posts_enable && $pinned_posts[0]){  ?>
  <div class="clear"></div>
  <div id="pinned_post" style="background-image: url(<?php echo $pinned_bg_img;?>)">
      <?php echo get_the_post_thumbnail( $pinned_posts,array(260,220)); ?>
    <div id="right_middle_pinned">   
      <a href="<?php echo get_permalink($featured_post->ID); ?>">
      <h1 style="text-align: center; font-weight: 700;">
        <?php echo $featured_post->post_title; ?>
      </h1>
      </a>
      <?php 
      if($blog_style)
        echo self::the_excerpt_max_charlength(500,$featured_post->post_content );
      else 
        echo $featured_post->post_content; ?>
      <div class="clear"></div>
    </div>
    <?php  ?>
  </div>
  <?php } 

}

public static function social_icons_section(){
global $wdwt_front;
$twitter_icon_show = $wdwt_front->get_param('twitter_icon_show');
$twitter_url = $wdwt_front->get_param('twitter_url');
$linkedin_icon_show = $wdwt_front->get_param('linkedin_icon_show');
$linkedin_url = $wdwt_front->get_param('linkedin_url');
$facebook_icon_show = $wdwt_front->get_param('facebook_icon_show');
$facebook_url = $wdwt_front->get_param('facebook_url');
$google_icon_show = $wdwt_front->get_param('google_icon_show');
$google_url = $wdwt_front->get_param('google_url');
$instagram_icon_show = $wdwt_front->get_param('instagram_icon_show');
$instagram_url = $wdwt_front->get_param('instagram_url');
$follow_title = $wdwt_front->get_param('follow_title');
$follow_description = $wdwt_front->get_param('follow_description');
if(( $facebook_icon_show=='on' && $facebook_url != "" ) || ( $google_icon_show=='on' && $google_url != "" ) || ( $linkedin_icon_show=='on' && $linkedin_url != "" ) || ( $twitter_icon_show=='on' && $twitter_url != "") || ( $instagram_icon_show=='on' && $instagram_url != "")){
?>
<div id="social_icons" class="container">
  <h1 style="text-align: center; font-weight: 700;padding: 57px 0 0 0; margin: 0;"><?php  echo $follow_title; ?></h1>
  <i style="text-align: center; display: block; padding-bottom: 40px;"><?php  echo $follow_description; ?></i>
  <div class="social animate" <?php if( $twitter_icon_show=='' || $twitter_url == ""){ echo "style=\"display:none;\""; } ?>>
     <a  href="<?php if( trim($twitter_url) ){ echo esc_url($twitter_url);} else { echo "javascript:;";}?>" target="_blank" title="Twitter" class="round">
       <div class="social-efect"><i class="fa fa-twitter"></i></div>
     </a>
  </div>  
  <div class="social animate" <?php if( $facebook_icon_show=='' || $facebook_url == "" ){ echo "style=\"display:none;\""; } ?>>
     <a   href="<?php if( trim($facebook_url) ) { echo esc_url($facebook_url);} else { echo "javascript:;";}?>"  target="_blank" title="Facebook" class="round">
         <div class="social-efect"><i class="fa fa-facebook"></i></div>
     </a>
   </div>
   <div class="social animate" <?php if( $linkedin_icon_show=='' || $linkedin_url == "" ) { echo "style=\"display:none;\""; } ?>>
     <a   href="<?php if( trim($linkedin_url) ) { echo esc_url($linkedin_url);} else { echo "javascript:;";}?>" target="_blank" title="LinkedIn" class="round">
      <div class="social-efect"><i class="fa fa-linkedin"></i></div>
     </a>
  </div>
   <div class="social animate" <?php if( $google_icon_show=='' || $google_url == "" ) { echo "style=\"display:none;\""; } ?>>
     <a   href="<?php if( trim($google_url) ) { echo esc_url($google_url);} else { echo "javascript:;";}?>" target="_blank" title="Google Plus" class="round">
      <div class="social-efect"><i class="fa fa-google-plus"></i></div> 
     </a>
     </div>
  <div class="social animate" <?php if( $instagram_icon_show=='' || $instagram_url == "" ) { echo "style=\"display:none;\""; } ?>>
     <a   href="<?php if( trim($instagram_url) ) { echo esc_url($instagram_url);} else { echo "javascript:;";}?>" target="_blank" title="Instagram" class="round">
      <div class="social-efect"><i class="fa fa-instagram"></i></div>
     </a>
  </div> 
<div class="clear"></div>
</div> 
 
<?php
}
}




public static function content_for_home() {

  global $wdwt_front, 
    $wp_query,
    $paged;
    $date_enable =  $wdwt_front->get_param('date_enable');
    $grab_image = $wdwt_front->get_param('grab_image');
    $blog_style = $wdwt_front->blog_style();

 

      if(have_posts()) : 
        while (have_posts()) :
          the_post();
        /*ttt!!!*/
        /*var_dump(get_the_ID());*/

          ?>
          <div class="blog-post home-post">        
            <a class="title_href" href="<?php echo get_permalink() ?>">
              <h2><?php 
                    self::the_title_max_charlength(40);
              /*the_title();*/ ?></h2>
            </a>
            <?php
            if($date_enable){ ?>
              <div class="home-post-date">
                <?php echo self::posted_on();?>
              </div>
            <?php
            } 
           
      if(has_post_thumbnail() || (sauron_frontend_functions::post_image_url() && $blog_style && $grab_image)){ ?>
         <div class="img_containe fixed size180x150">
          <?php echo sauron_frontend_functions::fixed_thumbnail(180,150, $grab_image); ?>
         </div>
      <?php }
            if($blog_style) {
              the_excerpt();
            }
            else {
              the_content(__('More', "sauron"));
            }  
            ?>
            <div class="clear"></div>  
        
          </div>
          <?php 
        endwhile;
        if( $wp_query->max_num_pages > 2 ){ ?>
          <div class="page-navigation">
            <?php posts_nav_link(" ", '&larr; Previous','Next &rarr;'); ?>
          </div>     
          <?php 
        }
      endif;

      ?>
      <div class="clear"></div>
        <?php
        wp_reset_query();
        ?>      
      <?php 
  }

  public static function entry_meta() {
    $categories_list = get_the_category_list(', ' );
    if ( $categories_list ) {
      echo '<span class="categories-links"><span class="sep category"></span> ' . $categories_list . '</span>';
    }
    $tag_list = get_the_tag_list( '', ' , ' );
    if ( $tag_list ) {
      echo '<span class="tags-links"><span class="sep tag"></span>' . $tag_list . '</span>';
    }
  }



}