<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>London Kalibari</title> <link href="css/link.css" rel="stylesheet" type="text/css" /> </head> <body> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <script type="text/javascript"> var GB_ROOT_DIR = "greybox/"; </script> <script type="text/javascript" src="greybox/AJS.js"></script> <script type="text/javascript" src="greybox/AJS_fx.js"></script> <script type="text/javascript" src="greybox/gb_scripts.js"></script> <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" /> <tr> <td class="top_bar"> <!--<a href="contact_us.php">Contact Us</a>&nbsp;&nbsp;&nbsp;<a href="#">Site map</a>--></td> </tr> <tr> <td><table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="948" valign="top" bgcolor="#FFFFFF"> <table width="948" border="0" cellspacing="0" cellpadding="0"> <!-- HEADER_BOTTOM TART --> <tr> <td colspan="3" class="header_area"> <div class="header_left"></div> <div class="header_center"></div> <div class="header_right"></div> </td> </tr> <tr> <td height="5" colspan="3"></td> </tr> <tr> <td colspan="3"> <table width="948" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="6"><img src="images/menu_left.jpg" alt="" width="6" height="40" /></td> <td width="937" class="main_tab"> <ul> <li class="current"><a href="index.html"><b>Home</b></a></li> <li class=""><a href="about_us.php"><b>About&nbsp;Us</b></a></li> <li class=""><a href="history.php"><b>History</b></a></li> <!--<li class=""><a href="news.php"><b>News</b></a></li>--> <li class=""><a href="upcoming_events.php"><b>Upcoming&nbsp;Events</b></a></li> <li class=""><a href="past_events.php"><b>Past&nbsp;Events</b></a></li> <li class=""><a href="sponsors.php"><b>Sponsors</b></a></li> <li class=""><a href="photo_gallery.php"><b>Photo&nbsp;Gallery</b></a></li> <li class=""><a href="contact_us.php"><b>Contact&nbsp;Us</b></a></li> </ul> </td> <td width="5"><img src="images/menu_right.jpg" alt="" width="5" height="40" /></td> </tr> </table> </td> </tr> <tr> <td height="4" ></td> </tr> <!-- HEADER_BOTTOM END --> <tr> <td><table width="948" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="610"><table width="601" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="content_box"><table width="593" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td style="padding:4px 0px 2px 0px"><table width="361" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="350" valign="top" bgcolor="#000000"><table width="350" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="19">&nbsp;</td> <td width="14"><img src="images/gallery-icon.jpg" alt="" width="14" height="39" /></td> <td width="317" class="main_heading">Welcome To<span>London Kalibari</span></td> </tr> </table></td> <td width="11"><img src="images/gallery_right_curve.jpg" alt="" width="11" height="39" /></td> </tr> </table></td> </tr> <tr> <td><br><br> <font size=3><b>All welcome to London Kalibari Kali Puja </b> <br> in association with <a href = "http://www.londonsu.org"> London Sharad Utsav</a> <br> <br><P>We have established the London Kalibari Centre from 1 February 2012. The address is: <br><b>18 Byron Road, Wealdstone, Harrow, HA3 7ST</b>. This place has a Hall (to accommodate 50 People), two small rooms, two toilets and a kitchen. <br><br> Harrow Leisure Centre Car Park is Free for first three hours. <br><br> It is very close to Harrow and Wealdstone Bakerloo Line Tube station and also Overland train from: <br> Euston and Watford <br><br> Bus Route: H9, H10, 182, 140, 186 etc from Wealdstone High Road. <br><br> <p>Please <a href="Kalibari_Newsletter.zip">click here to download the Kalibari Newsletter</a> <p>We have meeting as a group every Monday at 1230PM <br><br> <img src="1_IMG_7405.JPG" height=280 width=400></img> <br> <img src="6_IMG_7412.JPG" height=280 width=400></img> <br> <img src="22_IMG_7433.JPG" height=280 width=400></img> <p> 2. It was inaugurated on 20 May 2012 with puja. 140 to 150 people attended. <br><br> 3. We are regularly holding Monday Luncheon Club at 12.30Pm with talks on Indian Heritage, Bhagbat Gita from ISKCON Temple and Vivekananda &amp; Rama Krishna. <br><br> We have Yoga at 1130AM on Monday and at 10AM on Friday <br><br> 4. Yoga Class on every Monday and Thursday from 6.30pm.Parking is free after 6.30Pm not sure about this yoga call us to confirm <br><br> 5. Monthly celebration of Full Moon (Purnima, Satyanarayan) in the evening. <br><br> 6. Monthly celebration of New Moon (Amabashya) in the evening. <br><br> 7. Women s Group is meeting every month from 2,00 to 4.00Pm <br><Br> 8. It is available for renting for meetings and small parties <br><br><br></font> <br> <div class="read_more"> <!--[ <a href="#">read more</a> ]--> </div></td> </tr> </table></td> </tr> <tr> <td><table width="601" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="content_box"><table width="593" border="0" align="right" cellpadding="0" cellspacing="0"> </table></td> </tr> </table></td> </tr> </table></td> <td width="10">&nbsp;</td> <td width="332" valign="top"> <!-- RIGHT PANEL START --> <table width="329" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/video.jpg" alt="" width="329" height="267" /></td> </tr> <tr> <td height="15"></td> </tr> <tr> <td><a href="london_ccp.php"><img src="images/london_kalibari.jpg" alt="" width="329" height="71" border="0" /></a></td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <!--<td><table width="329" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="upcoming_event"><table width="327" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="padding:4px 0px 2px 0px"><table width="251" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="241" class="event_border"><table width="241" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="19">&nbsp;</td> <td width="222" class="event_heading1">Latest <span>News</span></td> </tr> </table></td> <td width="10"><img src="images/yellow.jpg" alt="" width="10" height="39" /></td> </tr> <tr></tr> </table></td> </tr> <tr><td class="news_heading">Lorem ipsum dolor sit amet</td></tr> <tr> <td class="latest_news_text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam </td> <tr> <td class="event_more">[ <a href="#">read more</a> ] </td> </tr> </table></td> </tr> </table></td>--> </tr> </table> <!-- RIGHT PANEL END --> </td> </tr> </table></td> </tr> <!-- FOOTER_TOP START --> <tr> <td height="9"></td> </tr> <tr> <td class="our_sponsors" valign="top"><table width="923" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="9"></td> </tr> <tr> <td><table width="923" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10"><img src="images/our_sponsors_left_curve.jpg" alt="" width="10" height="36" /></td> <td width="903" class="our_sponsors_bg"><div align="center"><img src="images/our_sponsors.jpg" alt="" width="147" height="34" /></div></td> <td width="10"><img src="images/our_sponsors_right_curve.jpg" alt="" width="10" height="36" /></td> </tr> </table></td> </tr> <tr> <td> <!--<div align="center" style="padding-top:17px;"> <table width="50%" border="0" align="center" cellpadding="4" cellspacing="0"> <tr> <td> <a href="http://www.hamptons.co.uk" target="blank"><img src="ad_image/1243281176.jpg" border="0" /></a></td> <td> <a href="http://www.hdfc.com" target="blank"><img src="ad_image/1243281244.gif" border="0" /></a></td> <td> <a href="http://www.candidcommunication.net" target="blank"><img src="ad_image/1243281314.jpg" border="0" /></a></td> <td> <a href="http://http://www.axisbank.com/" target="blank"><img src="ad_image/1265552695.gif" border="0" /></a></td> <td> <a href="http://http://property.magicbricks.com/microsite/PSGroup/company.html" target="blank"><img src="ad_image/1266435191.jpg" border="0" /></a></td> <td> <a href="http://http://www.starananda.in/" target="blank"><img src="ad_image/1266435277.jpg" border="0" /></a></td> <td> <a href="http://http://www.citibank.co.in/" target="blank"><img src="ad_image/1266435376.jpg" border="0" /></a></td> <td> <a href="http://www.icicibank.com" target="blank"><img src="ad_image/1266435562.gif" border="0" /></a></td> </tr> </table> </div>--> <div id="outerContainer"> <div id="imageScroller"> <div id="viewer" class="js-disabled"> <a class="wrapper" href="http://www.hamptons.co.uk" target="blank" title=""><img class="logo" style="border:1px solid #333333 " src="ad_image/1243281176.jpg" alt=""></a>&nbsp; <a class="wrapper" href="http://www.hdfc.com" target="blank" title=""><img class="logo" style="border:1px solid #333333 " src="ad_image/1243281244.gif" alt=""></a>&nbsp; <a class="wrapper" href="http://www.candidcommunication.net" target="blank" title=""><img class="logo" style="border:1px solid #333333 " src="ad_image/1243281314.jpg" alt=""></a>&nbsp; <a class="wrapper" href="http://http://www.axisbank.com/" target="blank" title=""><img class="logo" style="border:1px solid #333333 " src="ad_image/1265552695.gif" alt=""></a>&nbsp; <a class="wrapper" href="http://http://property.magicbricks.com/microsite/PSGroup/company.html" target="blank" title=""><img class="logo" style="border:1px solid #333333 " src="ad_image/1266435191.jpg" alt=""></a>&nbsp; <a class="wrapper" href="http://http://www.starananda.in/" target="blank" title=""><img class="logo" style="border:1px solid #333333 " src="ad_image/1266435277.jpg" alt=""></a>&nbsp; <a class="wrapper" href="http://http://www.citibank.co.in/" target="blank" title=""><img class="logo" style="border:1px solid #333333 " src="ad_image/1266435376.jpg" alt=""></a>&nbsp; <a class="wrapper" href="http://www.icicibank.com" target="blank" title=""><img class="logo" style="border:1px solid #333333 " src="ad_image/1266435562.gif" alt=""></a>&nbsp; </div> </div> </div> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(function() { //remove js-disabled class $("#viewer").removeClass("js-disabled"); //create new container for images $("<div>").attr("id", "container").css({ position:"absolute"}).width($(".wrapper").length * 170).height(170).appendTo("div#viewer"); //add images to container $(".wrapper").each(function() { $(this).appendTo("div#container"); }); //work out duration of anim based on number of images (1 second for each image) var duration = $(".wrapper").length * 3000; //store speed for later (distance / time) var speed = (parseInt($("div#container").width()) + parseInt($("div#viewer").width())) / duration; //set direction var direction = "rtl"; //set initial position and class based on direction (direction == "rtl") ? $("div#container").css("left", $("div#viewer").width()).addClass("rtl") : $("div#container").css("left", 0 - $("div#container").width()).addClass("ltr") ; //animator function var animator = function(el, time, dir) { //which direction to scroll if(dir == "rtl") { //add direction class el.removeClass("ltr").addClass("rtl"); //animate the el el.animate({ left:"-" + el.width() + "px" }, time, "linear", function() { //reset container position $(this).css({ left:$("div#imageScroller").width(), right:"" }); //restart animation animator($(this), duration, "rtl"); //hide controls if visible ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ; }); } else { //add direction class el.removeClass("rtl").addClass("ltr"); //animate the el el.animate({ left:$("div#viewer").width() + "px" }, time, "linear", function() { //reset container position $(this).css({ left:0 - $("div#container").width() }); //restart animation animator($(this), duration, "ltr"); //hide controls if visible ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ; }); } } //start anim animator($("div#container"), duration, direction); //pause on mouseover $("a.wrapper").live("mouseover", function() { //stop anim $("div#container").stop(true); //show controls ($("div#controls").length == 0) ? $("<div>").attr("id", "controls").appendTo("div#outerContainer").css({ opacity:0.7 }).slideDown("slow") : null ; ($("a#rtl").length == 0) ? $("<a>").attr({ id:"rtl", href:"#", title:"rtl" }).appendTo("#controls") : null ; ($("a#ltr").length == 0) ? $("<a>").attr({ id:"ltr", href:"#", title:"ltr" }).appendTo("#controls") : null ; //variable to hold trigger element var title = $(this).attr("title"); //add p if doesn't exist, update it if it does ($("p#title").length == 0) ? $("<p>").attr("id", "title").text(title).appendTo("div#controls") : $("p#title").text(title) ; }); //restart on mouseout $("a.wrapper").live("mouseout", function(e) { //hide controls if not hovering on them (e.relatedTarget == null) ? null : (e.relatedTarget.id != "controls") ? $("div#controls").slideUp("slow").remove() : null ; //work out total travel distance var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width()); //work out distance left to travel var distanceLeft = ($("div#container").hasClass("ltr")) ? totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width())) : totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left")))) ; //new duration is distance left / speed) var newDuration = distanceLeft / speed; //restart anim animator($("div#container"), newDuration, $("div#container").attr("class")); }); //handler for ltr button $("#ltr").live("click", function() { //stop anim $("div#container").stop(true); //swap class names $("div#container").removeClass("rtl").addClass("ltr"); //work out total travel distance var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width()); //work out remaining distance var distanceLeft = totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width())); //new duration is distance left / speed) var newDuration = distanceLeft / speed; //restart anim animator($("div#container"), newDuration, "ltr"); }); //handler for rtl button $("#rtl").live("click", function() { //stop anim $("div#container").stop(true); //swap class names $("div#container").removeClass("ltr").addClass("rtl"); //work out total travel distance var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width()); //work out remaining distance var distanceLeft = totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left")))); //new duration is distance left / speed) var newDuration = distanceLeft / speed; //restart anim animator($("div#container"), newDuration, "rtl"); }); }); </script> </td> </tr> <tr> <td>&nbsp;</td> </tr> </table></td> </tr> <tr> <td height="11"></td> </tr> <tr> <td class="gallery" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="6"></td> </tr> <tr> <td><table width="361" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="350" valign="top" bgcolor="#000000"><table width="350" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="19">&nbsp;</td> <td width="14"><img src="images/gallery-icon.jpg" alt="" width="14" height="39" /></td> <td width="317" class="main_tab1"> <ul> <li id="pglnk" class="current"><a href="javascript:void(0);" onclick="toggleGallery('photo_gallery');"><b>Photo&nbsp;Gallery</b></a></li> <li id="vglnk"><a href="javascript:void(0);" onclick="toggleGallery('video_gallery');"><b>Video&nbsp;Gallery</b></a></li> </ul> </td> </tr> </table></td> <td width="11"><img src="images/gallery_right_curve.jpg" alt="" width="11" height="39" /></td> </tr> </table></td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td><table width="906" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <div id="photo_gallery"> <div style="float:left;margin:5px 5px 5px 0px;"> <a href="http://www.londonkalibari.org.uk/gallery/1265918218.jpg" rel="gb_imageset[gallery_pics]" title="celebration" > <img src="http://www.londonkalibari.org.uk/gallery/thumbnail/1265918218.jpg" alt="" width="72" height="76" border="0" /> </a> </div> <div style="float:left;margin:5px 5px 5px 0px;"> <a href="http://www.londonkalibari.org.uk/gallery/1265918193.jpg" rel="gb_imageset[gallery_pics]" title="kali mata" > <img src="http://www.londonkalibari.org.uk/gallery/thumbnail/1265918193.jpg" alt="" width="72" height="76" border="0" /> </a> </div> <div style="float:left;margin:5px 5px 5px 0px;"> <a href="http://www.londonkalibari.org.uk/gallery/1265918171.jpg" rel="gb_imageset[gallery_pics]" title="kali puja pandal" > <img src="http://www.londonkalibari.org.uk/gallery/thumbnail/1265918171.jpg" alt="" width="72" height="76" border="0" /> </a> </div> <div style="float:left;margin:5px 5px 5px 0px;"> <a href="http://www.londonkalibari.org.uk/gallery/1265918098.jpg" rel="gb_imageset[gallery_pics]" title="kalipujo" > <img src="http://www.londonkalibari.org.uk/gallery/thumbnail/1265918098.jpg" alt="" width="72" height="76" border="0" /> </a> </div> <div style="float:left;margin:5px 5px 5px 0px;"> <a href="http://www.londonkalibari.org.uk/gallery/1265918147.jpg" rel="gb_imageset[gallery_pics]" title="kalipujo2" > <img src="http://www.londonkalibari.org.uk/gallery/thumbnail/1265918147.jpg" alt="" width="72" height="76" border="0" /> </a> </div> <div style="float:left;margin:5px 5px 5px 0px;"> <a href="http://www.londonkalibari.org.uk/gallery/1265918270.jpg" rel="gb_imageset[gallery_pics]" title="ads" > <img src="http://www.londonkalibari.org.uk/gallery/thumbnail/1265918270.jpg" alt="" width="72" height="76" border="0" /> </a> </div> </div> <div id="video_gallery" style="display:none;"> <div style="float:left;margin:5px 5px 5px 0px;"> <a href="show_youtube_video.php?video_id=7" > <img src='http://img.youtube.com/vi/Ur4l1-QBLng/1.jpg' width='130' height='97' border='0' alt='Video screenshot' title='Video screenshot' /> </a> </div> <div style="float:left;margin:5px 5px 5px 0px;"> <a href="show_youtube_video.php?video_id=6" > <img src='http://img.youtube.com/vi/hy_Yxj3bKow/1.jpg' width='130' height='97' border='0' alt='Video screenshot' title='Video screenshot' /> </a> </div> <div style="float:left;margin:5px 5px 5px 0px;"> <a href="show_youtube_video.php?video_id=5" > <img src='http://img.youtube.com/vi/MX9OtR2OBGs/1.jpg' width='130' height='97' border='0' alt='Video screenshot' title='Video screenshot' /> </a> </div> </div> </td> </tr> </table></td> </tr> <tr> <td height="8"></td> </tr> <tr> <td><div class="read_more1" style="width:100px; float:right;"><!--[ <a href="#">read more</a> ]--></div></td> </tr> </table></td> </tr> <tr> <td height="10"></td> </tr> <script language="javascript"> function toggleGallery(val) { if(val=="video_gallery") { document.getElementById("video_gallery").style.display="block"; document.getElementById("photo_gallery").style.display="none"; document.getElementById("vglnk").className="current"; document.getElementById("pglnk").className=""; } if(val=="photo_gallery") { document.getElementById("video_gallery").style.display="none"; document.getElementById("photo_gallery").style.display="block"; document.getElementById("vglnk").className=""; document.getElementById("pglnk").className="current"; } } </script> <!-- FOOTER_TOP END --> </table></td> <td width="26" valign="top" class="right_col">&nbsp;</td> </tr> </table></td> </tr> <!-- FOOTER_BOTTOM START --> <tr> <td class="footer_bg" valign="top"><table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="879" valign="top"><table width="879" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="footer_menu"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about_us.php">About Us</a></li> <li><a href="history.php">History</a></li> <!-- <li><a href="news.php">News</a></li>--> <li><a href="upcoming_events.php">Upcoming Events</a></li> <li><a href="past_events.php">Past Events</a></li> <li><a href="photo_gallery.php">Photo Gallery</a></li> <li><a href="contact_us.php">Contact Us</a></li> </ul> </td> </tr> <tr> <td class="copyright_text">&copy; London Kalibari 2010</td> </tr> </table></td> <td width="121" valign="top"><img src="images/logo.jpg" alt="" width="104" height="59" /></td> </tr> </table></td> </tr> <!-- FOOTER_BOTTOM END --> </table> </body> </html>