document.write("<table width='207' cellspacing='0' cellpadding='0' border='0' style='border-collapse: collapse' bordercolor='#111111'> <tr> <td class='left'>&nbsp;<img src='images/bullet.gif' width='22' height='18'></td> <td class='left' width='152'><font color='#FFFFFF' face='Verdana, Arial, Helvetica, sans-serif' size='2'><a href='index.htm' class='style1'><font color='#000000'>Home</font></a></font></td> </tr><tr> <td class='left' width='35'>&nbsp;<img src='images/bullet.gif' width='22' height='19'>&nbsp;</td> <td class='left' width='152'><a id='mainMenu' href='#' onMouseover=\"showLayer('div1')\" onMouseout=\"hideLayer('div1')\"><font color='#000000'>Tirthraj Prayag</font></a></td> </tr> <tr> <td class='left' width='35'>&nbsp;<img src='images/bullet.gif' width='22' height='19'>&nbsp;</td> <td class='left' width='152'><a href='#' onMouseover=\"showLayer('div2')\" onMouseout=\"hideLayer('div2')\"><font color='#000000'>Kumbh Darshan</font></a></td> </tr> <tr> <td class='left' width='35'>&nbsp;<img src='images/bullet.gif' width='22' height='19' >&nbsp;</td> <td class='left' width='152'><a href='#' onMouseover=\"showLayer('div3')\" onMouseout=\"hideLayer('div3')\"><font color='#000000'>Divine Sangam</font></a></td> </tr> <tr> <td class='left' width='35'>&nbsp;<img src='images/bullet.gif' width='22' height='19' ></td> <td class='left' width='152'><a href='#' onMouseover=\"showLayer('div4')\" onMouseout=\"hideLayer('div4')\"><font color='#000000'>About Allahabad</font></a></td> </tr> <tr> <td class='left' width='35'>&nbsp;<img src='images/bullet.gif' width='22' height='19' ></td> <td class='left' width='152'><a href='#' onMouseover=\"showLayer('div5')\" onMouseout=\"hideLayer('div5')\"><font color='#000000'>Mela Information</font></a></td> </tr> <tr> <td class='left' width='35'>&nbsp;<img src='images/bullet.gif' width='22' height='19' ></td> <td class='left' width='152'><a href='#' onMouseover=\"showLayer('div9')\" onMouseout=\"hideLayer('div9')\"><font color='#000000'>Tourist Places&nbsp;</font></a></td> </tr> <tr> <td class='left' width='35'>&nbsp;<img src='images/bullet.gif' width='22' height='19' >&nbsp;</td> <td class='left' width='152'><a href='#' onMouseover=\"showLayer('div7')\" onMouseout=\"hideLayer('div7')\"><font color='#000000'>Utility Services</font></a></td> </tr>  <tr> <td class='left'>&nbsp;<img src='images/bullet.gif' width='22' height='19'></td> <td class='left' width='152'><font color='#FFFFFF' face='Verdana, Arial, Helvetica, sans-serif' size='2'><a href='photo_gallery.htm' class='style1'><font color='#000000'>Photo Gallery</font></a></font></td> </tr> <tr> <td class='left'>&nbsp;<img src='images/bullet.gif' width='22' height='19'></td> <td class='left' width='152'><font color='#FFFFFF' face='Verdana, Arial, Helvetica, sans-serif' size='2'><a href=\"javascript:void(onClick=window.open('mela_map.htm','','toolbar=0,left=0,top=0,menubar=0,statusbar=0,scrollbars=0,height=560,width=800'))\" class='style1'><font color='#000000'>Mela Map</font></a></font></td> </tr> <tr> <td class='left'>&nbsp;<img src='images/bullet.gif' width='22' height='19'></td> <td class='left' width='152'><font color='#FFFFFF' face='Verdana, Arial, Helvetica, sans-serif' size='2'><a href='#' onMouseover=\"showLayer('div15')\" onMouseout=\"hideLayer('div15')\" ><font color='#000000'>Media</font></a></font></td> </tr> <tr> <td class='left' width='35'>&nbsp;<img src='images/bullet.gif' width='22' height='19' >&nbsp;</td> <td class='left' width='152'><a href='#' onMouseover=\"showLayer('div13')\" onMouseout=\"hideLayer('div13')\"><font color='#000000'>Travel&nbsp;</font></a></td> </tr> </table>")



