{{ store.name }} — {{ page.name }}
	
	

	
	
	
	
	
	
	
	
	   
        
    
	
	

$(document).ready(function() {

	//Speed of the slideshow
	var speed = 4000;
	
	//You have to specify width and height in #slider CSS properties
	//After that, the following script will set the width and height accordingly
	$('#mask-gallery, #gallery li').width($('#slider').width());	
	$('#gallery').width($('#slider').width() * $('#gallery li').length);
	$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
	
	//Assign a timer, so it will run periodically
	var run = setInterval('newsscoller(0)', speed);	
	
	$('#gallery li:first, #excerpt li:first').addClass('selected');

	//Pause the slidershow with clearInterval
	$('#btn-pause').click(function () {
		clearInterval(run);
		return false;
	});

	//Continue the slideshow with setInterval
	$('#btn-play').click(function () {
		run = setInterval('newsscoller(0)', speed);	
		return false;
	});
	
	//Next Slide by calling the function
	$('#btn-next').click(function () {
		newsscoller(0);	
		return false;
	});	

	//Previous slide by passing prev=1
	$('#btn-prev').click(function () {
		newsscoller(1);	
		return false;
	});	
	
	//Mouse over, pause it, on mouse out, resume the slider show
	$('#slider').hover(
	
		function() {
			clearInterval(run);
		}, 
		function() {
			run = setInterval('newsscoller(0)', speed);	
		}
	); 	
	
});


function newsscoller(prev) {

	//Get the current selected item (with selected class), if none was found, get the first item
	var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
	var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');

	//if prev is set to 1 (previous item)
	if (prev) {
		
		//Get previous sibling
		var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
		var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
	
	//if prev is set to 0 (next item)
	} else {
		
		//Get next sibling
		var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
		var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
	}

	//clear the selected class
	$('#excerpt li, #gallery li').removeClass('selected');
	
	//reassign the selected class to current items
	next_image.addClass('selected');
	next_excerpt.addClass('selected');

	//Scroll the items
	$('#mask-gallery').scrollTo(next_image, 800);		
	$('#mask-excerpt').scrollTo(next_excerpt, 800);					
	
}
  
	
	
	
	{{ head_content }}
 		
	
  
 
    

	
	
	
		



			
<div>
		<div>
<div>
<div class="image">
			<h1><a href="/"><span>&#123;&#123; store.name }}</span>&#123;% if theme.image != blank %}<img src="&#123;&#123;%20theme.image.url%20}}">&#123;% endif %}</a></h1>
		</div>	
		
			
			
			
		<div>
		
		<ul>
					<li><a href="/">Home</a></li>&#123;% for page in pages.all %}<li>&#123;&#123; page | link_to }}</li>&#123;% endfor %}<li>&#123;&#123; pages.contact | link_to }}</li>
<li><a href="/cart">View Cart (&#123;&#123; cart.item_count }})</a></li>
				</ul>
</div>	
</div>
</div>
		
			
		
			<div class="error">
				<ul>
		          <li>JavaScript must be enabled to use this store!</li>
		        </ul>
		    </div>
		
		
		&#123;% if errors != blank %}
		<div class="error">
			<ul>
				&#123;% for error in errors %}<li>&#123;&#123; error }}</li>&#123;% endfor %}
	  		</ul>
	  	</div>
		&#123;% endif %}

		&#123;% if store.website != blank %}
		<div>
			<a href="&#123;&#123;%20store.website%20}}">Back to site</a>
		</div>	
		&#123;% endif %}

		<div>
	
<div>
			&#123;% if theme.show_search %}
			<div>SEARCH BY KEYWORD OR STYLE
				
					<span>GO</span>
				
			</div>
			&#123;% endif %}
			<div class="pod">
			<ul class="categories-list">
					<li><a href="/products" title="VIEW All"><span>VIEW All</span></a></li>
<li><span><b>SHOP BY CATEGORY:</b></span></li>&#123;% for category in categories.active %}<li>&#123;&#123; category | link_to }}</li>&#123;% endfor %}
				</ul>
			</div>
			
			
			
<div>


Join Our Mailing List







 





</div>

			
			
			
			</div>
	
			<div>
			
			<div>
<div> 
    <a href="#"><img height="60" width="30px" style="" src="http://themefiend.com/tf-themes/slate/slidebackbutton.png"></a> 
    <a href="#"><img height="60" width="30" style="" src="http://themefiend.com/tf-themes/slate/slidenextbutton.png"></a> 
  </div>
<div>
 	 <div>

        <ul>
        
        <li>
<a href="http://www.ridekrazy.com/"><img src="&lt;a%20href=" target="_blank"><img src="http://i56.tinypic.com/1zn8lrb.jpg" alt="Image and video hosting by TinyPic"></a>" width="747" /&gt;</li>
        
           <li>
<a href="http://www.ridekrazy.com/"><img src="&lt;a%20href=" target="_blank"><img src="http://i56.tinypic.com/dyslqq.jpg" alt="Image and video hosting by TinyPic"></a>" width="747" /&gt;</li>
           
              <li>
<a href="http://www.ridekrazy.com/"><img src="&lt;a%20href=" target="_blank"><img src="http://i56.tinypic.com/20zwk8w.jpg" alt="Image and video hosting by TinyPic"></a>" width="747" /&gt;</li>
              
                 <li>
<a href="http://www.ridekrazy.com/"><img src="&lt;a%20href=" target="_blank"><img src="http://i56.tinypic.com/15s7dqe.jpg" alt="Image and video hosting by TinyPic"></a>" width="747" /&gt;</li>
                 
                    <li>
<a href="http://www.ridekrazy.com/">&lt;"</a><a href="http://tinypic.com?ref=2pr9row" target="_blank"><img src="http://i51.tinypic.com/2pr9row.jpg" alt="Image and video hosting by TinyPic"></a>" width="747" /&gt;</li>
                    
                       <li>
<a href="http://www.ridekrazy.com/"><img src="&lt;a%20href=" target="_blank"><img src="http://i53.tinypic.com/2nbf70j.jpg" alt="Image and video hosting by TinyPic"></a>" width="747" /&gt;</li>
                       
                          <li>
<a href="http://www.ridekrazy.com/"><img src="&lt;a%20href=" target="_blank"><img src="http://i52.tinypic.com/2m3iihy.jpg" alt="Image and video hosting by TinyPic"></a>" width="747" /&gt;</li>
 
       
     
       </ul>
	</div>
</div>
</div>

		


	</div>
</div>

	
<div>


		
		<span style="text-align:center;">Copyright © 2010<a href="/"> &#123;&#123; store.name }}</a>. All Rights Reserved | Designed by <a href="http://www.themefiend.com">Theme Fiend.</a> </span>
</div>
</div>

<a title="Real Time Web Analytics" href="http://getclicky.com/66523244"><img alt="Real Time Web Analytics" src="//static.getclicky.com/media/links/badge.gif"></a>

try&#123; clicky.init(66523244); }catch(e)&#123;}
<p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/66523244ns.gif"></p>