<?php
// global variables
global $timthumb,$kaya_readmore,$slider_limits;
$img_width=kaya_image_width($post->ID);
wp_enqueue_script("jquery_easing");
wp_enqueue_script("jquery_contentcarousel");
wp_enqueue_style('css_carousel_style');
$slider_post_limits= $slider_limits ? $slider_limits :'6';
?>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#ca-container').contentcarousel();
});
</script>
<div class="slider"><!--start slider -->
<div class="container">
<div id="ca-container" class="ca-container">
<div class="ca-wrapper">
<?php
$loop = new WP_Query(array('post_type' => 'slider', 'posts_per_page' =>$slider_post_limits,'order' => 'desc')); ?>
<?php if ( $loop->have_posts() ) : while ( $loop->have_posts() ) : $loop->the_post();
?>
<div class="ca-item"><!--1 slider -->
<div class="ca-item-main">
<?php
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
/**
*int $postid
*int $width image width
*int $height image height
*str $class image class
*boolean true/false(for images links)
*/
echo kaya_imageresize($post->ID, '287','187','img_radius','false');
}
?>
<div class="ca-item-text">
<h2><?php echo the_title(); ?></h2>
<?php echo content(20); ?>
<a href="#" class="ca-more">View More</a>
</div>
</div>
<div class="ca-content-wrapper">
<div class="ca-content">
<h3><?php echo the_title(); ?></h3>
<a href="#" class="ca-close">close</a>
<div class="ca-content-text">
<?php global $more; $more = 0; ?>
<?php the_content('Read More »'); ?>
</div>
</div>
</div>
</div>
<?php endwhile; // End the loop. Whew. ?>
<?php else :
echo '<img src="'.get_template_directory_uri().'/images/default_slider.png" width="960" height="400">';
endif; ?>
</div>
</div>
</div>
</div><!--End slider -->