<?php
$i = 0;
if(!th_checkbox_filter('slider','section_on_off')) :
?>
<input type="hidden" id="txt_slidespeed" value="<?php if (get_theme_mod('slider_speed','') != '') { echo stripslashes(get_theme_mod('slider_speed')); } else { ?>3000<?php } ?>"/>
<input type="hidden" id="typer_speed" value="<?php if (get_theme_mod('typer_speed','') != '') { echo stripslashes(get_theme_mod('typer_speed')); } else { ?>100<?php } ?>"/>
<div id="page-top"  class="slider-top">
     <div class="flexslider">
          <div class="slider-caption">
               <div class="portfolio-desc">
                    <?php if (get_theme_mod('parallax_heading','') != ''){?>
                    <h1 class="wow fadeInLeftBig" data-wow-delay="1s"><?php echo get_theme_mod('parallax_heading');?></h1>
                    <?php }else{ ?>
                    <h1 class="wow fadeInLeftBig" data-wow-delay="1s"><?php _e('I am Wordpress developer','portfoliolite'); ?></h1>
                    <?php } ?>
                    <?php if (get_theme_mod('parallax_subheading_one','') != '') { ?>
                    <p class="typer wow fadeInLeftBig" data-wow-delay="1s" data-typer-targets = "<?php echo get_theme_mod('parallax_subheading_one');?><br />
                         <?php echo get_theme_mod('parallax_subheading_two');?>">
                    </p>
                    <?php } else { ?>
                    <p class="wow fadeInLeftBig" data-wow-delay="1s"><?php _e('Lorem ipsum dolor sit amet, consectetuer adipiscing elit','portfoliolite'); ?></p>
                    <?php } ?>
                    <?php if (get_theme_mod('parallax_button_text1','') != ''){?>
                    <a class="shw-btn" href="<?php echo get_theme_mod('parallax_button_link1'); ?>"><button class="wow fadeInLeftBig" data-wow-delay="1.4s"><?php echo get_theme_mod('parallax_button_text1'); ?></button></a>
                    <?php }else{ ?>
                    <a class="shw-btn" href="#"><button class="wow fadeInLeftBig" data-wow-delay="1.4s"><?php _e('SHOW PROFILE','portfoliolite'); ?></button></a>
                    <?php } ?>
                    <?php if (get_theme_mod('parallax_button_text2','') != ''){?>
                    <a class="exp-btn" href="<?php echo get_theme_mod('parallax_button_link2'); ?>"><button class="wow fadeInLeftBig" data-wow-delay="1.4s"><?php echo get_theme_mod('parallax_button_text2'); ?></button></a>
                    <?php } ?>
               </div>
          </div>
          <?php if (get_theme_mod('top_parallax','on') == 'on') { ?>
          <ul class="slides">
               <!-- first image -->
               <?php if (get_theme_mod('first_slider_image','') != '') { $i++; ?>
               <li data-center="background-position: 50% 0px;" data-top-bottom="background-position: 50% -100px;" style="background:url('<?php echo get_theme_mod('first_slider_image'); ?>');" class="plrx_enable">
                    <div class="overlay">
                    </div>
               </li>
               <?php } else { ?>
               <li data-center="background-position: 50% 0px;" data-top-bottom="background-position: 50% -100px;" style="background:url('<?php echo get_template_directory_uri(); ?>/images/slider.jpeg');" class="plrx_enable">
                    <div class="overlay">
                    </div>
               </li>
               <?php } ?>
          </ul>
          <?php } else { ?>
          <ul class="slides">
               <!-- first image -->
               <?php if (get_theme_mod('first_slider_image','') != '') { $i++; ?>
               <li style="background:url('<?php echo get_theme_mod('first_slider_image'); ?>');">
                    <div class="overlay">
                    </div>
               </li>
               <?php } else { ?>
               <li style="background:url('<?php echo get_template_directory_uri(); ?>/images/slider.jpeg');">
                    <div class="overlay">
                    </div>
               </li>
               <?php } ?>
          </ul>
          <?php }?>
          <div class="arrow-down" style="width:100%;text-align:center;z-index: 9999; position:absolute; bottom: 0;">
               <a id="arrow-down" href="#portfolio-mywork-section"></a>
          </div>
     </div>
</div>
<?php endif; ?>