function showLayer(layerName) {

	var pLeft;
	pLeft = getposOffset(document.getElementById('mainMenu'), 'left');
	document.getElementById(layerName).style.display = '';
	
	if(layerName == 'div13' || layerName == 'div15')
		document.getElementById(layerName).style.left = pLeft + 49;
	else if(layerName == 'div8' || layerName == 'div9_' || layerName == 'div10' || layerName == 'div11' || layerName == 'div12')
		document.getElementById(layerName).style.left = pLeft + 250;
	else if(layerName == 'div17'  )
		document.getElementById(layerName).style.left = pLeft + 150;
	else
		document.getElementById(layerName).style.left = pLeft + 100;

}

function hideLayer(layerName) {
	document.getElementById(layerName).style.display = 'none';
}



function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null)
	{
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}


document.write("<div id=div1 onmouseout=javascript:void(hideLayer('div1')) onmouseover=javascript:void(showLayer('div1')) style=\"position:absolute; top: 230px; display: 'none'\">"+
"<A HREF='significance.htm' class=leftdrop><font color='#000000'>Significance</font></A>"+
"<A HREF='pilgrimage.htm' class=leftdrop><font color='#000000'>Pilgrimages of Prayag</font></A>"+
"<A HREF='area.htm' class=leftdrop><font color='#000000'>Area and Its Expansion</font></A>"+
"<A HREF='kalpavaas.htm' class=leftdrop><font color='#000000'>Kalpvaas</font></A>"+
"</div>");

document.write("<div id=div2 onmouseout=javascript:void(hideLayer('div2')) onmouseover=javascript:void(showLayer('div2')) style=\"position:absolute; top: 245px; display: 'none'\">"+
"<A HREF='introduction.htm' class=leftdrop><font color='#000000'>Introduction</font></A>"+
"<A HREF='historical_vision.htm' class=leftdrop><font color='#000000'>History</font></A>"+
"<A HREF='astrological_cycle.htm' class=leftdrop><font color='#000000'>Astrological View</font></A>"+
"<A HREF='cycle_kumbh_festival.htm' class=leftdrop><font color='#000000'>Kumbh Fair</font></A>"+
"<A HREF='geographical_interpretation.htm' class=leftdrop><font color='#000000'>Kumbh Festival or Mini India</font></A>"+
"<A HREF='prayagwal.htm' class=leftdrop><font color='#000000'>Tirth Purohit/Prayagwal</font></A>"+
"</div>");


document.write("<div id=div3 onmouseout=javascript:void(hideLayer('div3')) onmouseover=javascript:void(showLayer('div3')) style=\"position:absolute; top: 265px; display: 'none'\">"+
"<A HREF='ganga.htm' class=leftdrop><font color='#000000'>Ganga</font></A>"+
"<A HREF='yamuna.htm' class=leftdrop><font color='#000000'>Yamuna</font></A>"+
"<A HREF='sarasvati.htm' class=leftdrop><font color='#000000'>Saraswati</font></A>"+
"<A HREF='sangam_allahabad.htm' class=leftdrop><font color='#000000'>Sangam</font></A>"+
"</div>");




document.write("<div id=div4 onmouseout=javascript:void(hideLayer('div4')) onmouseover=javascript:void(showLayer('div4')) style=\"position:absolute; top: 297px; display: 'none'\">"+
"<A HREF='city_map.htm' class=leftdrop><font color='#000000'>City Map</font></A>"+
"<A HREF='history_allahabad.htm' class=leftdrop><font color='#000000'>City History</font></A>"+
"</div>");



document.write("<div id=div5 onmouseout=javascript:void(hideLayer('div5')) onmouseover=javascript:void(showLayer('div5')) style=\"position:absolute; top: 297px; display: 'none'\">"+
"<A HREF='mela_area.htm' class=leftdrop><font color='#000000'>Mela Area</font></A>"+
"<A HREF='budget_allocation.htm' class=leftdrop><font color='#000000'>Budget Allocation</font></A>"+
"<A HREF='holy_dip_schedule.htm' class=leftdrop><font color='#000000'>Holy Dip Schedule</font></A>"+
"<A href=\"\" onMouseover=\"showLayer('div12')\" onMouseout=\"hideLayer('div12')\" class=leftdrop><font color='#000000'>Mela Administration »</font></A>"+
"</div>");


//document.write("<div id=div6 onmouseout=javascript:void(hideLayer('div6')) onmouseover=javascript:void(showLayer('div6')) style=\"position:absolute; top: 298px; display: 'none'\">"+
//"<A href=\"\" onMouseover=\"showLayer('div8')\" onMouseout=\"hideLayer('div8')\" class=leftdrop>In Allahabad »</A>"+
//"<A href=\"\" onMouseover=\"showLayer('div9')\" onMouseout=\"hideLayer('div9')\" class=leftdrop>Around Allahabad »</A>"+
//"</div>");


