loaded33 = function() { // Position next, control, and prev var width = getWidth(); var prev = document.getElementById('prev22'); if( def(prev) ) prev.style.left = (width-240) + "px"; var control = document.getElementById('control22'); if( def(control) ) control.style.left = (width-220) + "px"; var next = document.getElementById('next22'); if( def(next) ) next.style.left = (width-200) + "px"; addRepos( function() { var width = getWidth(); var prev = document.getElementById('prev22'); if( def(prev) ) prev.style.left = (width-240) + "px"; var control = document.getElementById('control22'); if( def(control) ) control.style.left = (width-220) + "px"; var next = document.getElementById('next22'); if( def(next) ) next.style.left = (width-200) + "px"; }); // Define new object to hold col carousel. if( !def( window.ColCara ) ) { window.ColCara = {}; } // Store header div for future use. ColCara.holder = document.getElementById("holder"); ColCara.holder.style.width = (getWidth()-15)+"px"; // Store header div for future use. ColCara.header = document.getElementById("header"); ColCara.header.style.width = (getWidth()-15)+"px"; ColCara.mainText = document.getElementById("main-text"); ColCara.next = document.getElementById("next22"); ColCara.pause = document.getElementById("control22"); ColCara.prev = document.getElementById("prev22"); ColCara.width = getWidth(); ColCara.prev.style.left = ((ColCara.width/2)-(1200/2)+1000)+"px"; ColCara.next.style.left = ((ColCara.width/2)-(1200/2)+1040)+"px"; ColCara.pause.style.left = ((ColCara.width/2)-(1200/2)+1020)+"px"; ColCara.prev.style.display = "block"; ColCara.next.style.display = "block"; ColCara.pause.style.display = "block"; /** * Repositions the panels of the appliation. * This is called on window.onresize. */ ColCara.repos = function() { ColCara.width = getWidth(); ColCara.holder.style.width = (ColCara.width+-15)+"px"; ColCara.header.style.width = (ColCara.width-15)+"px"; ColCara.next.style.left = ((ColCara.width/2)-(1200/2)+1040)+"px"; ColCara.prev.style.left = ((ColCara.width/2)-(1200/2)+1000)+"px"; ColCara.pause.style.left = ((ColCara.width/2)-(1200/2)+1020)+"px"; ColCara.mainText.style.left = ((ColCara.width/2)-(1200/2)+130)+"px"; }; // ColCara.repos // Add function to list of functions inside window.onresize addRepos( ColCara.repos ); // Store header div for future use. ColCara.header = document.getElementById("header"); // Ad one gets displayed and calls this function. var ad1 = function() { }; // Ad two gets displayed and calls this function. var ad2 = function() { }; ColCara.mainItems = [ { "type": "image", "file": "http://images.catholic.org/carousel/news/20141233461200.jpg", "logo": false, "url": "/carouselClicks.php?t=%DF%8E%C1%EE%0A%16S%0F%FDu%9B%BD%1C%5Dp%D4", "onclick":"window.location='/carouselClicks.php?t=%DF%8E%C1%EE%0A%16S%0F%FDu%9B%BD%1C%5Dp%D4'" }, { "type": "image", "file": "http://images.catholic.org/carousel/news/20150141281200x550.jpg", "logo": false, "url": "/carouselClicks.php?t=d%C0%DFH%AB%C4%18%5B+%B1J%8A%A5w%C4G", "onclick":"window.location='/carouselClicks.php?t=d%C0%DFH%AB%C4%18%5B+%B1J%8A%A5w%C4G'" }, { "type": "image", "file": "http://images.catholic.org/carousel/news/2015032347father_norm_easter_banner_1200__x550.jpg", "logo": false, "url": "/carouselClicks.php?t=%A8%95%1CT%28q%ABm%EF%EF%CB%81K%09d%D4", "onclick":"window.location='/carouselClicks.php?t=%A8%95%1CT%28q%ABm%EF%EF%CB%81K%09d%D4'" }, { "type": "image", "file": "http://images.catholic.org/carousel/news/2014095923bible-ad_1200x550.jpg", "logo": false, "url": "/carouselClicks.php?t=%2C%0D%27%24%96%CF%3A%DBo%B8%0E%C3%AE%F1u%7F", "onclick":"window.location='/carouselClicks.php?t=%2C%0D%27%24%96%CF%3A%DBo%B8%0E%C3%AE%F1u%7F'" }, { "type": "image", "file": "http://images.catholic.org/carousel/news/201502534141-catholic-faith-1200x550.gif", "logo": false, "url": "/carouselClicks.php?t=%25%29%AE%9D-%ED%85%1D%DCE%22br%04%BB%C4", "onclick":"window.location='/carouselClicks.php?t=%25%29%AE%9D-%ED%85%1D%DCE%22br%04%BB%C4'" }, { "type": "image", "file": "http://images.catholic.org/carousel/news/2015022322weisscarousel.jpg", "logo": false, "url": "/carouselClicks.php?t=%7C%29%C0%E8q%A1%1D%F9%0Dr%5C%DB%B8%1Fq%D2", "onclick":"window.location='/carouselClicks.php?t=%7C%29%C0%E8q%A1%1D%F9%0Dr%5C%DB%B8%1Fq%D2'" }, { "type": "image", "file": "http://images.catholic.org/carousel/news/20141032141200.jpg", "logo": false, "url": "/carouselClicks.php?t=%0C%D2%1E-%7E%BB%E8%FA%8D%A4%B5%FE%2Aa%40%5E", "onclick":"window.location='/carouselClicks.php?t=%0C%D2%1E-%7E%BB%E8%FA%8D%A4%B5%FE%2Aa%40%5E'" }, { "type": "image", "file": "http://images.catholic.org/carousel/news/2014070034serve-1200x550-rev2.jpg", "logo": false, "url": "/carouselClicks.php?t=Bx%A0%D4%1B%F6%09%9F%A8%DB%9F%2CS%177%DE", "onclick":"window.location='/carouselClicks.php?t=Bx%A0%D4%1B%F6%09%9F%A8%DB%9F%2CS%177%DE'" }, { "type": "image", "file": "http://images.catholic.org/carousel/news/2014101234carb-trappistcaskets-carouselad-story-1200x550cross.jpg", "logo": false, "url": "/carouselClicks.php?t=%81Srg%16%3D%F1%0C%D7e%B29%10%B4%B4%89", "onclick":"window.location='/carouselClicks.php?t=%81Srg%16%3D%F1%0C%D7e%B29%10%B4%B4%89'" } ]; // Configuration. ColCara.mainConf = { orientation: Carousel.horizontal, logo: false, logoImage: "/images/newcarousel/kn-logo.png", prevOn: "prev-on", pauseOn: "pause-on", playOn: "play-on", nextOn: "next-on", opacity: true, //moveAnimation: 200, //opacityAnimation: { shown: 1.0, hidden: 0.4, duration: 1 }, wait: false, textDiv: "main-text", centered: true, moveArrows: false, changeTime: 5000, videoTime: 15000, mutedVideos: true, carouselWidth: "100%", carouselHeight: 550, panelWidth: 1200, panelHeight: 550, initCallback: null }; // Initialize object. ColCara.mainCarousel = new Carousel( ColCara.header, ColCara.mainConf, ColCara.mainItems ); }; // This adds the function to be called after the page loads. addLoad( loaded33 );