/* jQuery Mega Menu v1.02
* Last updated: June 29th, 2009. This notice must stay intact for usage 
* Author: JavaScript Kit at http://www.javascriptkit.com/
* Visit http://www.javascriptkit.com/script/script2/jScale/ for full source code
*/

/*reference http://api.jquery.com/jQuery.noConflict/*/
jQuery.noConflict(); 

var jkmegamenu={

effectduration: 250, //duration of animation, in milliseconds
delaytimer: 250, //delay after mouseout before menu should be hidden, in milliseconds

toggletest: 0, //boolean to trigger/toggle timed events.
timertoggle:null, 
currentevent:null,
currentmenuposition:null,
menuisvisible:0,

//No need to edit beyond here
megamenulabels: [],
megamenus: [], //array to contain each block menu instances
zIndexVal: 1000, //starting z-index value for drop down menu
$shimobj: null,

addshim:function($){
	$(document.body).append('<IFRAME id="outlineiframeshim" src="'+(location.protocol=="https:"? 'blank.htm' : 'about:blank')+'" style="display:none; left:0; top:0; z-index:999; position:absolute; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no"></IFRAME>')
	this.$shimobj=$("#outlineiframeshim")
},

alignmenu:function($, e, megamenu_pos){
	//document.getElementById('div_jslog').innerHTML=document.getElementById('div_jslog').innerHTML + 'alignmenu ' + megamenu_pos + '<br />'
	var megamenu=this.megamenus[megamenu_pos]
	
	var $anchor=megamenu.$anchorobj
	var $menu=megamenu.$menuobj
	
	//testing: var menuleft=0 //all menus will begin at the far left side of page.
	//original: var menuleft=($(window).width()-(megamenu.offsetx-$(document).scrollLeft())>megamenu.actualwidth)? megamenu.offsetx : megamenu.offsetx-megamenu.actualwidth+megamenu.anchorwidth //get x coord of menu
	//new menuleft calc method: window width/2 - .5 of 990 -- for use with a fixed-width 990px wide page centered in the window.
	var menuleft=($(window).width()/2)-(495)   
	
	//var menutop=($(window).height()-(megamenu.offsety-$(document).scrollTop()+megamenu.anchorheight)>megamenu.actualheight)? megamenu.offsety+megamenu.anchorheight : megamenu.offsety-megamenu.actualheight
	var menutop=megamenu.offsety+megamenu.anchorheight  //get y coord of menu
	$menu.css({left:menuleft+"px", top:menutop+"px"})
	this.$shimobj.css({width:megamenu.actualwidth+"px", height:megamenu.actualheight+"px", left:menuleft+"px", top:menutop+"px", display:"block"})

},

showmenu:function(e, megamenu_pos){
	//document.getElementById('div_jslog').innerHTML=document.getElementById('div_jslog').innerHTML + 'showmenu ' + megamenu_pos + '<br />'
	
	var megamenu=this.megamenus[megamenu_pos]
	var $menu=megamenu.$menuobj
	var $menuinner=megamenu.$menuinner
	if ($menu.css("display")=="none"){
		this.alignmenu(jQuery, e, megamenu_pos)
		$menu.css("z-index", ++this.zIndexVal)
		$menu.slideToggle(this.effectduration, function(){
			$menuinner.css('visibility', 'visible')
		jkmegamenu.menuisvisible=1 //@@@@ set a flag indicating a menu is being displayed.
		})
	}
	else if ($menu.css("display")=="block" && e.type=="click"){ //if menu is hidden and this is a "click" event (versus "mouseout")
		this.hidemenu(e, megamenu_pos)
	}
	return false
},

teststuff:function(e){
//document.getElementById('div_jslog').innerHTML=document.getElementById('div_jslog').innerHTML + 'teststuff<br />'
if(jkmegamenu.toggletest==1)
	{
	jkmegamenu.executetimedcommand()
	jkmegamenu.toggletest=0
	}
else
	{
	//jkmegamenu.executetimedcommandcancel()
	clearTimeout(jkmegamenu.timertoggle);
	}
},

executetimedcommand:function(){
	//document.getElementById('div_jslog').innerHTML=document.getElementById('div_jslog').innerHTML + 'executetimedcommand, toggletest=' + jkmegamenu.toggletest + '<br />'
	if(jkmegamenu.toggletest==1)
		{
		//alert('abcde')
		jkmegamenu.toggletest=0//reset the toggle
		//jkmegamenu.timertoggle=0;//set to 0 to indicate no active timer.
				
		return jkmegamenu.showmenu(jkmegamenu.currentevent, jkmegamenu.currentmenuposition)
		
		}
},

canceltimedcommand:function(){
	//document.getElementById('div_jslog').innerHTML=document.getElementById('div_jslog').innerHTML + 'canceltimedcommand<br />'
	clearTimeout(jkmegamenu.timertoggle);
	jkmegamenu.timertoggle=null; //added 2010-09-28 trying to find way to track extra menus.
	jkmegamenu.toggletest=0;
},

hidemenu:function(e, megamenu_pos){
//	if(jkmegamenu.toggletest==1)
//	if(jkmegamenu.timertoggle==0)
//	if(jkmegamenu.menuisvisible==1 && jkmegamenu.timertoggle==1)//fails - menu never disappears.
//if(jkmegamenu.menuisvisible==1 && jkmegamenu.timertoggle==null)//works only if the menu button is approached vertically. calling another menu by rolling from button to button prevents previous menus from being hidden.
//if(jkmegamenu.menuisvisible==1 && megamenu_pos==jkmegamenu.currentmenuposition)//works only if the menu button is approached vertically. calling another menu by rolling from button to button prevents previous menus from being hidden.
//document.getElementById('div_jslog').innerHTML=document.getElementById('div_jslog').innerHTML + 'hidemenu ' + megamenu_pos + '<br />'

//	if(jkmegamenu.menuisvisible==1) //works, except a fast mouse move can lock up menus.
//	if(jkmegamenu.timertoggle==null)//run only if timer is null (no timer running); doesn't solve anything and creates new problems.
//		{
		
		var megamenu=this.megamenus[megamenu_pos]
		var $menu=megamenu.$menuobj
		var $menuinner=megamenu.$menuinner
		$menuinner.css('visibility', 'hidden')
		this.$shimobj.css({display:"none", left:0, top:0})
		
		//original:$menu.slideToggle(this.effectduration)
		$menu.slideUp(this.effectduration)//only allows it to be hidden; slideToggle was showing menus when it should have been hiding them.
		jkmegamenu.menuisvisible=0
//		}
},

definemenu:function(anchorid, menuid, revealtype){
	this.megamenulabels.push([anchorid, menuid, revealtype])
},

render:function($){
	for (var i=0, labels=this.megamenulabels[i]; i<this.megamenulabels.length; i++, labels=this.megamenulabels[i]){
		if ($('#'+labels[0]).length!=1 || $('#'+labels[1]).length!=1) //if one of the two elements are NOT defined, exist
			return
		this.megamenus.push({$anchorobj:$("#"+labels[0]), $menuobj:$("#"+labels[1]), $menuinner:$("#"+labels[1]).children('ul:first-child'), revealtype:labels[2], hidetimer:null})
		var megamenu=this.megamenus[i]	
		megamenu.$anchorobj.add(megamenu.$menuobj).attr("_megamenupos", i+"pos") //remember index of this drop down menu
		megamenu.actualwidth=megamenu.$menuobj.outerWidth()
		megamenu.actualheight=megamenu.$menuobj.outerHeight()
		megamenu.offsetx=megamenu.$anchorobj.offset().left
		megamenu.offsety=megamenu.$anchorobj.offset().top
		megamenu.anchorwidth=megamenu.$anchorobj.outerWidth()
		megamenu.anchorheight=megamenu.$anchorobj.outerHeight()
		$(document.body).append(megamenu.$menuobj) //move drop down menu to end of document
		megamenu.$menuobj.css("z-index", ++this.zIndexVal).hide()
		megamenu.$menuinner.css("visibility", "hidden")
		
		//this block detects when the mouse clicks or goes over the anchor object (triggering button)
		megamenu.$anchorobj.bind(megamenu.revealtype=="click"? "click" : "mouseenter", function(e){
			var menuinfo=jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))]
			clearTimeout(menuinfo.hidetimer) //cancel hide menu timer
			
			//original code: return jkmegamenu.showmenu(e, parseInt(this.getAttribute("_megamenupos")))
			jkmegamenu.toggletest=1
			jkmegamenu.currentevent=e
			jkmegamenu.currentmenuposition=parseInt(this.getAttribute("_megamenupos")) 
			jkmegamenu.timertoggle=setTimeout(jkmegamenu.teststuff,500)
		})
		
		//this block makes the menu disappear when the mouse leaves the triggering button.
		/*megamenu.$anchorobj.bind("mouseleave", function(e){
			var menuinfo=jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))]
			if (e.relatedTarget!=menuinfo.$menuobj.get(0) && $(e.relatedTarget).parents("#"+menuinfo.$menuobj.get(0).id).length==0){ //check that mouse hasn't moved into menu object
				menuinfo.hidetimer=setTimeout(function(){ //add delay before hiding menu
					jkmegamenu.hidemenu(e, parseInt(menuinfo.$menuobj.get(0).getAttribute("_megamenupos")))
				}, jkmegamenu.delaytimer)
			}
		})*/
		
		//this block makes the menu disappear when the mouse leaves the triggering button.
		megamenu.$anchorobj.bind("mouseleave", function(e){
		var menuinfo=jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))]
		jkmegamenu.canceltimedcommand()
		jkmegamenu.currentevent=e
		if (e.relatedTarget!=menuinfo.$menuobj.get(0) && $(e.relatedTarget).parents("#"+menuinfo.$menuobj.get(0).id).length==0)
			{ //check that mouse hasn't moved into menu object
			menuinfo.hidetimer=setTimeout(function()
				{ //add delay before hiding menu
				jkmegamenu.hidemenu(e, parseInt(menuinfo.$menuobj.get(0).getAttribute("_megamenupos")))
				}, jkmegamenu.delaytimer)
			}
		})
		
		//somehow this next block is essential for maintaining the delayed disappearance of the menu. If it is disabled the menu disappears instantly regardless of the delay setting.
		megamenu.$menuobj.bind("mouseenter", function(e){
			var menuinfo=jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))]
			clearTimeout(menuinfo.hidetimer) //cancel hide menu timer
		})
		
		//this block makes the menu disappear when the mouse leaves the actual menu area
		megamenu.$menuobj.bind("click mouseleave", function(e){
			var menuinfo=jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))]
			menuinfo.hidetimer=setTimeout(function(){ //add delay before hiding menu
				jkmegamenu.hidemenu(e, parseInt(menuinfo.$menuobj.get(0).getAttribute("_megamenupos")))
			}, jkmegamenu.delaytimer)
		})
		
	} //end for loop
	
	if(/Safari/i.test(navigator.userAgent)){ //if Safari
		$(window).bind("resize load", function(){
			for (var i=0; i<jkmegamenu.megamenus.length; i++){
				var megamenu=jkmegamenu.megamenus[i]
				var $anchorisimg=(megamenu.$anchorobj.children().length==1 && megamenu.$anchorobj.children().eq(0).is('img'))? megamenu.$anchorobj.children().eq(0) : null
				if ($anchorisimg){ //if anchor is an image link, get offsets and dimensions of image itself, instead of parent A
					megamenu.offsetx=$anchorisimg.offset().left
					megamenu.offsety=$anchorisimg.offset().top
					megamenu.anchorwidth=$anchorisimg.width()
					megamenu.anchorheight=$anchorisimg.height()
				}
			}
		})
	}
	else{
		$(window).bind("resize", function(){
			for (var i=0; i<jkmegamenu.megamenus.length; i++){
				var megamenu=jkmegamenu.megamenus[i]	
				megamenu.offsetx=megamenu.$anchorobj.offset().left
				megamenu.offsety=megamenu.$anchorobj.offset().top
			}
		})
	}
	jkmegamenu.addshim($)
}

}

jQuery(document).ready(function($){
	jkmegamenu.render($)
})