<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Spin a Meal </title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/style/style.css" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<meta property="og:image" content="http://nestle-family.com/facebook/eat-right-live-well/spin-a-meal/assets/images/share-icon.jpg" />
<style type="text/css">
form{ overflow:hidden;}
body
{
width: 802;
height:auto;
margin: 0;
padding: 0;
border: 0;
}
</style>
<script type="text/javascript">
tempImg1 = new Image()
tempImg1.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-1.png";
tempImg2 = new Image()
tempImg2.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-2.png";
tempImg3 = new Image()
tempImg3.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english//assets/images/table-3.png";
tempImg4 = new Image()
tempImg4.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-4.png";
tempImg5 = new Image()
tempImg5.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-5.png";
tempImg6 = new Image()
tempImg6.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-6.png";
tempImg7 = new Image()
tempImg7.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-7.png";
tempImg8 = new Image()
tempImg8.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-8.png";
tempImg9 = new Image()
tempImg9.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-9.png";
tempImg10 = new Image()
tempImg10.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-10.png";
tempImg11 = new Image()
tempImg11.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-11.png";
</script>
</head>
<body onload="drawRouletteWheel();">
<form name="form1" method="post" action="breakfast.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMjA3OTcwMjI3MWRkLWd81vXRPnTyvCiy9h0O9y048fs=" />
</div>
<div id="fb-root"></div>
<div id="wrapper">
<header>
<div class="lng"><a href="../breakfast.aspx"><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/arabic-button.png" width="65" height="26"></a></div>
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/spin-a-meal.png" width="157" height="88" class="title2">
<nav id="tabs">
<ul>
<li id="tabHeader_1_active"><a href="breakfast.aspx"><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/spacer.png" width="181" height="65" /></a></li>
<li id="tabHeader_2"><a href="default.aspx"><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/spacer.png" width="181" height="65" /></a></li>
<li id="tabHeader_3"><a href="snak.aspx"><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/spacer.png" width="181" height="65" /></a></li>
<li id="tabHeader_4"><a href="dinner.aspx"><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/spacer.png" width="181" height="65" /></a></li>
</ul>
</nav>
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/head.png" width="617" height="57" class="title">
</header>
<div class="tabscontent">
<section class="tabpage" id="tabpage_1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="Hidden1" value="/wEPDwUKMTEzMTE3MzA1OGRkcP5AUoa+st4f6JmNzVs9k7RwP21CycBJZxWIim7D0Uw=" />
</div>
<div id="popup_box"></div>
<!--popup 1-->
<div id="Div1" style="display:none;">
<div class="close"><a href="javascript:void(0);" id="close" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-1.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-1.png" >
</div>
<div class="good-to-know">
<div class="text">
<h2>Nestlé Fitness® cereals are made with whole grain and are fortified with iron, vitamin C and B-vitamins to ensure a healthy start your day.</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<div id="fb-root"></div>
</div>
</div>
</div>
</div>
</div>
<!--popup 1 end-->
<!--popup 2-->
<div id="Div2" style="display:none;">
<div class="close"><a href="#" id="A2" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-2.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-2.png" />
</div>
<div class="good-to-know">
<div class="text">
<h2>Tomatoes are full of the powerful vitamin C which helps strengthen your immunity.</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<fb:like href="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/likepage.aspx?spin=breakfast" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
</div>
</div>
</div>
</div>
</div>
</div>
<!--popup 2 end-->
<!--popup 3-->
<div id="Div3" style="display:none;">
<div class="close"><a href="#" id="A3" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-3.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-3.png" >
</div>
<div class="good-to-know">
<div class="text">
<h2>Nestlé KLIM® Low fat Milk is fortified with CALCILOCK, which is a unique vitamin and mineral bone cocktail that helps absorp, deposit and lock calcium in the bones.</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<div id="fb-root"></div>
<fb:like href="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/likepage.aspx" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
</div>
</div>
</div>
</div>
</div>
</div>
<!--popup 3 end-->
<!--popup 4-->
<div id="Div4" style="display:none;">
<div class="close"><a href="#" id="A4" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-4.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-4.png" >
</div>
<div class="good-to-know">
<div class="text">
<h2>With oats, you get the benefits of both soluble and insoluble fibre, making you feel fuller for longer and lowering your cholesterol.</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<div id="fb-root"></div>
<fb:like href="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/likepage.aspx" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
</div>
</div>
</div>
</div>
</div>
</div>
<!--popup 4 end-->
<!--popup 5-->
<div id="Div5" style="display:none;">
<div class="close"><a href="#" id="A5" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-5.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-5.png" >
</div>
<div class="good-to-know">
<div class="text">
<h2>Olives contain oleic acid, known to have protective benefits for the heart and also contribute to healthy skin and hair!</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<div id="fb-root"></div>
<fb:like href="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/likepage.aspx" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
</div>
</div>
</div>
</div>
</div>
</div>
<!--popup 5 end-->
<!--popup 6-->
<div id="Div6" style="display:none;">
<div class="close"><a href="#" id="A6" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-6.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-6.png" >
</div>
<div class="good-to-know">
<div class="text">
<h2>Peanut butter is a great morning food, packed with protein and healthy monounstaurated fat. It helps protect your heart and controlling your apetite by keeping you feeling full for longer.</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<div id="fb-root"></div>
<fb:like href="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/likepage.aspx" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
</div>
</div>
</div>
</div>
</div>
</div>
<!--popup 6 end-->
<!--popup 7-->
<div id="Div7" style="display:none;">
<div class="close"><a href="#" id="A7" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-7.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-7.png" >
</div>
<div class="good-to-know">
<div class="text">
<h2>Nestlé KLIM® Low fat is an excellent source of calcium. You need Calcium to maintain healthy strong bones and prevent osteoporosis.</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<div id="fb-root"></div>
<fb:like href="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/likepage.aspx" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
</div>
</div>
</div>
</div>
</div>
</div>
<!--popup 7 end-->
<!--popup 8-->
<div id="Div8" style="display:none;">
<div class="close"><a href="#" id="A8" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-8.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-8.png" >
</div>
<div class="good-to-know">
<div class="text">
<h2>Fava beans are a great source of protein and fibre which help give you energy and feel fuller for longer.</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<div id="fb-root"></div>
<fb:like href="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/likepage.aspx" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
</div>
</div>
</div>
</div>
</div>
</div>
<!--popup 8 end-->
<!--popup 9-->
<div id="Div9" style="display:none;">
<div class="close"><a href="#" id="A9" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-9.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-9.png" >
</div>
<div class="good-to-know">
<div class="text">
<h2>Whole wheat bread is a great source of complex carbohydrates which provide you with long-lasting energy so you will fel more active and mentally alert for your day.</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<div id="fb-root"></div>
<fb:like href="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/likepage.aspx" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
</div>
</div>
</div>
</div>
</div>
</div>
<!--popup 9 end-->
<!--popup 10-->
<div id="Div10" style="display:none;">
<div class="close"><a href="#" id="A10" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/close.png" alt="Close" ></a></div>
<div class="popup-table">
<div class="your-breakfast-for-the-day">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-starter-10.png" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast-main-course-10.png" >
</div>
<div class="good-to-know">
<div class="text">
<h2>Breakfast is a must have for your brain to start working properly.It provides your brain with energy to start the day's activities!</h2>
<div class="like"><img class="love-this" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/love-this.png"> <a href="javascript:void(0);" onclick="sharetofb();" ><img class="fbShare" src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/share.png"></a>
<div class="fbLikes">
<div id="fb-root"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--popup 10-->
</div>
<div id="container">
</div>
<div style=" width:750px; margin:40px auto;">
<div class="table-title">
<img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/breakfast.png" />
</div>
<div class="table-top">
<a onclick="spin();" ><img src="https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/spacer.png" class="spin-button" /></a>
</div>
<canvas id="canvas" width="750" height="750" style="" ></canvas>
<script>
var colors = ["#fff", "#fff", "#fff", "#fff", "#fff", "#fff", "#fff", "#fff", "#fff", "#fff"];
var restaraunts = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
var startAngle = 0;
var arc = Math.PI / 5;
var spinTimeout = null;
var spinAngleStart = 0;
var spinArcStart = 10;
var spinTime = 0;
var spinTimeTotal = 0;
var ctx;
var myImage;
myImage = new Image;
myImage.src = "Images/mealpop.jpg";
myImage = new Image;
myImage.onload = function() {};
var myImage1;
function drawRouletteWheel() {
var canvas = document.getElementById("canvas");
if (canvas.getContext) {
var outsideRadius = 200;
var textRadius = 160;
var insideRadius = 125;
ctx = canvas.getContext("2d");
ctx.clearRect(0, 0, 750, 750);
ctx.font = "bold 12px Helvetica, Arial";
for (var i = 0; i < 10; i++) {
var angle = startAngle + i * arc;
ctx.beginPath();
ctx.arc(375, 375, outsideRadius, angle, angle + arc, false);
ctx.arc(375, 375, insideRadius, angle + arc, angle, true);
ctx.save();
ctx.shadowOffsetX = -1;
ctx.shadowOffsetY = -1;
ctx.translate(375 + Math.cos(angle +
arc / 2) * textRadius, 375 + Math.sin(angle + arc / 2) * textRadius);
ctx.rotate(angle + arc / 2 + Math.PI / 2);
var text = restaraunts[i];
var myImage1 = document.getElementById("img1");
myImageLoad = new Image;
myImageLoad.src = "http://svnproj.gmi-projects.com/spintest/Images/Meal" + (i + 1) + ".jpg";
if (i == 0) ctx.drawImage(tempImg1, -132, -265);
else if (i == 1) ctx.drawImage(tempImg2, -132, -265);
else if (i == 2) ctx.drawImage(tempImg3, -132, -265);
else if (i == 3) ctx.drawImage(tempImg4, -132, -265);
else if (i == 4) ctx.drawImage(tempImg5, -132, -265);
else if (i == 5) ctx.drawImage(tempImg6, -132, -265);
else if (i == 6) ctx.drawImage(tempImg7, -132, -265);
else if (i == 7) ctx.drawImage(tempImg8, -132, -265);
else if (i == 8) ctx.drawImage(tempImg9, -132, -265);
else if (i == 9) ctx.drawImage(tempImg10, -132, -265);
ctx.restore();
ctx.save()
}
}
}
var old = 0;
function spin() {
old += spinAngleStart;
spinAngleStart = Math.floor(Math.random() * 10 + 7);
spinTimeTotal = Math.floor(Math.random() * 3 + 2) * 1000;
rotateWheel()
}
function rotateWheel() {
animate({
duration: spinTimeTotal,
timing: bounceEaseInOut,
draw: function(progress) {
startAngle = (old + spinAngleStart * progress) * arc;
drawRouletteWheel();
progress == 1 && stopRotateWheel()
}
})
}
function stopRotateWheel() {
clearTimeout(spinTimeout);
var degrees = startAngle * 180 / Math.PI + 90;
var arcd = arc * 180 / Math.PI;
var index = Math.floor((360 - degrees % 360) / arcd);
ctx.save();
ctx.font = "bold 30px Helvetica, Arial";
var text = restaraunts[index];
var obj = "#Div" + text;
var divInnrHtm = $(obj).html();
$("#popup_box").html(divInnrHtm);
$("#popup_box").fadeIn("slow");
$("#popup_box .close a").click(function() {
$("#popup_box").fadeOut("slow")
});
//FB.Canvas.scrollTo(0, 0);
ctx.restore()
}
function animate(options) {
var start = performance.now();
requestAnimationFrame(function animate(time) {
var timeFraction = (time - start) / options.duration;
if (timeFraction > 1) timeFraction = 1;
var progress = options.timing(timeFraction);
options.draw(progress);
if (timeFraction < 1) requestAnimationFrame(animate)
})
}
function makeEaseInOut(timing) {
return function(timeFraction) {
if (timeFraction < .5) return timing(2 * timeFraction) / 2;
else return (2 - timing(2 * (1 - timeFraction))) / 2
}
}
function bounce(timeFraction) {
return 1 - Math.sin(Math.acos(timeFraction))
}
var bounceEaseInOut = makeEaseInOut(bounce);
</script>
<script type="text/javascript">
$(document).ready(function () {
tempImg1 = new Image()
tempImg1.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-1.png";
tempImg2 = new Image()
tempImg2.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-2.png";
tempImg3 = new Image()
tempImg3.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english//assets/images/table-3.png";
tempImg4 = new Image()
tempImg4.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-4.png";
tempImg5 = new Image()
tempImg5.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-5.png";
tempImg6 = new Image()
tempImg6.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-6.png";
tempImg7 = new Image()
tempImg7.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-7.png";
tempImg8 = new Image()
tempImg8.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-8.png";
tempImg9 = new Image()
tempImg9.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-9.png";
tempImg10 = new Image()
tempImg10.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-10.png";
tempImg11 = new Image()
tempImg11.src = "https://www.nestle-family.com/facebook/eat-right-live-well/spin-a-meal/english/assets/images/table-11.png";
// loadPopupBox();
$('#popupBoxClose').click(function () {
unloadPopupBox();
});
$('#container').click(function () {
unloadPopupBox();
});
function unloadPopupBox() {
$('#popup_box').fadeOut("slow");
$("#container").css({
"opacity": "1"
});
}
function loadPopupBox() {
$('#popup_box').fadeIn("slow");
$("#container").css({
"opacity": "0.3"
});
}
});
function closeWrap() {
$('.popup-wrapper').fadeOut("slow");
}
</script>
</div>
</section>
</div>
</form>
</body>
</html>
// Code goes here
/* Styles go here */