window.addEvent("domready", function() { var load_count = 1; //var current_link = $("link1"); $("scroll_inner").setStyle("opacity", "0"); var item_1 = document.createElement("img"); item_1.setAttribute("src", "http://www.bourne-intl.co.uk/uploads/images/banners/onlinecatalogue.jpg?id=" + $time()); item_1.setAttribute("id", "item_1"); item_1.setAttribute("className", "item"); item_1.setAttribute("width", "185"); item_1.setAttribute("height", "118"); $("scroll_inner").appendChild(item_1); $("item_1").addEvent('mouseover', function(event) { event = new Event(event).stop(); document.getElementById("item_1").style.cursor = "pointer"; }); $("item_1").addEvent('click', function(event) { $clear(timer); event = new Event(event).stop(); window.open('http://www.bourne.promosite.co.uk/',''); }); $("item_1").addEvent('load', function() { $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0); var item_2 = document.createElement("img"); item_2.setAttribute("src", "http://www.bourne-intl.co.uk/uploads/images/banners/freshideas_1.jpg?id=" + $time()); item_2.setAttribute("id", "item_2"); item_2.setAttribute("className", "item"); item_2.setAttribute("width", "185"); item_2.setAttribute("height", "118"); $("scroll_inner").appendChild(item_2); $("item_2").addEvent("load", check_all_loaded); //Change cursor to pointer on mouseover $("item_2").addEvent('mouseover', function(event) { event = new Event(event).stop(); document.getElementById("item_2").style.cursor = "pointer"; }); //This is the code that generates the link $("item_2").addEvent('click', function(event) { $clear(timer); event = new Event(event).stop(); window.location.href='../main/fresh_promotional_gift_ideas.php'; }); $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0); var item_3 = document.createElement("img"); item_3.setAttribute("src", "http://www.bourne-intl.co.uk/uploads/images/banners/catalogue_2.jpg?id=" + $time()); item_3.setAttribute("id", "item_3"); item_3.setAttribute("className", "item"); item_3.setAttribute("width", "185"); item_3.setAttribute("height", "118"); $("scroll_inner").appendChild(item_3); $("item_3").addEvent("load", check_all_loaded); //Change cursor to pointer on mouseover $("item_3").addEvent('mouseover', function(event) { event = new Event(event).stop(); document.getElementById("item_3").style.cursor = "pointer"; }); //This is the code that generates the link $("item_3").addEvent('click', function(event) { $clear(timer); event = new Event(event).stop(); window.location.href='../main/request_brochure.php'; }); $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0); var item_4 = document.createElement("img"); item_4.setAttribute("src", "http://www.bourne-intl.co.uk/uploads/images/banners/ecofriendly.jpg?id=" + $time()); item_4.setAttribute("id", "item_4"); item_4.setAttribute("className", "item"); item_4.setAttribute("width", "185"); item_4.setAttribute("height", "118"); $("scroll_inner").appendChild(item_4); $("item_4").addEvent("load", check_all_loaded); //Change cursor to pointer on mouseover $("item_4").addEvent('mouseover', function(event) { event = new Event(event).stop(); document.getElementById("item_4").style.cursor = "pointer"; }); //This is the code that generates the link $("item_4").addEvent('click', function(event) { $clear(timer); event = new Event(event).stop(); window.location.href='../main/eco_friendly_promotional_gifts.php'; }); }); function check_all_loaded() { load_count++; if(load_count >= 4) { var scroll = new Fx.Scroll("scroll_wrapper", { wait: false, duration: 500, wheelStops: false, transition: Fx.Transitions.Quad.easeInOut }); // make sure we are on the first frame scroll.toElement("item_1"); var index = 1; var timer = window.setInterval(function() { index++; if(index > 4) index = 1; //current_link.className = ""; //$("link" + index).className = "active_link"; //current_link = $("link" + index); scroll.toElement("item_" + index); }, 4000); /*$("link1").addEvent("click", function(event) { $clear(timer); event = new Event(event).stop(); //current_link.className = ""; //$("link1").className = "active_link"; //current_link = $("link1"); scroll.toElement("item_1"); });*/ /*$("link2").addEvent("click", function(event) { $clear(timer); event = new Event(event).stop(); //current_link.className = ""; //$("link2").className = "active_link"; //current_link = $("link2"); scroll.toElement("item_2"); });*/ /*$("link3").addEvent("click", function(event) { $clear(timer); event = new Event(event).stop(); //current_link.className = ""; //$("link3").className = "active_link"; //current_link = $("link3"); scroll.toElement("item_3"); });*/ /*$("link4").addEvent("click", function(event) { $clear(timer); event = new Event(event).stop(); //current_link.className = ""; //$("link4").className = "active_link"; //current_link = $("link4"); scroll.toElement("item_4"); });*/ $("scroll_links").setStyle("opacity", 0); $("scroll_links").setStyle("display", "block"); $("scroll_links").effect("opacity", {duration: 1000}).start(0.0, 1.0); } } });