//** AnyLink CSS Menu v2.0- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm
//** January 19', 2009: Script Creation date

//**May 23rd, 09': v2.1
	//1) Automatically adds a "selectedanchor" CSS class to the currrently selected anchor link
	//2) For image anchor links, the custom HTML attributes "data-image" and "data-overimage" can be inserted to set the anchor's default and over images.

//**June 1st, 09': v2.2
	//1) Script now runs automatically after DOM has loaded. anylinkcssmenu.init) can now be called in the HEAD section


	if (typeof dd_domreadycheck == "undefined") //global variable to detect if DOM is ready		
	var dd_domreadycheck = false;

	var anylinkcssmenu = {
		menusmap: {},
		preloadimages: [],
		effects: { delayhide: 200, shadow:{enabled:true, opacity:0.3, depth: [5, 5]}, fade:{enabled:true, duration:500}}, //customize menu effects
		dimensions: {},
	
		getoffset:function(what, offsettype){
			return (what.offsetParent)? what[offsettype]+this.getoffset(what.offsetParent, offsettype) : what[offsettype]
		},

		getoffsetof:function(el){
			el._offsets={left:this.getoffset(el, "offsetLeft"), top:this.getoffset(el, "offsetTop"), h: el.offsetHeight}
		},

		getdimensions:function(menu){
			this.dimensions={anchorw:menu.anchorobj.offsetWidth, anchorh:menu.anchorobj.offsetHeight,
				docwidth:(window.innerWidth   || this.standardbody.clientWidth)-20,
				docheight:(window.innerHeight || this.standardbody.clientHeight)-15,
				docscrollx:window.pageXOffset || this.standardbody.scrollLeft,
				docscrolly:window.pageYOffset || this.standardbody.scrollTop
			}
			if (!this.dimensions.dropmenuw){
				this.dimensions.dropmenuw=menu.dropmenu.offsetWidth
				this.dimensions.dropmenuh=menu.dropmenu.offsetHeight
			}
		},

		isContained:function(m, e){
			var e=window.event || e
			var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
			while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
			if (c==m)
				return true
			else
				return false
		},
	
		setopacity:function(el, value){
			el.style.opacity=value
			if (typeof el.style.opacity!="string"){ //if it's not a string (ie: number instead), it means property not supported
				el.style.MozOpacity=value
				if (el.filters){
					el.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity="+ value*100 +")"
				}
			}
		},

	showmenu:function(menuid){
		var menu=anylinkcssmenu.menusmap[menuid]
		clearTimeout(menu.hidetimer)
		this.getoffsetof(menu.anchorobj)
		this.getdimensions(menu)
		var posx=menu.anchorobj._offsets.left + (menu.orientation=="lr"? this.dimensions.anchorw : 0) //base x pos
		var posx1=menu.anchorobj._offsets.left + (menu.orientation=="lr"? this.dimensions.anchorw : 0) //base x pos
		var posy=menu.anchorobj._offsets.top+this.dimensions.anchorh - (menu.orientation=="lr"? this.dimensions.anchorh : 0)//base y pos]
		//alert(posx1);
		if (posx+this.dimensions.dropmenuw+this.effects.shadow.depth[0]>this.dimensions.docscrollx+this.dimensions.docwidth){ //drop left instead?
			posx=posx-this.dimensions.dropmenuw + (menu.orientation=="lr"? -this.dimensions.anchorw : this.dimensions.anchorw)
		}
		
		if (posy+this.dimensions.dropmenuh>this.dimensions.docscrolly+this.dimensions.docheight){  //drop up instead?
				posy=Math.max(posy-this.dimensions.dropmenuh - (menu.orientation=="lr"? -this.dimensions.anchorh : this.dimensions.anchorh), this.dimensions.docscrolly) //position above anchor or window's top edge
		}
		
		if (this.effects.fade.enabled){
			this.setopacity(menu.dropmenu, 0) //set opacity to 0 so menu appears hidden initially
			if (this.effects.shadow.enabled)
				this.setopacity(menu.shadow, 0) //set opacity to 0 so shadow appears hidden initially
		}
		

		/**
		 * Get the Url from address bar	
		 * return -> file name or domain name
		*/    		
		/*
		function getFile(str) {
			if("undefined" == typeof(str) ){  
				return str = location.href; 
				// return (str.replace(/.+[\/]([^\/]+)$/,'$1'))} 
			}
		}
		// with no arguments you get back the file name of the page that is currently loaded on the browser 
		var a = getFile();			
		*/
		/*
		* To fix the index page menu and inner page menus, we are checking the file name is index page or not
		* if index page then posy = 295px; else posy = 125px;
		*/		
	/*
		file1  = "http://semlerresearch.com";
		file2  = "http://semlerresearch.com/";		
		
		file3  = "http://www.semlerresearch.com";
		file4  = "http://www.semlerresearch.com/";

		file5  = "http://www.semlerresearch.com/index.html";		
		file6  = "http://www.semlerresearch.com/index.html/";		

		file7  = "http://semlerresearch.com/index.html";		
		file8  = "http://semlerresearch.com/index.html/";

		file9  = "http://www.semlerresearch.com/demo";
		file10 = "http://www.semlerresearch.com/demo/";
		
		file11 = "http://www.semlerresearch.com/demo/index.html";
		file12 = "http://www.semlerresearch.com/demo/index.html/";

		file13 = "http://semlerresearch.com/demo/";
		file14 = "http://semlerresearch.com/demo/index.html";

		file15 = "http://semlerresearch.com/demo/";
		file16 = "http://semlerresearch.com/demo/index.html";

		if( (a == file1) || (a == file2) || (a == file3) || (a == file4) || (a == file5) || (a == file6) || (a == file7) || (a == file8) || (a == file9) || (a == file10) || (a == file11) || (a == file12) || (a == file13) || (a == file14) || (a == file15) || (a == file16)  ) {
			posy = 290; 
		}else{
			posy = 125;
		}
		*/
		
		if (menuid == "anchorclass2") { //alert(posy);	
			//posy = 280;			
			menu.dropmenu.setcss({left:(posx1-0)+'px', top:posy+'px', visibility:'visible'})
		}else{
			menu.dropmenu.setcss({left:posx+'px', top:posy+'px', visibility:'visible'})	
		}
		
		if (this.effects.shadow.enabled)
			//menu.shadow.setcss({left:posx+anylinkcssmenu.effects.shadow.depth[0]+'px', top:posy+anylinkcssmenu.effects.shadow.depth[1]+'px', visibility:'visible'})
		if (this.effects.fade.enabled) {
			clearInterval(menu.animatetimer)
			menu.curanimatedegree=0
			menu.starttime=new Date().getTime() //get time just before animation is run
			menu.animatetimer=setInterval(function(){anylinkcssmenu.revealmenu(menuid)}, 20)
		}
	},
	
	revealmenu:function(menuid){
		var menu=anylinkcssmenu.menusmap[menuid]
		var elapsed=new Date().getTime()-menu.starttime //get time animation has run
		if (elapsed<this.effects.fade.duration){
			this.setopacity(menu.dropmenu, menu.curanimatedegree)
			if (this.effects.shadow.enabled)
				this.setopacity(menu.shadow, menu.curanimatedegree*this.effects.shadow.opacity)
		}
		else{
			clearInterval(menu.animatetimer)
			this.setopacity(menu.dropmenu, 1)
			menu.dropmenu.style.filter=""
		}
		menu.curanimatedegree=(1-Math.cos((elapsed/this.effects.fade.duration)*Math.PI)) / 2
	},
	
	setcss:function(param){
		for (prop in param){
			this.style[prop]=param[prop]
		}
	},
	
	setcssclass:function(el, targetclass, action){
		var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
		if (action=="check")
			return needle.test(el.className)
		else if (action=="remove")
			el.className=el.className.replace(needle, "")
		else if (action=="add" && !needle.test(el.className))
			el.className+=" "+targetclass
	},
	
	hidemenu:function(menuid){
		var menu=anylinkcssmenu.menusmap[menuid]
		clearInterval(menu.animatetimer)
		menu.dropmenu.setcss({visibility:'hidden', left:0, top:0})
		//menu.shadow.setcss({visibility:'hidden', left:0, top:0})
	},
	
	getElementsByClass:function(targetclass){
		if (document.querySelectorAll)
			return document.querySelectorAll("."+targetclass)
		else{
			var classnameRE=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "i") //regular expression to screen for classname
			var pieces=[]
			var alltags=document.all? document.all : document.getElementsByTagName("*")
			for (var i=0; i<alltags.length; i++){
				if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
					pieces[pieces.length]=alltags[i]
			}
			return pieces
		}
	},
	
	addEvent:function(targetarr, functionref, tasktype){
		if (targetarr.length>0){
			var target=targetarr.shift()
			if (target.addEventListener)
				target.addEventListener(tasktype, functionref, false)
			else if (target.attachEvent)
				target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)})
			this.addEvent(targetarr, functionref, tasktype)
		}
	},
	
	domready:function(functionref){ //based on code from the jQuery library
		if (dd_domreadycheck){
			functionref()
			return
		}
		// Mozilla, Opera and webkit nightlies currently support this event
		if (document.addEventListener) {
			// Use the handy event callback
			document.addEventListener("DOMContentLoaded", function(){
				document.removeEventListener("DOMContentLoaded", arguments.callee, false )
				functionref();
				dd_domreadycheck=true
			}, false )
		}
		else if (document.attachEvent){
			// If IE and not an iframe
			// continually check to see if the document is ready
			if ( document.documentElement.doScroll && window == window.top) (function(){
				if (dd_domreadycheck) return
				try{
					// If IE is used, use the trick by Diego Perini
					// http://javascript.nwbox.com/IEContentLoaded/
					document.documentElement.doScroll("left")
				}catch(error){
					setTimeout( arguments.callee, 0)
					return;
				}
				//and execute any waiting functions
				functionref();
				dd_domreadycheck=true
			})();
		}
		if (document.attachEvent && parent.length>0) //account for page being in IFRAME, in which above doesn't fire in IE
			this.addEvent(window, function(){functionref()}, "load");
	},
	
	addState:function(anchorobj, state){
		if (anchorobj.getAttribute('data-image')){
			var imgobj = (anchorobj.tagName == "IMG")? anchorobj : anchorobj.getElementsByTagName('img')[0]
			if (imgobj){
				imgobj.src=(state == "add")? anchorobj.getAttribute('data-overimage') : anchorobj.getAttribute('data-image')
			}
		}
		else
			anylinkcssmenu.setcssclass(anchorobj, "selectedanchor", state)
	},
	
	
	setupmenu:function(targetclass, anchorobj, pos){
		this.standardbody = (document.compatMode == "CSS1Compat") ? document.documentElement : document.body
		var relattr    = anchorobj.getAttribute("rel")
		var dropmenuid = relattr.replace(/\[(\w+)\]/, '')
		var menu       = this.menusmap[targetclass+pos]={
			id: targetclass+pos,
			anchorobj: anchorobj,	
			dropmenu: document.getElementById(dropmenuid),
			revealtype: (relattr.length!=dropmenuid.length && RegExp.$1=="click")? "click" : "mouseover",
			orientation: anchorobj.getAttribute("rev")=="lr"? "lr" : "ud",
			shadow: document.createElement("div")
		}
		
		menu.anchorobj._internalID=targetclass+pos;
		menu.anchorobj._isanchor=true;
		menu.dropmenu._internalID=targetclass+pos;
		//menu.shadow._internalID=targetclass+pos
		//menu.shadow.className="anylinkshadow"
		document.body.appendChild(menu.dropmenu) //move drop down div to end of page
		document.body.appendChild(menu.shadow)
		menu.dropmenu.setcss=this.setcss
		//menu.shadow.setcss=this.setcss
		///menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
		this.setopacity(menu.shadow, this.effects.shadow.opacity)
		this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOVER event for anchor, dropmenu, shadow
			var menu=anylinkcssmenu.menusmap[this._internalID]
			if (this._isanchor && menu.revealtype=="mouseover" && !anylinkcssmenu.isContained(this, e)){ //event for anchor
				anylinkcssmenu.showmenu(menu.id)
				anylinkcssmenu.addState(this, "add")
			}
			else if (typeof this._isanchor=="undefined"){ //event for drop down menu and shadow
				clearTimeout(menu.hidetimer)
			}
		}, "mouseover")
		this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOUT event for anchor, dropmenu, shadow
			if (!anylinkcssmenu.isContained(this, e)){
				var menu=anylinkcssmenu.menusmap[this._internalID]
				menu.hidetimer=setTimeout(function(){
					anylinkcssmenu.addState(menu.anchorobj, "remove")
					anylinkcssmenu.hidemenu(menu.id)
				}, anylinkcssmenu.effects.delayhide)
			}
		}, "mouseout")
		this.addEvent([menu.anchorobj, menu.dropmenu], function(e){ //CLICK event for anchor, dropmenu
			var menu=anylinkcssmenu.menusmap[this._internalID]
			if ( this._isanchor && menu.revealtype=="click"){
				if (menu.dropmenu.style.visibility=="visible")
					anylinkcssmenu.hidemenu(menu.id)
				else{
					anylinkcssmenu.addState(this, "add")
					anylinkcssmenu.showmenu(menu.id)
				}
				if (e.preventDefault)
					e.preventDefault()
				return false
			}
			else
				menu.hidetimer=setTimeout(function(){anylinkcssmenu.hidemenu(menu.id)}, anylinkcssmenu.effects.delayhide)
		}, "click")
	},
	
	init:function(targetclass){
		this.domready(function(){anylinkcssmenu.trueinit(targetclass)})
	},

trueinit:function(targetclass){
	var anchors=this.getElementsByClass(targetclass)
	var preloadimages=this.preloadimages
	for (var i=0; i<anchors.length; i++){
		if (anchors[i].getAttribute('data-image')){ //preload anchor image?
			preloadimages[preloadimages.length]=new Image()
			preloadimages[preloadimages.length-1].src=anchors[i].getAttribute('data-image')
		}
		if (anchors[i].getAttribute('data-overimage')){ //preload anchor image?
			preloadimages[preloadimages.length]=new Image()
			preloadimages[preloadimages.length-1].src=anchors[i].getAttribute('data-overimage')
		}
		this.setupmenu(targetclass, anchors[i], i)
	}
} }