var popup1 = '<h4>Pizazz displays bring customers into your store,</h4><p>and make your environment as inviting and fresh as possible, so once inside they stay to browse. After all, how often do you make a sale to a customer outside your store?</p><p><a href="#" id="nextPopup" onclick="fireMyPopup(popup2,this)">Next</a>  |  <a href="#" id="closePopup" onclick="fadeOutMyPopup()">Close</a></p>'
var popup2 = '<h4>A knockout display is the most cost-effective element in your marketing mix!</h4><p>For the cost of a  ‘here today, forgotten tomorrow’ newspaper ad, we’ll create an infinitely re-useable display system for your store that works year-round to sell your brand.</p><p><a href="#" id="nextPopup" onclick="fireMyPopup(popup3,this)">Next</a>  |  <a href="#" id="closePopup" onclick="fadeOutMyPopup()">Close</a></p>'
var popup3 = '<h4>We stock the widest range of practical high-quality products.</h4><p>Most of the systems or brands we offer are exclusive to Pizazz in New Zealand. We proudly supply only the best quality, and firmly back our products with a 12-month warranty on product faults.</p><p><a href="#" id="nextPopup" onclick="fireMyPopup(popup4,this)">Next</a>  |  <a href="#" id="closePopup" onclick="fadeOutMyPopup()">Close</a></p>'
var popup4 = '<h4>We specialise in customisation, so you can choose what suits your business.</h4><p>No two retail environments are the same. So Pizazz specialises in flexible custom displays to create the look you want – with almost infinite choices – instead of being restricted to standard sizes.</p><p><a href="#" id="nextPopup" onclick="fireMyPopup(popup5,this)">Next</a>  |  <a href="#" id="closePopup" onclick="fadeOutMyPopup()">Close</a></p>'
var popup5 = '<h4>We can advise the best solution for your brand, your space, your budget.</h4><p>With each project we consider the needs of your business, consulting with you before offering a range of options, not just the most expensive. And we offer unbeatable after-sales service.</p><p><a href="#" id="nextPopup" onclick="fireMyPopup(popup6,this)">Next</a>  |  <a href="#" id="closePopup" onclick="fadeOutMyPopup()">Close</a></p>'
var popup6 = '<h4>It’s easy to refresh your graphics to maximise impact and save money.</h4><p>All Pizazz systems are designed so you can easily replace just your poster rather than the whole display, creating a fraction of the waste and cost. And of course, outdated images are a thing of the past.</p><p><a href="#" id="nextPopup" onclick="fireMyPopup(popup7,this)">Next</a>  |  <a href="#" id="closePopup" onclick="fadeOutMyPopup()">Close</a></p>'
var popup7 = '<h4>Use in-store advertising space effectively, even under-utilised floor areas.</h4><p>Our systems reflect the customer journey – from brand messages through to product information – there’s a targeted display for every part of the retail environment.</p><p><a href="#" id="nextPopup" onclick="fireMyPopup(popup8,this)">Next</a>  |  <a href="#" id="closePopup" onclick="fadeOutMyPopup()">Close</a></p>'
var popup8 = '<h4>We’re here for you, where and when you need us.</h4><p>Pizazz manages installation in Auckland and will arrange installation and shipping throughout NZ. For first hand experience of our extensive range, either visit our Grey Lynn showroom or make an appointment and we’ll come to you.</p><p><a href="#" id="nextPopup" onclick="fireMyPopup(popup1,this)">Next</a>  |  <a href="#" id="closePopup" onclick="fadeOutMyPopup()">Close</a></p>'

// Browser safe opacity handling function

function setOpacity( value ) {
 document.getElementById("popup").style.opacity = value / 10;
 document.getElementById("popup").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup() {
 for( var i = 0 ; i <= 100 ; i++ )
   setTimeout( 'setOpacity(' + (i / 10) + ')' , 8 * i );
}

function fadeOutMyPopup() {
 for( var i = 0 ; i <= 100 ; i++ ) {
   setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 8 * i );
 }

 setTimeout('closeMyPopup()', 800 );
}

function closeMyPopup() {
 document.getElementById("popup").style.display = "none"
}

function fireMyPopup(popup,obj) {
	 setOpacity( 0 );
	 document.getElementById("popup").style.display = "block";
	 fadeInMyPopup();
	 document.getElementById('popupContent').innerHTML = popup;
}