//** Smooth Navigational Menu- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
//** Menu created: Nov 12, 2008

//** Dec 12th, 08" (v1.01): Fixed Shadow issue when multiple LIs within the same UL (level) contain sub menus: http://www.dynamicdrive.com/forums/showthread.php?t=39177&highlight=smooth

//** Feb 11th, 09" (v1.02): The currently active main menu item (LI A) now gets a CSS class of ".selected", including sub menu items.

//** May 1st, 09" (v1.3):
//** 1) Now supports vertical (side bar) menu mode- set "orientation" to 'v'
//** 2) In IE6, shadows are now always disabled

//** July 27th, 09" (v1.31): Fixed bug so shadows can be disabled if desired.
var arrowurl = "";
$GLOBALS = {};
$GLOBALS.IE = /MSIE/.test(navigator.appVersion);
var ddsmoothmenu={

//Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs):
arrowimages: {down:['downarrowclass', ""]},

transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
shadow: {enable:true, offsetx:5, offsety:5},

///////Stop configuring beyond here///////////////////////////

detectwebkit: navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1, //detect WebKit browsers (Safari, Chrome etc)
detectie6: document.all && !window.XMLHttpRequest,

getajaxmenu:function($, setting){ //function to fetch external page containing the panel DIVs
	var $menucontainer=$('#'+setting.contentsource[0]) //reference empty div on page that will hold menu
	$menucontainer.html("Loading Menu...");
	$.ajax({
		url: setting.contentsource[1], //path to external menu file
		async: true,
		error:function(ajaxrequest){
			$menucontainer.html('Error fetching content. Server Response: '+ajaxrequest.responseText)
		},
		success:function(content){
			$menucontainer.html(content)
			ddsmoothmenu.buildmenu($, setting)
		}
	})
},


buildmenu:function($, setting){
	var smoothmenu=ddsmoothmenu
	var $mainmenu=$("#"+setting.mainmenuid+" ul");
	if($mainmenu.parent().get(0)!=null){
            $mainmenu.parent().get(0).className=setting.classname || "ddsmoothmenu"
        }
	var $headers=$mainmenu.find("ul").parent();
	$headers.hover(
		function(e){
                    $(this).children('a:eq(0)').addClass('selected');
		},
		function(e){
                    $(this).children('a:eq(0)').removeClass('selected');
		}
	);
	$headers.each(function(i){
		var $curobj=$(this).css({zIndex: 100-i});
		var $subul=$(this).find('ul:eq(0)').css({display:'block'});
		this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()};
		this.istopheader=$curobj.parents("ul").length==1? true : false;
		$subul.css({top:this.istopheader && setting.orientation!='v'? this._dimensions.h+"px" : 0});
		$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: smoothmenu.arrowimages.down[2]} : {}).append(
			'<img src="'+ (this.istopheader && setting.orientation!='v'? setting.arrowimagesrc : smoothmenu.arrowimages.right[1])
			+'" class="' + (this.istopheader && setting.orientation!='v'? smoothmenu.arrowimages.down[0] : smoothmenu.arrowimages.right[0])
			+ '" style="border:0;" />'
		);
                if($GLOBALS.IE && ($mycurrobj = $curobj.children("ul:eq(0)")) && ($mycurrobj.queue().length<=1)){
                    $mycurrobj.css('display','none');
                    $mycurrobj.animate({height:'200px',opacity:1}, 0);
                    $mycurrobj.css('filter','');
                    $mycurrobj.css('-ms-filter','');
                    $mycurrobj.animate({height:0, opacity:0}, 0);
                    $mycurrobj.css('filter','');
                    $mycurrobj.css('-ms-filter','');
                    $mycurrobj.css('display','block');
                }
		$curobj.hover(
			function(){
                            if ($(this).children("ul:eq(0)").queue().length<=1){
                                if($GLOBALS.IE){
                                    $(this).children("ul:eq(0)").animate({height:'200px',opacity:1}, ddsmoothmenu.transition.overtime);
                                }
                                else{
                                    $(this).children("ul:eq(0)").animate({height:'show',opacity:'show'}, ddsmoothmenu.transition.overtime);
                                }
                            }
			},
			function(){
                            if($GLOBALS.IE){
                                $(this).children("ul:eq(0)").animate({height:0, opacity:0}, ddsmoothmenu.transition.outtime);
                            }
                            else{
                                $(this).children("ul:eq(0)").animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime);
                            }
			}
		);
	});
	$mainmenu.find("ul").css({display:'none', visibility:'visible'});
},

init:function(setting){
	if (typeof setting.customtheme=="object" && setting.customtheme.length==2){ //override default menu colors (default/hover) with custom set?
		var mainmenuid='#'+setting.mainmenuid
		var mainselector=(setting.orientation=="v")? mainmenuid : mainmenuid+', '+mainmenuid
		document.write('<style type="text/css">\n'
			+mainselector+' ul li a {background:'+setting.customtheme[0]+';}\n'
			+mainmenuid+' ul li a:hover {background:'+setting.customtheme[1]+';}\n'
		+'</style>')
	}
	this.shadow.enable=(document.all && !window.XMLHttpRequest)? false : this.shadow.enable //in IE6, always disable shadow
	jQuery(document).ready(function($){ //ajax menu?
		if (typeof setting.contentsource=="object"){ //if external ajax menu
			ddsmoothmenu.getajaxmenu($, setting)
		}
		else{ //else if markup menu
			ddsmoothmenu.buildmenu($, setting)
		}
	})
}

} //end ddsmoothmenu variable

//Initialize Menu instance(s):