<?php
/*
Template Name: Boutique
*/
?>

<?php get_header(); ?>

<?php the_post(); ?>

<div style="width: 960px; float: left;">

	<div id="sidebar-right" class="sidebar" style="float: right;">
			<div class="block">
				<div class="block-border">
					<div class="block-content">
						<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Right Top') ) : ?>
						<?php endif; ?>
					</div> <!-- end .block-content -->
				</div> <!-- end .block-border -->
			</div> <!-- end .block -->

			<div class="block">
				<div class="block-border">
					<div class="block-content">
						<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Right Bottom') ) : ?>
						<?php endif; ?>
					</div> <!-- end .block-content -->
				</div> <!-- end .block-border -->
			</div> <!-- end .block -->
		</div> <!-- end #sidebar-right -->

	<div id="entries" style="float: left;">

		<?php the_content(); ?>

		<?php

			$posts = get_posts("category_name=boutique&numberposts=-1");

			if ( count($posts) ) {
				$artIndex = -1;
				$perPage = 10;
				$pageNumber = 1;
				$last_page_displayed = 1;
				foreach($posts as $post) {
					$artIndex++;
					setup_postdata($post);
					$pageNumber = floor($artIndex/$perPage)+1;
					$pot_pageNumber = floor(($artIndex+1)/$perPage)+1;
					if($pot_pageNumber > $last_page_displayed){
						$last_page_displayed = $pageNumber;
						$is_last = "";
					}else{
						$is_last = "";
					}
		?>



		<div class="entry post entry-full <?php echo $is_last;?>" rel="<?php echo $pageNumber?>" <?php if($pageNumber != 1){echo "style='display:none;'";} ?>>
			<div class="border">
				<div class="bottom">
					<div class="entry-content clearfix">
						<div class="thumbnail">
							<a href="<?php the_permalink() ?>"><?php echo get_the_post_thumbnail($post->ID, 'medium');?></a>
						</div>

						<h3><a href="<?php the_permalink(); ?>"><?php truncate_title(40); ?></a></h3><br />
						<!--<p class="date"><?php the_time(get_option('magnificent_date_format')) ?></p><br />-->
						<?php the_excerpt(); ?>
						<a class="readmore" href="<?php the_permalink() ?>"><span>detalii</span></a>
					</div>

				</div> <!-- end .bottom -->
			</div> <!-- end .border -->
		</div> <!-- end .entry -->

		<?php
			}
			}
		?>

		<input type="hidden" name="number_of_pages" value="<?php echo $pageNumber?>" />
		<div class="pagination">
			<div class="pageNumbers">
				<ul id="navigation">
					<?php
					for($i = 1; $i <= $pageNumber; $i++){
						?>
					<li><a href="#!page=<?php echo $i;?>" rel="<?php echo $i;?>"><?php echo $i; ?></a></li>
					<?php } ?>
				</ul>
			</div>
		</div>

		<div class="clear"></div>

		<!-- <?php if (get_option('magnificent_integration_single_bottom') <> '' && get_option('magnificent_integrate_singlebottom_enable') == 'on') echo(get_option('magnificent_integration_single_bottom')); ?>-->

	</div>

</div>

	<script language="javascript">

	jQuery(document).ready(function(){

	var loc = window.location.href;
	var page_number = 1;
	var loc_arr = loc.split("#!");
	if(loc_arr.length > 1){
		page_number = parseInt(loc_arr[1].replace("page=",""));
	}
	jQuery(".entry").hide();
	jQuery(".entry[rel="+page_number+"]").show();
	jQuery("#navigation").find("a").removeClass("active_page");
	jQuery("#navigation").find("a[rel="+page_number+"]").addClass("active_page");
		jQuery("#navigation").find("a").unbind("click").bind("click", function(event){
			jQuery(".entry").hide();
			jQuery(".entry[rel="+jQuery(this).attr("rel")+"]").show();
				jQuery("#navigation").find("a").removeClass("active_page");
				jQuery("#navigation").find("a[rel="+jQuery(this).attr("rel")+"]").addClass("active_page");

		});
	});
	</script>

<?php get_footer(); ?>