function showBox(coup) {  
    var width = document.documentElement.clientWidth + document.documentElement.scrollLeft;

    var layer = document.createElement('div');
    layer.style.zIndex = 2;
    layer.id = 'layer';
    layer.onclick = function() {
      document.body.removeChild(document.getElementById('layer'));
      document.body.removeChild(document.getElementById('box'));
    };
    layer.style.position = 'absolute';
    layer.style.top = '0px';
    layer.style.left = '0px';
    layer.style.height = document.documentElement.scrollHeight + 'px';
    layer.style.width = width + 'px';
    layer.style.backgroundColor = 'black';
    layer.style.opacity = '.6';
    layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=60)");
    document.body.appendChild(layer);  
    
    var div = document.createElement('div');
    div.style.zIndex = 3;
    div.id = 'box';
    div.style.position = (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed';
    div.style.top = '25%';
    div.style.left = (width / 2) - (400 / 2) + 'px';	
    div.style.backgroundColor = 'white';
    div.style.padding = '20px';
    document.body.appendChild(div);  
    
    var p = document.createElement('div');
    if (coup == 1) {
        div.innerHTML = '<img src="images/Goobers.gif" alt="" style="float: left;" /> <a href="#" onclick="closeBox()"><img src="images/close.png" alt="Close" style="float: right; margin-top: -15px;" /></a><br style="clear: right;" /><span style="float: left; width: 200px; text-align: left; padding-right: 15px; margin-left: 15px;"><b>GOOBERS&#174;</b><br /><br />I&#39;m a real &#8220;nut&#8221; about staying healthy and active! My busy family keeps me on my toes and staying organized is a must.<br /><br />Since I&#39;m always on the go, I like to keep a bit of protein on hand, like a handful of nuts, for an energy boost to help me keep up with all of life&#39;s demands.<br /><br />Did you know my name &#8220;Goobers&#8221; is also a Southern word for peanuts? Fitting isn&#39;t it?! However, I confess &#8211; I do like a little chocolate here and there. It&#39;s all about balance!<br /><br />Take a stroll down memory lane and <a href="past">view my past designs</a>.</span>';
    }
    if (coup == 2) {
        div.innerHTML = '<img src="images/SnoCaps.gif" alt="" style="float: left;" /> <a href="#" onclick="closeBox()"><img src="images/close.png" alt="Close" style="float: right; margin-top: -15px;" /></a><br style="clear: right;" /><span style="float: left; width: 200px; text-align: left; padding-right: 15px; margin-left: 15px;"><b>SNO&#8211;CAPS&#174;</b><br /><br />You might know me best from the movies... it seems like I&#39;m always a feature attraction at the theater!<br /><br />Enjoying great movies is a magical time for me and an easy way to sprinkle some fun into my lifestyle.<br /><br />If you&#39;re like me, indulging in a little chocolate at the cinema is an old tradition. My favorite is to mix some chocolate nonpareils (hint: it&#39;s the chocolate morsels with the crunchy white sprinkles on top) with popcorn &#8211; a little sweet, a little salty &#8211; delish! Try it the next time you go and think of me, darling!<br /><br />Take a stroll down memory lane and <a href="past">view my past designs</a>.</span>';
    }
    if (coup == 3) {
        div.innerHTML = '<img src="images/OhHenry.gif" alt="" style="float: left;" /> <a href="#" onclick="closeBox()"><img src="images/close.png" alt="Close" style="float: right; margin-top: -15px;" /></a><br style="clear: right;" /><span style="float: left; width: 200px; text-align: left; padding-right: 15px; margin-left: 15px;"><b>OH HENRY&#174;</b><br /><br />I&#39;m a big time sports fan and you might even think I was named after the famous baseball player Hank Aaron. However, I actually got my nickname from a nice group of ladies who used to work at a candy store I visited all the time when I was growing up.<br /><br />I can just hear their voices now: &#8220;Oh Henry will you do this, will you do that, Oh Henry, Oh Henry?!&#8221; I didn&#39;t mind lending them a helping hand and I guess I was their favorite customer. Then again, I&#39;m not too surprised. Quite a few folks have said that I have a sweet and soft side to me!<br /><br />Take a stroll down memory lane and <a href="past">view my past designs</a>.</span>';
    }
    
    if (coup == 4) {
        if (score < 1) {
            div.innerHTML = '<a href="#" onclick="closeBox()"><img src="../images/close.png" alt="Close" style="float: right; margin-top: -15px;" /></a><br style="clear: right;" /><span style="float: left; text-align: left; padding-right: 15px; margin-left: 15px;"><h2>Oh no!</h2><br />You didn\'t get any of the questions right!<br /><br />Try again to test your Nestle candy knowledge!';
        } else {
            div.innerHTML = '<a href="#" onclick="closeBox()"><img src="../images/close.png" alt="Close" style="float: right; margin-top: -15px;" /></a><br style="clear: right;" /><span style="float: left; text-align: left; padding-right: 15px; margin-left: 15px;"><h2>Congratulations!</h2><br />You got: <b>' + score + ' out of 8 right!</b><br /><br />You either know a lot about our candy, or you\'re very gifted! Speaking of gifts, did you know you can win some great Nestle candy prizes by entering the Delicious Dilemma sweepstakes?<br /><br />All you have to do is vote on a new design for your favorite Nestle candy!';
        }
    }
    
    div.appendChild(div);
}

function closeBox() {
      document.body.removeChild(document.getElementById('layer'));
      document.body.removeChild(document.getElementById('box'));
};