m4c1ek · August 29, 2015 14:17
diff --git a/carousel b/carousel
 document.write('        <script>            /**<AdScript>**/            var P_41600_Swipe = \'http://pliing.se/PliingAd/Click?id=4160000&userAdId=3438799245&callback=p41600Resp\';            var P_41600_Imp = \'\';            var P_41600_Img = [\'1.png\', \'2.png\', \'3.png\', \'4.png\', \'5.png\'];            var P_41600_CI = [4160011, 4160012, 4160013, 4160014, 4160015];            var P_41600_NoOfImages = P_41600_Img.length;            var p41600LoadedImages = 0;            var p41600SwipeArea;            var p41600Cube;            var p41600StartX = 0;            var p41600StartY = 0;            var p41600EndX = 0;            var p41600Swiped = false;            var p41600RotAng = 0;            var p41600Side = [];            var p41600Canvas = [];            var p41600CanvasCtx = [];            var p41600Img = [];            var p41600Script;            var p41600isAndroid = navigator.userAgent.toLowerCase().indexOf("android") > -1;            var p41600isAndroid2x = navigator.userAgent.toLowerCase().indexOf("android 2") > -1;            var p41600isAndroid40 = navigator.userAgent.toLowerCase().indexOf("android 4.0") > -1;            var p41600isAndroidFB = false;            var p41600ActSide;            var p41600ActImage = 0;            var p41600AllImagesLoaded = false;            window.setTimeout(p41600Start, 100);            function p41600Start() {                if (p41600isAndroid2x || p41600isAndroid40)                    p41600isAndroidFB = true;                p41600SwipeArea = document.getElementById("p41600_revolve_area");                p41600Cube = document.getElementById("p41600_cube");                for (var i = 0; i < P_41600_NoOfImages; i++)                {                    p41600Img[i] = new Image();                    if (i < 2 || i == P_41600_NoOfImages - 1) {                        p41600Img[i].onload = p41600ImgLoaded;                        p41600Img[i].src = "http://mds.pliing.com/se/ImgRiz/unilever/" + P_41600_Img[i];                    }                }            }            function p41600ImgLoaded() {                if (p41600LoadedImages == 0) {                    if (p41600isAndroidFB) {                        document.getElementById("p41600_img_swipe").style.webkitTransform = "translate3d(0px,0px,0px)";                        document.getElementById("p41600_cube_area").style.webkitTransform = "translate3d(0px,0px,0px)";                        p41600SwipeArea.style.overflow = "hidden";                        for (var i = 0; i < 4; i++) {                            p41600Side[i] = document.getElementById("p41600_side_" + i);                            p41600Side[i].style.webkitTransition = "all 0.5s ease-out";                            if (i == 0)                                p41600Side[i].style.opacity = "1.0";                            else                                p41600Side[i].style.opacity = "0.0";                            if (i == 3)                                p41600Side[i].style.webkitTransform = "translate3d(-320px,0px,0px)";                            else                                p41600Side[i].style.webkitTransform = "translate3d(320px,0px,0px)";                        }                    }                }                p41600LoadedImages++;                if (p41600LoadedImages == 3)                    p41600InitBanner();            }            function p41600InitBanner() {                /* Fetch next set of images */                p41600Img[2].src = "http://mds.pliing.com/se/ImgRiz/unilever/" + P_41600_Img[2];                if (P_41600_NoOfImages > 4)                    p41600Img[3].src = "http://mds.pliing.com/se/ImgRiz/unilever/" + P_41600_Img[3];                if (P_41600_NoOfImages > 5)                    p41600Img[P_41600_NoOfImages - 2].src = "http://mds.pliing.com/se/ImgRiz/unilever/" + P_41600_Img[P_41600_NoOfImages - 2];                if (P_41600_NoOfImages > 6)                    p41600Img[P_41600_NoOfImages - 3].src = "http://mds.pliing.com/se/ImgRiz/unilever/" + P_41600_Img[P_41600_NoOfImages - 3];                /* Init cube canvas */                for (var i = 0; i < 4; i++) {                    p41600Canvas[i] = document.getElementById("p41600_canvas_" + i);                    p41600CanvasCtx[i] = p41600Canvas[i].getContext("2d");                    if (i < 2)                        p41600CanvasCtx[i].drawImage(p41600Img[i], 0, 0, 300, 300);                    else if (i == 3)                        p41600CanvasCtx[i].drawImage(p41600Img[P_41600_NoOfImages - 1], 0, 0, 300, 300);                }                window.setTimeout(function() {                    p41600AddListener();                    document.getElementById("p41600_img_swipe").style.visibility = "visible";                }, 1200);                if (p41600isAndroidFB) {                    window.scrollBy(0, 1);                    for (var i = 0; i < 4; i++)                        p41600Side[i].style.webkitTransition = "all 0.5s ease-out";                    p41600InitRotAndroid();                }                else                    p41600InitRotiPhone();            }            function p41600InitRotAndroid() {                p41600ActSide = 0;                p41600ARot(1);                window.setTimeout(function() {                    p41600ARot(3)                }, 400);                window.setTimeout(function() {                    p41600ARot(3)                }, 800);                window.setTimeout(function() {                    p41600ARot(1)                }, 1200);            }            function p41600InitRotiPhone() {                p41600Cube.style.webkitTransform = "rotateY(-90deg)";                window.setTimeout(function() {                    p41600Cube.style.webkitTransform = "rotateY(0deg)";                }, 400);                window.setTimeout(function() {                    p41600Cube.style.webkitTransform = "rotateY(90deg)";                }, 800);                window.setTimeout(function() {                    p41600Cube.style.webkitTransform = "rotateY(0deg)";                }, 1200);            }            function p41600ARot(rot) {                var i = (p41600ActSide + rot) % 4;                p41600ActSide = i;                p41600Side[i].style.opacity = "1.0";                p41600Side[i].style.webkitTransform = "translate(0px,0px)";                p41600Side[(i + 1) % 4].style.opacity = "0.0";                p41600Side[(i + 1) % 4].style.webkitTransform = "translate(320px,0px)";                p41600Side[(i + 2) % 4].style.opacity = "0.0";                p41600Side[(i + 2) % 4].style.webkitTransform = "translate(320px,320px)";                p41600Side[(i + 3) % 4].style.opacity = "0.0";                p41600Side[(i + 3) % 4].style.webkitTransform = "translate(-320px,0px)";            }            function p41600SwipeLeft() {                if (!p41600isAndroidFB) {                    var i = p41600RotAng % 360;                    if (i == 0)                        p41600ActSide = 0;                    else if (i == -90 || i == 270)                        p41600ActSide = 1;                    else if (i == -180 || i == 180)                        p41600ActSide = 2;                    else                        p41600ActSide = 3;                }                p41600ActImage = (p41600ActImage + 1) % P_41600_NoOfImages;                var nxtImgToLoad = (p41600ActImage + 1) % P_41600_NoOfImages;                var nxtImgToFetch = (p41600ActImage + 3) % P_41600_NoOfImages;                if (p41600Img[nxtImgToFetch].src == "") {                    p41600Img[nxtImgToFetch].src = "http://mds.pliing.com/se/ImgRiz/unilever/" + P_41600_Img[nxtImgToFetch];                }                if (p41600Img[nxtImgToLoad].complete) {                    p41600CanvasCtx[(p41600ActSide + 2) % 4].drawImage(p41600Img[nxtImgToLoad], 0, 0, 300, 300);                    if (p41600isAndroidFB)                        p41600ARot(1);                    else {                        p41600RotAng = p41600RotAng - 90;                        p41600Cube.style.webkitTransform = "rotateY(" + p41600RotAng + "deg)";                    }                }                else {                    if (p41600isAndroidFB)                        p41600ARot(0);                    else {                        p41600Cube.style.webkitTransform = "rotateY(" + p41600RotAng + "deg)";                    }                }            }            function p41600SwipeRight() {                if (!p41600isAndroidFB) {                    var i = p41600RotAng % 360;                    if (i == 0)                        p41600ActSide = 0;                    else if (i == -90 || i == 270)                        p41600ActSide = 1;                    else if (i == -180 || i == 180)                        p41600ActSide = 2;                    else                        p41600ActSide = 3;                }                p41600ActImage = (p41600ActImage + P_41600_NoOfImages - 1) % P_41600_NoOfImages;                var nxtImgToLoad = (p41600ActImage + P_41600_NoOfImages - 1) % P_41600_NoOfImages;                var nxtImgToFetch = (p41600ActImage + P_41600_NoOfImages - 3) % P_41600_NoOfImages;                if (p41600Img[nxtImgToFetch].src == "")                    p41600Img[nxtImgToFetch].src = "http://mds.pliing.com/se/ImgRiz/unilever/" + P_41600_Img[nxtImgToFetch];                if (p41600Img[nxtImgToLoad].complete) {                    p41600CanvasCtx[(p41600ActSide + 2) % 4].drawImage(p41600Img[nxtImgToLoad], 0, 0, 300, 300);                    if (p41600isAndroidFB)                        p41600ARot(3);                    else {                        p41600RotAng = p41600RotAng + 90;                        p41600Cube.style.webkitTransform = "rotateY(" + p41600RotAng + "deg)";                    }                }                else {                    if (p41600isAndroidFB)                        p41600ARot(0);                    else {                        p41600Cube.style.webkitTransform = "rotateY(" + p41600RotAng + "deg)";                    }                }            }            function p41600AddListener()            {                p41600SwipeArea.addEventListener("touchstart", p41600TouchStart, false);                p41600SwipeArea.addEventListener("touchmove", p41600TouchMove, false);                p41600SwipeArea.addEventListener("touchend", p41600TouchEnd, false);            }            function p41600RemoveListener(e)            {                e.removeEventListener("touchstart", p41600TouchStart, false);                e.removeEventListener("touchmove", p41600TouchMove, false);                e.removeEventListener("touchend", p41600TouchEnd, false);            }            function p41600TouchStart(e)            {                p41600StartX = e.touches[0].pageX;                p41600StartY = e.touches[0].pageY;                p41600EndX = 0;            }            function p41600TouchMove(e)            {                if (Math.abs(e.touches[0].pageX - p41600StartX) > Math.abs(e.touches[0].pageY - p41600StartY)) {                    e.preventDefault();                    p41600EndX = e.touches[0].pageX - p41600StartX;                    if (p41600isAndroidFB) {                        var i = p41600ActSide;                        p41600Side[i].style.opacity = 1 - (Math.abs(p41600EndX) / 320);                        p41600Side[i].style.webkitTransform = "translate(" + p41600EndX + "px,0px)";                        if (p41600EndX > 0) {                            p41600Side[(i + 3) % 4].style.opacity = p41600EndX / 320;                            p41600Side[(i + 3) % 4].style.webkitTransform = "translate(" + (p41600EndX - 320) + "px,0px)";                        }                        else {                            p41600Side[(i + 1) % 4].style.opacity = Math.abs(p41600EndX) / 320;                            p41600Side[(i + 1) % 4].style.webkitTransform = "translate(" + (320 + p41600EndX) + "px,0px)";                        }                    }                    else {                        var rot = p41600RotAng + p41600EndX;                        p41600Cube.style.webkitTransform = "rotateY(" + rot + "deg)";                    }                }            }            function p41600TouchEnd(e) {                if (Math.abs(p41600EndX) > 80) {                    document.getElementById("p41600_img_swipe").style.visibility = "hidden";                    p41600RegSwipe();                    if (p41600EndX > 80)                        p41600SwipeRight();                    else if (p41600EndX < -80)                        p41600SwipeLeft();                }                else {                    if (p41600isAndroidFB)                        p41600ARot(0);                    else                        p41600Cube.style.webkitTransform = "rotateY(" + p41600RotAng + "deg)";                }            }            function p41600RegSwipe() {                if (!p41600Swiped) {                    p41600Swiped = true;                    p41600Script = document.createElement(\'script\');                    p41600Script.type = \'text/javascript\';                    p41600Script.src = P_41600_Swipe;                    document.getElementsByTagName(\'head\')[0].appendChild(p41600Script);                }            }            function p41600Resp(xmlData) {                document.getElementsByTagName(\'head\')[0].removeChild(p41600Script);            }            function p41600Loadlink() {                window.open(\'http://pliing.se/PliingAd/ExtLink?id=\' + P_41600_CI[p41600ActImage] + \'&userAdId=3438799245&p1=\' + Math.floor(Math.random() * 99999999), \'_blank\');            }            function p41600SetCookie(name, value, days) {                if (days) {                    var date = new Date();                    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));                    var expires = "; expires=" + date.toGMTString();                }                else                    var expires = "";                document.cookie = name + "=" + value + expires + "; path=/";            }            function p41600ReadCookie(name) {                var nameEQ = name + "=";                var ca = document.cookie.split(\';\');                for (var i = 0; i < ca.length; i++) {                    var c = ca[i];                    while (c.charAt(0) == \' \')                        c = c.substring(1, c.length);                    if (c.indexOf(nameEQ) == 0)                        return c.substring(nameEQ.length, c.length);                }                return null;            }            /**</AdScript>**/        </script>        <!--<AdHTML>-->        <!-- RichMedia Ads, copyright Adssets AB, 2013 -->        <div id="p41600_ad_container" style="position:relative;padding:0px;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;padding-left:0px;width:100%;background-color:#666;">            <div id="p41600_imp_counter" style="position:absolute;z-index:0;top:0px;left:0px;width:1px;height:1px;margin:0px;padding:0px;overflow:hidden;">                <img src="http://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=tf&c=19&mc=imp&pli=8712707&PluID=0&ord=618708&rtu=-1" border="0" width="1" height="1"/>            </div>            <div id="p41600_display_area" style="position:absolute;top:0px;left:0px;width:100%;margin:0px;padding:0px">                <div id="p41600_revolve_area" style="position:absolute;top:0px;left:0px;width:100%;margin:0px;padding:0px;z-index:180;-webkit-perspective: 800;-webkit-transform-style: preserve-3d;">                    <img id="p41600_img_swipe" src="http://pliing.se/img/swipe.png" style="display:block;margin:0px;padding:0px;z-index:110;position:absolute;top:135px;left:80px;width:160px;height:45px;opacity:1.0;visibility:hidden;-webkit-transform: translate3d(0px,0px,10px);"/>                    <div  id="p41600_cube_area" style="margin:0px;padding:0px;z-index:100;position:absolute;top:10px;left:10px;width:300px;height:300px;-webkit-transition: -webkit-transform 1.5s ease-out;-webkit-transform-style: preserve-3d;-webkit-transform: translate3d(0px,0px,-149px);-webkit-transform-style: preserve-3d;">                        <div id="p41600_cube" style="margin:0px;padding:0px;z-index:100;position:absolute;top:0px;left:0px;width:300px;height:300px;-webkit-transition: -webkit-transform 0.5s ease-out;-webkit-transform-style: preserve-3d;">                            <div id="p41600_side_0" style="display:block;margin:0px;padding:0px;position:absolute;top:0px;left:0px;width:300px;height:300px;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0px,0px,150px);-webkit-transform-style: preserve-3d;">                                <canvas id="p41600_canvas_0"  width="300" height="300" style="display:block;margin:0px;padding:0px;z-index:100;position:absolute;top:0px;left:0px;width:300px;height:300px;-webkit-transform: translate3d(0px, 0px, 0px);-webkit-transform-style: preserve-3d;"></canvas>                            </div>                            <div id="p41600_side_1" style="display:block;margin:0px;padding:0px;position:absolute;top:0px;left:0px;width:300px;height:300px;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(150px,0px,0px) rotateY(90deg);-webkit-transform-style: preserve-3d;">                                <canvas id="p41600_canvas_1" width="300" height="300" style="display:block;margin:0px;padding:0px;z-index:100;position:absolute;top:0px;left:0px;width:300px;height:300px;-webkit-transform: translate3d(0px, 0px, 0px);-webkit-transform-style: preserve-3d;"></canvas>                            </div>                            <div id="p41600_side_2" style="display:block;margin:0px;padding:0px;position:absolute;top:0px;left:0px;width:300px;height:300px;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0px,0px,-150px) rotateY(180deg);-webkit-transform-style: preserve-3d;">                                <canvas id="p41600_canvas_2" width="300" height="300" style="display:block;margin:0px;padding:0px;z-index:100;position:absolute;top:0px;left:0px;width:300px;height:300px;-webkit-transform: translate3d(0px, 0px, 0px);-webkit-transform-style: preserve-3d;"></canvas>                            </div>                            <div id="p41600_side_3" style="display:block;margin:0px;padding:0px;position:absolute;top:0px;left:0px;width:300px;height:300px;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(-150px,0px,0px) rotateY(-90deg);-webkit-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;">                                <canvas id="p41600_canvas_3" width="300" height="300" style="display:block;margin:0px;padding:0px;z-index:100;position:absolute;top:0px;left:0px;width:300px;height:300px;-webkit-transform: translate3d(0px, 0px, 0px);-webkit-transform-style: preserve-3d;"></canvas>                            </div>                           </div>                    </div>                </div>            </div>        </div>        <!--</AdHTML>-->        ');