document.write("<div id=div7 onmouseout=javascript:void(hideLayer('div7')) onmouseover=javascript:void(showLayer('div7')) style=\"position:absolute; top: 349px; display: 'none'\">"+
"<A href=\"\" onMouseover=\"showLayer('div10')\" onMouseout=\"hideLayer('div10')\" class=leftdrop><font color='#000000'>In Mela Area »</font></A>"+
"<A href=\"\" onMouseover=\"showLayer('div11')\" onMouseout=\"hideLayer('div11')\" class=leftdrop><font color='#000000'>In Allahabad »</font></A>"+
"</div>");



document.write("<div id=div8 onmouseout=javascript:void(hideLayer('div8'),hideLayer('div6')) onmouseover=javascript:void(showLayer('div8'),showLayer('div6')) style=\"position:absolute;left:50; top: 303px; display: 'none'\">"+
"<A HREF='holy_tourist.htm' class=leftdrop><font color='#000000'>Holy and Tourist Places</font></A>"+
"<A HREF='bank_ganga.htm' class=leftdrop><font color='#000000'>Across Ganga</font></A>"+
"<A HREF='bank_yamuna.htm' class=leftdrop><font color='#000000'>Across Yamuna</font></A>"+
"<A HREF='places_city.htm' class=leftdrop><font color='#000000'>Places in City</font></A>"+
"</div>");


//document.write("<div id=div9 onmouseout=javascript:void(hideLayer('div9'),hideLayer('div6')) onmouseover=javascript:void(showLayer('div9'),showLayer('div6')) style=\"position:absolute;left:50; top: 324px; display: 'none'\">"+
//"<A HREF='varanasi.htm' class=leftdrop>Varanasi</A>"+
//"<A HREF='vindhayachal.htm' class=leftdrop>Vidhyachal</A>"+
//"<A HREF='sitamadi.htm' class=leftdrop>Sitamadi</A>"+
//"<A HREF='ayodhya.htm' class=leftdrop>Ayodhya</A>"+
//"</div>");

document.write("<div id=div9 onmouseout=javascript:void(hideLayer('div9')) onmouseover=javascript:void(showLayer('div9')) style=\"position:absolute;left:50; top: 328px; display: 'none'\">"+
"<A HREF='varanasi.htm' class=leftdrop><font color='#000000'>Varanasi</font></A>"+
"<A HREF='vindhayachal.htm' class=leftdrop><font color='#000000'>Vidhyachal</font></A>"+
"<A HREF='sitamadi.htm' class=leftdrop><font color='#000000'>Sitamadi</font></A>"+
"<A HREF='ayodhya.htm' class=leftdrop><font color='#000000'>Ayodhya</font></A>"+
"</div>");




document.write("<div id=div10 onmouseout=javascript:void(hideLayer('div10'),hideLayer('div7')) onmouseover=javascript:void(showLayer('div10'),showLayer('div7')) style=\"position:absolute;left:50; top: 324px; display: 'none'\">"+
"<A HREF='roadways.htm' class=leftdrop><font color='#000000'>Roadways</font></A>"+
"<A HREF='railways.htm' class=leftdrop><font color='#000000'>Railways</font></A>"+
"<A HREF='hospitals_mela.htm' class=leftdrop><font color='#000000'>Hospitals</font></A>"+
"<A HREF='imp_numbers.htm' class=leftdrop><font color='#000000'>Important Numbers</font></A>"+
"</div>");


document.write("<div id=div11 onmouseout=javascript:void(hideLayer('div11'),hideLayer('div7')) onmouseover=javascript:void(showLayer('div11'),showLayer('div7')) style=\"position:absolute;left:50; top: 345px; display: 'none'\">"+
"<A HREF='train_info.htm' class=leftdrop><font color='#000000'>Train Information</font></A>"+
"<A HREF='bus_info.htm' class=leftdrop><font color='#000000'>Bus Information</font></A>"+
"<A HREF='hospitals.htm' class=leftdrop><font color='#000000'>Hospitals</font></A>"+
"<A HREF='hotel.htm' class=leftdrop><font color='#000000'>Hotels</font></A>"+
"<A HREF='cinema.htm' class=leftdrop><font color='#000000'>Cinema Halls</font></A>"+
"<A HREF='diagnostic_centre.htm' class=leftdrop><font color='#000000'>Diagnostic Centres</font></A>"+
"<A HREF='travel.htm' class=leftdrop><font color='#000000'>Travel Agents</font></A>"+
"<A HREF='imp.htm' class=leftdrop><font color='#000000'>Important Numbers</font></A>"+
"<A HREF='light_map.htm' class=leftdrop><font color='#000000'>High Mast Light</font></A>"+
"<A HREF='http://www.sahajdental.com' target=_blank class=leftdrop><font color='#000000'>Dental Tourism</font></A>"+
"<A HREF='http://www.rudraksha-world.com' target=_blank class=leftdrop><font color='#000000'>Rudraksha & Spiritual Items</font></A>"+
"</div>");



