<style>
#hidden-content {
    display: none;
}
.placeholder-text {
    color: #fff;
    width: 500px;
    max-width: 100%;
    text-align: center;
    padding: 40px 20px;
    margin: 20px auto;
    background: #307451\9;
    background:radial-gradient(#22a563,#307451);
}
.placeholder-text p {
    font-size: 1.3em;
    max-width: 400px;
    margin: 0 auto 20px;
     text-shadow: 1px 1px 0 rgba(0,0,0,0.35);
}
</style>

<script type="text/javascript">
/* Insert JSN ImageShow place-holder content when the component isn't installed */

function addPlaceHolder(containerClass, placeholderID, classInsertedElement)
{
	var pattern = /\{imageshow (.*)\/\}/i;
	var elePlaceholder = document.id(placeholderID);

	var contentElePlaceholder = elePlaceholder.get('html'); 

        $$('.' + containerClass).each(function(item, index){

        var content = item.get('html');
	
	if (pattern.test(content)) 
	{
		item.set('html', '');
		var insertedEle = new Element("div", {class: classInsertedElement, html: contentElePlaceholder});
                item.adopt(insertedEle); 
	}

        });

}

window.addEvent('domready', function() {
addPlaceHolder('is-demo-theme', 'hidden-content', 'jsn-is-placeholder-content');
});
</script>

<div id="hidden-content">
<div class="placeholder-text">
<p>Here should be the presentation of JSN ImageShow,<br />but it is not installed on your website.</p>
<a href="http://www.joomlashine.com/joomla-extensions/jsn-imageshow.html" target="_blank" class="link-button button-light">Free Download Now</a>
</div>
</div>

<p>Nulla sagittis maximus risus vitae rhoncus. Sed dictum, velit sit amet lobortis euismod, odio nulla aliquet nisi, eget porttitor metus lectus in massa. Maecenas mattis ante sed nunc tincidunt commodo. Nam nec cursus metus. Vivamus convallis in magna sed sollicitudin. Aliquam a magna orci. Nullam id rhoncus purus. Phasellus tristique viverra felis et egestas. Nulla odio ante, eleifend imperdiet diam elementum, viverra aliquam felis. Quisque mattis et felis vitae maximus.</p>

<p>Fusce vulputate sagittis ipsum sed cursus. Integer eget justo ac dui rutrum dictum at nec libero. Donec ornare, felis et dapibus mattis, leo enim semper ipsum, vitae lobortis felis eros at dolor. Pellentesque facilisis urna sed mauris ornare finibus. Nam aliquet nibh quis felis feugiat mattis. Nulla facilisi. Integer ac enim gravida, finibus libero ut, vestibulum quam.</p>

<p>Etiam quis nunc et arcu mollis ornare congue at sapien. Ut luctus ultrices felis id vestibulum. Morbi ultricies lorem dignissim, sagittis diam sit amet, molestie neque. Cras et orci tincidunt, auctor turpis sed, fermentum lorem. Nam tristique arcu molestie, varius dolor ut, egestas orci. Etiam porttitor mauris a felis hendrerit, et bibendum eros elementum. Nam congue nisl nec lobortis maximus. Pellentesque vitae leo ut nibh cursus sollicitudin. Ut mauris mi, fermentum ac neque vitae, tempor posuere erat. Nulla facilisi. Ut quam ligula, sagittis in mollis ut, tincidunt ac nunc.</p>



