WELCOME TO PREMIUM BBQ! TASTE ALL THE GREAT MEATS YOU CAN EAT WITH OUR OWN SPECIAL SAUCES!
<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="cache-control" content="max-age=0"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="Cache-Control" content="no-store"> <meta http-equiv="expires" content="0"> <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT"> <meta http-equiv="pragma" content="no-cache"> <title>HTML5Maker.com Animation</title> </head> <body style="padding:0; margin:0;background:transparent;"> <div id="globalDiv_129377" style="margin: 0 0; overflow: hidden; transform : translate3d(0,0,0); -moz-transform : translate3d(0,0,0); -ms-transform : translate3d(0,0,0); -o-transform : translate3d(0,0,0); -webkit-transform : translate3d(0,0,0); width:100%; height:321px; "> <div id="mainDiv_129377" style="margin: 0px auto; overflow: hidden; position: relative; width: 522px; height: 321px; cursor: pointer;"> <canvas id="image0_129377" style="visibility: hidden; position: absolute; left: 0px; width: 522px; height: 321px; transform-origin: 50% 50% 0px; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0);" width="522" height="321"> </canvas> <canvas id="image1_129377" style="visibility: hidden; position: absolute; left: 0px; width: 522px; height: 321px; transform-origin: 50% 50% 0px; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0);" width="522" height="321"> </canvas> <canvas id="image2_129377" style="visibility: hidden; position: absolute; left: 0px; width: 522px; height: 321px; transform-origin: 50% 50% 0px; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0);" width="522" height="321"> </canvas> <canvas id="image3_129377" style="visibility: visible; position: absolute; left: 0px; width: 522px; height: 321px; transform-origin: 50% 50% 0px; opacity: 0.99; transform: matrix(1, 0, 0, 1, 0, 0);" width="522" height="321"> </canvas> <canvas id="image4_129377" style="visibility: hidden; position: absolute; left: 0px; width: 522px; height: 321px; transform-origin: 50% 50% 0px; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0);" width="522" height="321"> </canvas> <canvas id="image5_129377" style="visibility: hidden; position: absolute; left: 0px; width: 522px; height: 321px; transform-origin: 50% 50% 0px; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0);" width="522" height="321"> </canvas> <canvas id="image6_129377" style="visibility: hidden; position: absolute; left: 0px; width: 522px; height: 321px; transform-origin: 50% 50% 0px; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0);" width="522" height="321"> </canvas> <canvas id="image7_129377" style="visibility: hidden; position: absolute; left: 0px; width: 522px; height: 321px; transform-origin: 50% 50% 0px; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0);" width="522" height="321"> </canvas></div></div> <script language="javascript" src="//cdn.html5maker.com/TweenMax_1_10_2.min.js"></script> <script language="javascript"> var slidesObjects_129377 = {totalTime:2520,width:522, height:321, fromBorder:false, loop:true, goToUrl:'', target:'_blank', items:[ {id:'image0_129377', url:'', target:'_blank', rotation:0,width:522,height:321,src:'//cdn.html5maker.com/ee4c223190e5baec50d994d867adc0865a68ad36c67b9Jc6FaDbxUmWkr5eLhc0h.png', rotationRect:{left:0, top:0}, rect:{left:0, top:0, right:522, bottom:321}, appear:{o:0, s:1, effect:'effect_item_none', custom_x:0, custom_y:0, x:0, y:0, delay:0, easing:Quad.easeOut, duration:60}, disappear:{o:0, effect:'effect_item_none', s:1, custom_x:0, custom_y:0, x:0, y:0, delay:300, easing:Quad.easeOut, duration:61}}, {id:'image1_129377', url:'', target:'_blank', rotation:0,width:522,height:321,src:'//cdn.html5maker.com/25297e4fdf1e4b1a8b0e8acff8f912e15a68ad377d5fdN5Jqhic443PvXHo15fWY.png', rotationRect:{left:0, top:0}, rect:{left:0, top:0, right:522, bottom:321}, appear:{o:0, s:1, effect:'effect_item_none', custom_x:0, custom_y:0, x:0, y:0, delay:420, easing:Quad.easeOut, duration:60}, disappear:{o:0, effect:'effect_item_none', s:1, custom_x:0, custom_y:0, x:0, y:0, delay:180, easing:Quad.easeOut, duration:61}}, {id:'image2_129377', url:'', target:'_blank', rotation:0,width:522,height:321,src:'//cdn.html5maker.com/3ed2e1fa52d756a41cc67fdc17a0e6f05a68ad38384acZBXG5oopzGQYBaq4IuhZ.png', rotationRect:{left:0, top:0}, rect:{left:0, top:0, right:522, bottom:321}, appear:{o:0, s:1, effect:'effect_item_none', custom_x:0, custom_y:0, x:0, y:0, delay:720, easing:Quad.easeOut, duration:60}, disappear:{o:0, effect:'effect_item_none', s:1, custom_x:0, custom_y:0, x:0, y:0, delay:180, easing:Quad.easeOut, duration:61}}, {id:'image3_129377', url:'', target:'_blank', rotation:0,width:522,height:321,src:'//cdn.html5maker.com/20bf277eaef10bb2d38967d28753c7335a68ad38ee985Qn2d7ZyvKIGgLHOrvwa8.png', rotationRect:{left:0, top:0}, rect:{left:0, top:0, right:522, bottom:321}, appear:{o:0, s:1, effect:'effect_item_none', custom_x:0, custom_y:0, x:0, y:0, delay:1020, easing:Quad.easeOut, duration:60}, disappear:{o:0, effect:'effect_item_none', s:1, custom_x:0, custom_y:0, x:0, y:0, delay:180, easing:Quad.easeOut, duration:61}}, {id:'image4_129377', url:'', target:'_blank', rotation:0,width:522,height:321,src:'//cdn.html5maker.com/3ae52754f5639fbc2d2c497acfecb8ef5a68ad39acdebpvgz6udCMUn49P1Sclr8.png', rotationRect:{left:0, top:0}, rect:{left:0, top:0, right:522, bottom:321}, appear:{o:0, s:1, effect:'effect_item_none', custom_x:0, custom_y:0, x:0, y:0, delay:1320, easing:Quad.easeOut, duration:60}, disappear:{o:0, effect:'effect_item_none', s:1, custom_x:0, custom_y:0, x:0, y:0, delay:180, easing:Quad.easeOut, duration:61}}, {id:'image5_129377', url:'', target:'_blank', rotation:0,width:522,height:321,src:'//cdn.html5maker.com/66800f0995d3735549120dd3e3a91e0b5a68ad3a5f65cQYNms0eQUbbvhzNvuOwi.png', rotationRect:{left:0, top:0}, rect:{left:0, top:0, right:522, bottom:321}, appear:{o:0, s:1, effect:'effect_item_none', custom_x:0, custom_y:0, x:0, y:0, delay:1620, easing:Quad.easeOut, duration:60}, disappear:{o:0, effect:'effect_item_none', s:1, custom_x:0, custom_y:0, x:0, y:0, delay:180, easing:Quad.easeOut, duration:61}}, {id:'image6_129377', url:'', target:'_blank', rotation:0,width:522,height:321,src:'//cdn.html5maker.com/6b88fca0add7aeb01fba259321de01dc5a68ad3b1201dQZyv2sh69TxxehZ4NXsc.png', rotationRect:{left:0, top:0}, rect:{left:0, top:0, right:522, bottom:321}, appear:{o:0, s:1, effect:'effect_item_none', custom_x:0, custom_y:0, x:0, y:0, delay:1920, easing:Quad.easeOut, duration:60}, disappear:{o:0, effect:'effect_item_none', s:1, custom_x:0, custom_y:0, x:0, y:0, delay:180, easing:Quad.easeOut, duration:61}}, {id:'image7_129377', url:'', target:'_blank', rotation:0,width:522,height:321,src:'//cdn.html5maker.com/b8f779447b26339388b5d192a85563785a68ad3c14c66iNw6VjBqBg5IsTHS2ni3.png', rotationRect:{left:0, top:0}, rect:{left:0, top:0, right:522, bottom:321}, appear:{o:0, s:1, effect:'effect_item_none', custom_x:0, custom_y:0, x:0, y:0, delay:2220, easing:Quad.easeOut, duration:60}, disappear:{o:0, effect:'effect_item_none', s:1, custom_x:0, custom_y:0, x:0, y:0, delay:180, easing:Quad.easeOut, duration:61}}]}, ratio = 1, borderWidth = 0, firstResize = true, data=[], fps=60, additionalFrame=1, gURL='', dataLoaded, id='html5aded1c4c00e776806085e0513073473932559419d4'; function beginAnimation129377() { if (firstResize){ if( isMobile.any() ){ fps = 30; } slidesObjects_129377.totalTime = Math.round(slidesObjects_129377.totalTime/60*fps); TweenMax.ticker.fps(fps); gURL = slidesObjects_129377.goToUrl; var gTarget = slidesObjects_129377.target; var loadedItems = 0, totalItems = slidesObjects_129377.items.length; if (gURL != '') { var mainDivId = 'mainDiv_129377', sceneItem = document.getElementById(mainDivId); initGoToUrl129377(sceneItem, gURL, gTarget); } firstResize = false;disableContext129377();onWindowResize129377();for (var ind in slidesObjects_129377.items) { var obj = slidesObjects_129377.items[ind], id = obj.id, item = document.getElementById(id); item.style.left='0px'; if (gURL == '') { initGoToUrl129377(item, obj.url, obj.target); } var ctx=item.getContext('2d'); var img = new Image(); img.src = obj.src; img.width = obj.width; img.height = obj.height; img.obj = obj; img.item = item; img.ctx = ctx; dataLoaded = false; data.push(img); img.onload = function() { if (++loadedItems >= totalItems) { animate129377(); dataLoaded = true; onDataLoaded129377(); } }; } } else { onDataLoaded129377(); } } var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, Windows: function() { return navigator.userAgent.match(/IEMobile/i); }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); } }; function onDataLoaded129377() { if (dataLoaded) { resizeObjects(); for (var ind in data) { var img = data[ ind]; startAppearAnimation129377(img.item, img.obj, 0); } } } function animate129377() { for(var ind in data) { var img = data[ ind], ctx = img.ctx; ctx.clearRect(0, 0, img.width, img.height); ctx.drawImage(img, 0, 0, img.width, img.height); } } function disableContext129377() { document.getElementById('mainDiv_129377').oncontextmenu = function (event) { return false; } } function initGoToUrl129377(item, url, target) { if (url != '') { item.onclick = function () { window.open(url, target); }; item.style.cursor = 'pointer'; } } function convertRotatedPosition(item, convert_type, effect){ if (convert_type == 'appear_start_position' || convert_type == 'disappear_end_position') { var newX, newY; var tempConf = item.appear; if (convert_type == 'disappear_end_position') { tempConf = item.disappear; } switch (effect) { case 'effect_item_left': newX = -item.rect.right-borderWidth; newY = tempConf.y; break; case 'effect_item_top': newX = tempConf.x; newY = -item.rect.bottom-2; break; case 'effect_item_right': newX = -item.rect.left + slidesObjects_129377.width+borderWidth; newY = tempConf.y; break; case 'effect_item_bottom': newX = tempConf.x; newY = -item.rect.top +slidesObjects_129377.height+2; break; case 'effectCustom': newX = tempConf.custom_x; newY = tempConf.custom_y; if (tempConf.custom_x < 0) { newX = tempConf.custom_x-borderWidth; } if (tempConf.custom_x > slidesObjects_129377.width) { newX = tempConf.custom_x+borderWidth; } break; default: newX = tempConf.x; newY = tempConf.y; break; } newX = newX-item.rotationRect.left+item.rect.left; newY = newY-item.rotationRect.top+item.rect.top; } if (convert_type == 'appear_end_position' || convert_type == 'disappear_start_position') { newX = item.appear.x-item.rotationRect.left+item.rect.left; newY = item.appear.y-item.rotationRect.top+item.rect.top; } return {x:Math.round(newX*ratio)+'px',y:Math.round(newY*ratio)+'px'}; } function startAppearAnimation129377(item, obj, startdelay) { var convertedPos = convertRotatedPosition(obj, 'appear_start_position', obj.appear.effect); TweenMax.killTweensOf(item); if (Math.round(obj.appear.delay/60*fps)+startdelay != 0)TweenMax.to(item, 0,{css: {visibility: 'hidden'}}); TweenMax.to(item, 0, { css: {x: convertedPos.x, y: convertedPos.y, scaleX:obj.appear.s, scaleY:obj.appear.s, opacity: obj.appear.o, rotation:obj.rotation, transformOrigin:'50% 50%'}, delay: Math.round(obj.appear.delay/60*fps) + startdelay, useFrames: true, onComplete: animateAppear129377, onCompleteParams: [item, obj] }); } function animateAppear129377(item, obj) { var convertedPos = convertRotatedPosition(obj, 'appear_end_position', obj.appear.effect); var appearDelay = Math.round(obj.appear.delay/60*fps), appearDuration = Math.round(obj.appear.duration/60*fps), appearEase = obj.appear.easing; TweenMax.to(item, appearDuration, { css: {visibility:'visible', x:convertedPos.x, y:convertedPos.y, opacity: 1, scaleX:1, scaleY:1, transformOrigin:'50% 50%'}, useFrames: true, immediateRender: true, ease: appearEase, onComplete: animateDisappear129377, onCompleteParams: [item, obj] }); } function animateDisappear129377(item, obj) { var convertedPos = convertRotatedPosition(obj, 'disappear_end_position', obj.disappear.effect); var disappearDelay = Math.round(obj.disappear.delay/60*fps), disappearDuration = Math.round((obj.disappear.duration-additionalFrame)/60*fps+additionalFrame), disappearEase = obj.disappear.easing; var delay = slidesObjects_129377.totalTime - Math.round(obj.appear.duration/60*fps) - Math.round(obj.appear.delay/60*fps) - Math.round(obj.disappear.duration/60*fps) - additionalFrame - Math.round(obj.disappear.delay/60*fps) var _oncomplete = slidesObjects_129377.loop ? startAppearAnimation129377 : null; TweenMax.to(item, disappearDuration, { css: {x: convertedPos.x, y: convertedPos.y, opacity: obj.disappear.o, scaleX:obj.disappear.s, scaleY:obj.disappear.s, transformOrigin:'50% 50%' }, delay: disappearDelay, useFrames: true, immediateRender: true, ease: disappearEase, onComplete: _oncomplete, onCompleteParams: [item, obj, delay] }); } function listenResize129377(evnt, elem, func) { if (elem.addEventListener){ elem.addEventListener(evnt,func,false);} else if (elem.attachEvent) { var r = elem.attachEvent('on'+evnt, func); return r; }else{beginAnimation129377();} } function listenLoad129377(evnt, elem, func) { if (elem.addEventListener){ elem.addEventListener(evnt,func,false);} else if (elem.attachEvent) { var r = elem.attachEvent('on'+evnt, func); return r; }else{onWindowResize129377();} } function resizeObjects() { for(var ind in data) { var img = data[ ind], ctx = img.ctx; var item = img.item; var originalW = img.obj.width; var originalH = img.obj.height; item.style.width = (originalW * ratio) + 'px'; item.style.height = (originalH * ratio) + 'px'; } } function onWindowResize129377() { var w = window, banner = document.getElementById('mainDiv_129377'), d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || g.clientWidth, y = w.innerHeight|| e.clientHeight|| g.clientHeight; borderWidth = 0; if (x < slidesObjects_129377.width) { ratio = x / slidesObjects_129377.width; banner.style.width = Math.round(slidesObjects_129377.width*ratio) + 'px'; banner.style.height = Math.round(slidesObjects_129377.height*ratio) + 'px'; } else { ratio = 1; banner.style.width = slidesObjects_129377.width + 'px'; banner.style.height = slidesObjects_129377.height + 'px'; if (slidesObjects_129377.fromBorder){ borderWidth = Math.round((x-slidesObjects_129377.width)/2); } } if (window.parent){ window.parent.postMessage('changeSize'+banner.style.height+'html5maker'+id, '*');} TweenMax.killAll(); beginAnimation129377(); } (function () { listenResize129377('resize', window, onWindowResize129377); })(); (function () { listenLoad129377('load', window, beginAnimation129377); })();</script> </body></html>