document.write("<div id=div12 onmouseout=javascript:void(hideLayer('div12'),hideLayer('div5')) onmouseover=javascript:void(showLayer('div12'),showLayer('div5')) style=\"position:absolute;left:50; top: 345px; display: 'none'\">"+
"<A HREF='pwd.htm' class=leftdrop><font color='#000000'>PWD</font></A>"+
"<A HREF='water.htm' class=leftdrop><font color='#000000'>Water</font></A>"+
"<A HREF='electricity.htm' class=leftdrop><font color='#000000'>Electricity</font></A>"+
"<A HREF='health.htm' class=leftdrop><font color='#000000'>Health</font></A>"+
"<A HREF='police.htm' class=leftdrop><font color='#000000'>Police</font></A>"+
"<A HREF='boat_rate.htm' class=leftdrop><font color='#000000'>Boat Rate</font></A>"+
"</div>");12/8/2006



document.write("<div id=div13 onmouseout=javascript:void(hideLayer('div13')) onmouseover=javascript:void(showLayer('div13')) style=\"position:absolute; top: 445px; display: 'none'\">"+
"<A HREF='rail.htm' class=leftdrop><font color='#000000'>Railway</font></A>"+
"<A HREF='airlines.htm' class=leftdrop><font color='#000000'>Airlines</font></A>"+
"<A HREF='roadways1.htm' class=leftdrop><font color='#000000'>Roadways</font></A>"+
"</div>");

/*document.write("<div id=div15 onmouseout=javascript:void(hideLayer('div15')) onmouseover=javascript:void(showLayer('div15')) style=\"position:absolute; top: 400px; display: 'none'\">"+
"<table border='1' bordercolor='#008000' style='border-collapse: collapse' cellpadding='0' cellspacing='0'>"+
"<tr><td bgcolor='#C0C0C0'>"+
"<A HREF='International_Media.htm' class=leftdrop><font color='#000000'>Electronic Media</font></A></tr>"+
"<tr><td bgcolor='#C0C0C0'><A HREF='local_media.htm' class=leftdrop><font color='#000000'>Local Media</font></A></tr>"+
"</table>"+
"</div>");
*/

document.write("<div id=div15 onmouseout=javascript:void(hideLayer('div15')) onmouseover=javascript:void(showLayer('div15')) style=\"position:absolute; top: 425px; display: 'none'\">"+
"<A HREF='Media.htm' class=leftdrop><font color='#000000'>Electronic Media</font></A>"+
"<A HREF='local_media.htm' class=leftdrop><font color='#000000'>Local Media</font></A>"+
"<A HREF='camp_allotment.htm' class=leftdrop><font color='#000000'>Camp Allotment</font></A>"+
"<A href=\"\" onMouseover=\"showLayer('div17')\" onMouseout=\"hideLayer('div17')\" class=leftdrop><font color='#000000'>Pass Details »</font></A>"+
"</div>");

document.write("<div id=div17 onmouseout=javascript:void(hideLayer('div17'),hideLayer('div15')) onmouseover=javascript:void(showLayer('div17'),showLayer('div15')) style=\"position:absolute; top: 490px; display: 'none'\">"+
"<A HREF='pass_local.htm' class=leftdrop><font color='#000000'>Local Media</font></A>"+
"<A HREF='pass_elec.htm' class=leftdrop><font  color='#000000'>Electronic Media</font></A>"+

"</div>");



hideLayer('div1');
hideLayer('div2');
hideLayer('div3');
hideLayer('div4');
hideLayer('div5');
//hideLayer('div6');
hideLayer('div7');
hideLayer('div8');
hideLayer('div9');
hideLayer('div10');
hideLayer('div11');
hideLayer('div12');
hideLayer('div13');
hideLayer('div14');
hideLayer('div15');

