var menu1=new Array()

menu1[0]='<a href="index.php" class="nav">Home</a>'
menu1[1]='<a href="about-us.php" class="nav">About Us</a>'
menu1[2]='<a href="facts-of-quran.php" class="nav">Facts of Quran</a>'
menu1[3]='<a href="how-it-works.php" class="nav">How it works</a>'
menu1[4]='<a href="contact-us.php" class="nav">Contact Us</a>'
menu1[5]='<img src="images/topnavfooter.png" alt="manu bottom" width="100%" height="14" />' 

var menu2=new Array()
menu2[0]='<a href="courses.php?crs=47" class="nav">Qaida</a>'
menu2[1]='<a href="courses.php?crs=46" class="nav">Nazira</a>'
menu2[2]='<a href="courses.php?crs=23" class="nav">Hifz</a>'
menu2[3]='<a href="courses.php?prntid=17" class="nav">Tajweed</a>'
menu2[4]='<a href="courses.php?crs=67" class="nav">Classical Arabic Language</a>'
menu2[5]='<a href="courses.php?prntid=15" class="nav">Spoken Arabic Language</a>'
menu2[6]='<img src="images/topnavfooter.png" alt="manu bottom" width="100%" height="14" />' 
 
var menu4=new Array()
menu4[0]='<a href="#" class="nav">Qaida PDF </a>'
menu4[1]='<a href="#" class="nav">Quran PDF</a>'
menu4[2]='<a href="#" class="nav">Quran Audio</a>'
menu4[3]='<a href="#" class="nav">Example Lessions</a>'
menu4[4]='<a href="#" class="nav">Eid Cards</a>'
menu4[5]='<a href="#" class="nav">Islamic Wallpapers</a>'
menu4[6]='<img src="images/topnavfooter.png" alt="manu bottom" width="100%" height="14" />'

var menu6=new Array()
menu6[0]='<a href="#" class="nav">Member Login</a>'
menu6[1]='<a href="#" class="nav">Fee Structure</a>'
menu6[2]='<a href="#" class="nav">Islamic Holidays</a>'
menu6[3]='<a href="#" class="nav">FAQ\'s</a>'
menu6[4]='<a href="#" class="nav">Student Testimonials</a>'
menu6[5]='<a href="#" class="nav">You Can Help</a>'
menu6[6]='<img src="images/topnavfooter.png" alt="manu bottom" width="100%" height="14" />'

var menuwidth='auto !important' //default menu width

var menubgcolor='images/topnavdrpdwnbg.png'  //menu bgcolor

var disappeardelay=300  //menu disappear speed onMouseout (in miliseconds)

var hidemenu_onclick="yes" //hide menu when user clicks within menu?



/////No further editting needed



var ie4=document.all

var ns6=document.getElementById&&!document.all



if (ie4||ns6)

document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-image:url('+menubgcolor+');" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>');	



function getposOffset(what, offsettype){

	var totaloffset=(offsettype=="right")? 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;

	}





	function showhide(obj, e, visible, hidden, menuwidth){

		if (ie4||ns6)

			dropmenuobj.style.left=dropmenuobj.style.top="-500px"

		if (menuwidth!=""){

			dropmenuobj.widthobj=dropmenuobj.style

			dropmenuobj.widthobj.width=menuwidth

		}

		if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")

			obj.visibility=visible;

		else if (e.type=="click")

			obj.visibility=hidden

		}



	function iecompattest(){

		return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

	}



	function clearbrowseredge(obj, whichedge){

		var edgeoffset=0

		if (whichedge=="rightedge"){

		var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

		dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

			if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

				edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth

			}

			else{

		var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset

		var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?

			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

		if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?

			edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge

			}

		}

			return edgeoffset

	}



	function populatemenu(what){

		if (ie4||ns6)

			dropmenuobj.innerHTML=what.join("")

		}





	function dropdownmenu(obj, e, menucontents, menuwidth, selectedfeild, leftmargin){

		if (window.event) event.cancelBubble=true

		else if (e.stopPropagation) e.stopPropagation()

			clearhidemenu()

			dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv

			populatemenu(menucontents)



		if (ie4||ns6){

			showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)



		dropmenuobj.x=getposOffset(obj, "left")

		dropmenuobj.y=getposOffset(obj, "top")

		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+Number(leftmargin)+"px"

		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

		}
			document.getElementById(selectedfeild).style.background 		= 'url(images/topnavbg.png)';
			document.getElementById(selectedfeild).style.backgroundRepeat 	= 'no-repeat';
			document.getElementById(selectedfeild).style.backgroundPosition = "bottom center";
			
			return clickreturnvalue()

	}



	function clickreturnvalue(){

		if (ie4||ns6) return false

		else 

			return true

	}



	function contains_ns6(a, b) {

		while (b.parentNode)

		if ((b = b.parentNode) == a)

			return true;

			return false;

	}



	function dynamichide(e){

		if (ie4&&!dropmenuobj.contains(e.toElement))

			delayhidemenu()

		else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

			delayhidemenu()

		}



	function hidemenu(e){

		if (typeof dropmenuobj!="undefined"){

			if (ie4||ns6)

		dropmenuobj.style.visibility="hidden"

		}
		
		document.getElementById('mainmenu').style.background 		= '';
		document.getElementById('coursemenu').style.background 		= '';
		document.getElementById('downloadmenu').style.background 	= '';
		document.getElementById('otherlnkmenu').style.background 	= '';
	}



	function delayhidemenu(){

		if (ie4||ns6)

			delayhide=setTimeout("hidemenu()",disappeardelay)
	}



	function clearhidemenu(){

		if (typeof delayhide!="undefined")

			clearTimeout(delayhide)

	}



		if (hidemenu_onclick=="yes")

			document.onclick=hidemenu


function showbannerbysani()
{
		setTimeout('showhidebysani()', 1000);
}

function showhidebysani()
{
		
		document.getElementById("bannerloader").style.display="none";
		document.getElementById("bannerhide").style.visibility  ="visible";
}

/*********************************** jquery Navigation **************************************/