ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Hainault Road Baptist Church </title> <meta name="author" content="william randall hainault road baptist church leyton" /> <meta name="keywords" content="Leyton hainault road, leyton, baptist church, church, leytonstone, Leyton" /> <meta name="description" content="Hainault road baptist church is situated in leyton and welcomes people from all walks of life through its doors. We would be more than happy to have you come join us on Sundays or on any of the activities that we put on throughout the week." /> <meta name="google-site-verification" content="MKQTbyb3yytb1uPMB_nrBmODdUW8gsDfOM3UwjqDkgs" /> <link href="styles/hainault.css" type="text/css" rel="stylesheet" media="screen" /> <script type="text/javascript" src="carousel/js/jquery-1.3.1.min.js"></script> <script type="text/javascript" > $(document).ready(function(){ $('div#services').addClass('clearfix'); //Execute the slideShow, set 6 seconds for each images slideShow(6000); }); function slideShow(speed) { //append a LI item to the UL list for displaying caption $('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>'); //Set the opacity of all images to 0 $('ul.slideshow li').css({opacity: 0.0}); //Get the first image and display it (set it to full opacity) $('ul.slideshow li:first').css({opacity: 1.0}); //Get the caption of the first image from REL attribute and display it $('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title')); $('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt')); //Display the caption $('#slideshow-caption').css({opacity: 0.7, bottom:0}); //Call the gallery function to run the slideshow var timer = setInterval('gallery()',speed); //pause the slideshow on mouse over $('ul.slideshow').hover( function () { clearInterval(timer); }, function () { timer = setInterval('gallery()',speed); } ); } function gallery() { //if no IMGs have the show class, grab the first image var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first')); //Get next image, if it reached the end of the slideshow, rotate it back to the first image var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first')); //Get next image caption var title = next.find('img').attr('title'); var desc = next.find('img').attr('alt'); //Set the fade in effect for the next image, show class has higher z-index next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000); //Hide the caption first, and then set and display the caption $('#slideshow-caption').slideToggle(300, function () { $('#slideshow-caption h3').html(title); $('#slideshow-caption p').html(desc); $('#slideshow-caption').slideToggle(500); }); //Hide the current image current.animate({opacity: 0.0}, 1000).removeClass('show'); } </script> </head> <body id="home"> <div id="header"> <div id="logo_area"> <a href="index.html"><h1 id="logo"> Hainault Road Baptist Church Leyton </h1> </a> <div id="services" > <h3>Service Times</h3> <ul id="service_times"> <li><span>Sunday Morning:&nbsp; <em>10:45am</em></span><span class="sub"> (with Sunday school for children)</span> </li> <li><span>Sunday Evening:&nbsp; <em>5:00pm</em></span><span class="sub"> (not first Sunday of month)</span> </li> </ul> </div> </div> <div id="divide"></div> </div><!-- End Header --> <div id="nav" class="clearfix"> <ul id="menu"> <li><a href="index.html" id="homelink" title="Hainault Road home page">Home</a></li> <li><a href="ourfaith.html" id="faithlink" title="Read about what we believe as Christians">Our Faith</a></li> <li><a href="activities.html" id="eventslink" title="Find out what goes on at Hainault Road">Activities</a></li> <li><a href="comingsoon.html" id="upcominglink" title="Find out what events we have coming up">Coming soon </a></li> <li><a href="recentevents.html" id="newslink" title="Read all about the latest news">Recent Events</a></li> <li><a href="media/sermons/sermons.php" id="sermonslink" title="Download our sermons from the morning and evening services">Sermons</a></li> <li><a href="find.html" id="findlink" title="Find our church">Find Us</a></li> <li><a href="contact.php" id="contactlink" title="Get in touch by contacting us on the below email addresses">Contact Us</a></li> </ul> </div><!-- End Navigation --> <div id="wrapper"> <div id="main"> <div id="welcome"> <div id="welcome_text" > <p><span id="dropcap"></span>elcome to Hainault Road Baptist Church in Leyton, East London. We are a friendly, loving church where we hope you will feel able to worship God and feel very much at home.</p> </div> <img src="images/will-haze-church.png" alt="William and Hazel and the church congregation photos"/> </div> <div id="sidebar"> <ul class="slideshow"> <li class="show"><a href="ourfaith.html"><img src="carousel/images/churchservice400x300.jpg" alt="Church Service"/></a></li> <li><a href="../recentevents.html"><img src="carousel/images/pancakeparty4.jpg" alt="Pancake Party"/></a></li> <li><a href="../comingsoon.html"><img src="carousel/images/hbcabbotspark.jpg" alt="Holiday Bible Club"/></a></li> <li><a href="../ourfaith.html"><img src="carousel/images/openairmeeting.jpg" alt="Open Air Meeting"/></a></li> <li><a href="../activities.html"><img src="carousel/images/lunchclub.jpg" alt="Lunch Club"/></a></li> <li><a href="../activities.html"><img src="carousel/images/mumandtot.jpg" alt="Mother and Toddlers"/></a></li> <li><a href="../activities.html"><img src="carousel/images/youngpeoplesbarbecue.jpg" alt="Young People's Barbecue"/></a></li> <li><a href="../recentevents.html"><img src="carousel/images/mensdinner.jpg" alt="Mens dinner"/></a></li> <li><a href="../activities.html"><img src="carousel/images/youngpeoplesband.jpg" alt="Young People's band"/></a></li> <li><a href="../recentevents.html"><img src="carousel/images/football1-400x300.jpg" alt="Football Training"/></a></li> <li><a href="#"><img src="carousel/images/comeandjoinus.jpg" alt=""/></a></li> </ul> <p>For further information on all services and events that we hold at Hainault Road and their locations, (we have two buildings), please see the <a href="activities.html " title="Our activities page contains all the details about what we put on at Hainault Road">activities </a> and <a href="find.html">find us</a> pages.</p> </div> <div id="content" class="clearfix"> </div><!-- End Content --> </div><!-- End Main --> </div><!-- End Wrapper --> </body> </html>