<?php
global $wpdb;

if(count($storeitems)) : ?>

<div id="topspin-store-<?php echo $storedata['id'];?>" class="topspin-store">
	<ul class="topspin-item-listings">
	<?php foreach($storeitems as $key=>$item) : ?>
    	<?php $item_classes = array(); ?>


		<?php if($key && $key%$storedata['grid_columns']==0) : ?>
        <li class="topspin-clear"></li>
        <?php endif; ?>
        <?php if($key==0) { $item_classes[] = 'first'; } ?>
        <?php if($key%$storedata['grid_columns']==0) { $item_classes[] = 'row-start'; } ?>
		<?php if(($key+1)%$storedata['grid_columns']==0) { $item_classes[] = 'row-end'; } ?>


		<li class="topspin-item <?php echo $item['offer_type'];?> <?php echo implode(' ',$item_classes);?>">

        	<div class="topspin-entry">

        	<?php ## BEGIN SWITCH OFFER TYPE
            switch($item['offer_type']) {
				case 'buy_button': ?>

            		<?php
            			$permalink = '#';

            			// Query to find the topspin item
						query_posts( array(
							'post_type' => 'topspinitem',
							'meta_key' => 'topspinitem_id',
							'meta_value' => $item['id'],
							'meta_compare' => '='
						) );

						// Loop through query to get the item
						while (have_posts()) : the_post();
							$permalink = get_permalink($post->ID);
						endwhile;
            		?>

                	<div class="topspin-item-header">
                    	<div class="topspin-item-image">
                    		<a class="topspin-view-item" href="<?php echo $permalink;?>"><img src="<?php echo $item['default_image'];?>" /></a>
                    	</div>
                    	<div class="topspin-item-title">
                    		<a class="topspin-view-item" href="<?php echo $permalink;?>"><?php echo $item['name'];?></a>
                    		<?php
                    			echo 'By ' . $item['artist_id'];
                    		?>
                    	</div>
                    </div>

                    <div class="topsin-item-content">
                    	<!-- <div class="topspin-item-price">
                    		Price: <?php echo $item['symbol'];?><?php echo $item['price'] . " USD";?>
                    	</div> -->
                    	<!-- <div class="topspin-item-buy">
                    		<a class="topspin-buy" href="<?php echo $item['offer_url'];?>">Buy</a>
                    	</div> -->
                    	<div class="topspin-item-buy">
                    		<a class="topspin-buy" href="<?php echo $permalink;?>">
	                    		<?php
	                    			if ( current_user_can('install_plugins') ) {
	                    				echo $item['id'];
	                    			}
	                    			else {
		                    			echo 'Listen/Info';
	                    			}
	                    		?>
                    		</a>
                    	</div>
                    </div>

                    <div id="topspin-view-more-<?php echo $item['id']; ?>" class="topspin-view-more-canvas">
						<div class="topspin-view-more-image">
							<div class="topspin-view-more-image-default">
								<div class="topspin-view-more-image-default-cell">
									<a href="#!/<?php echo $item['id']; ?>"><img src="<?php echo $storeitems[$key]['default_image_large'];?>" /></a>
								</div>
							</div>
						</div>
                        <h2 class="topspin-view-more-title"><?php echo $item['name'];?></h2>
                        <div class="topspin-view-more-desc"><?php echo $item['description'];?>
                        <?php //echo "SELECT embed_code FROM wp_topspin_items WHERE offer_type ='bundle_widget' AND description LIKE '%".$item['name']."%'";

						$getItemPlayer = $wpdb->get_results("SELECT embed_code FROM wp_topspin_items WHERE offer_type ='bundle_widget' AND description LIKE '%".$item['name']."%'");

						if(count($getItemPlayer) > 0){
							$embedcode1 = explode('src="',$getItemPlayer[0]->embed_code);
							$embedcode2 = explode('"',$embedcode1[1]);
							$embedcode = '<iframe id="embedPlayer" src="'. $embedcode2[0].'" frameborder="0" width="200" height="30" ></iframe>';

							echo '<p>'.$embedcode.'</p>';
						}

						?>

                        </div>

				    	<?php $totalImages = count($storeitems[$key]['images']);
				    	if($totalImages>1) : ?>
				    	<ul class="topspin-view-more-image-pager">
				    		<?php foreach($storeitems[$key]['images'] as $image) : ?>
				    		<li class="topspin-view-more-image-pager-item">
				    			<div class="topspin-view-more-image-pager-item-cell"><a href="#"><img src="<?php echo $image['large_url']; ?>" /></a></div>
				    		</li>
				    		<?php endforeach; ?>
				    	</ul>
				    	<?php endif; ?>

                        <div class="topspin-view-more-buy">
                        	<div class="topspin-view-more-item-buy"><a class="topspin-buy" href="<?php echo $item['offer_url'];?>">Buy Me</a></div>
	                        <div class="topspin-view-more-price">Price: <?php echo $item['symbol'];?><?php echo $item['price'];?></div>
 						</div>
                  </div>
					<?php break;
				case 'email_for_media':
				case 'bundle_widget':
				case 'single_track_player_widget': ?>
                	<div class="topspin-item-embed"><?php echo $item['embed_code'];?></div>
					<?php break;
			} ## END SWITCH OFFER TYPE
			?>
        	</div>
	    </li>
	<?php endforeach; ?>
	</ul>

	<?php ## BEGIN PAGINATION
	if(!$storedata['show_all_items'] && $storedata['curr_page']<=$storedata['total_pages']) { ?>
    	<div class="topspin-pagination">
    	Page <?php echo $storedata['curr_page'];?> of <?php echo $storedata['total_pages'];?>
		<?php if($storedata['prev_page']) : ?><a class="topspin-prev" href="<?php echo $storedata['prev_page'];?>">Previous</a><?php endif; ?>
		<?php if($storedata['next_page']) : ?><a class="topspin-next" href="<?php echo $storedata['next_page'];?>">Next</a><?php endif; ?>
        </div>
	<?php } ## END PAGINATION ?>

</div>
<?php endif; ?>