/**
* jquery DropDown menu plugin.
* replace any UL / LI list by a dropdown menu
* @licence GPL / MIT
* @author jonathan gotti < jgotti at jgotti dot org > < jgotti at modedemploi dot fr > for modedemploi.fr
* @since 2008-11
* @svnInfos:
*            - $LastChangedDate: 2009-03-24 11:44:37 +0100 (mar. 24 mars 2009) $
*            - $LastChangedRevision: 103 $
*            - $LastChangedBy: malko $
*            - $HeadURL: http://trac.jgotti.net/svn/simpleMVC/trunk/js/jqueryPlugins/jqueryDDmenu/jquery.DDmenu.js $
* @changelog
*            - 2009-09-22 - new vertical and rtl option
*                         - now fixedWidth can be a width value or true to be equal to parent size.
*                         - some slight modification to offer better support under ie
*            - 2009-01-27 - new option fixedWidth
* sample usage:
* $('ul.menu').DDmenu();
* or
* $('ul.menu').DDmenu(options);
* where options is an option object:
* possibles options are:
* - show:  one of false (equiv to show), show, slideDown or fadeIn (the default)
* - hide:  one of false (equiv to hide and the default), hide, slideUp or fadeOut
* - speed: time for in/out animation can be a single value or a pair [(int) showSpeed, (int) hideSpeed]
* - fixedWidth: bool default to true. will fixed first level childs to have same width as their parent.
*               set it to false to let the subMenu's width defined by its contents
*/

(function($){
	$.fn.DDmenu = function(options){
		return this.each(function() {
				DDMENU($(this),options);
		});
	}
	function DDMENU(elmt, options ){
		return this instanceof DDMENU ? this.init(elmt,options): new DDMENU(elmt, options);
	}

	// plugin defaults settings
	$.fn.DDmenu.defaults = {
		show:'show', // one of false (equiv to show), show, slideDown or fadeIn
		hide:'hide',    // one of false (equiv to hide), hide, slideUp or fadeOut
		speed:[0,0], // time for in/out animation can be a single value or a pair [(int) showSpeed, (int) hideSpeed]
		fixedWidth:false, // does first level childs as same width as their top level parent
		vertical:false,
		rtl:false
	}
	var DDmenuCount=0;
	$.extend(DDMENU.prototype,{
		menuId:false,
		opts: {},
		init: function(elmt,options){
			this.opts = $.extend({}, $.fn.DDmenu.defaults, options);
			if(typeof(this.opts.speed) != 'object'){
				this.opts.speed = [this.opts.speed,this.opts.speed];
			}
			this.menuId = elmt.attr('id');
			DDmenuCount++;
			if(! this.menuId.length ){
				this.menuId = elmt.attr('id','ddmenu_'+DDmenuCount);
			}
			// get all childs
			var childs = elmt.children('li').css({
				zoom: 1,
				display:this.opts.vertical?'block':'inline'
			});
			childs.find('li').css({zoom:1,display:'block'});
			childs.find('ul').css({padding:0,margin:0});
			// lookup each submenus
			var subs  = $('ul',elmt);
			for(var i=0;i<subs.length;i++){
				this.initSub(subs[i]);
			}
		},
		initSub: function(sub){
			sub = $(sub);
			var parent = sub.parent();
			sub.css({display:'none',position:'absolute',zIndex:100});
			parent.bind('mouseover',{DDmenu:this},this.showSub);
			parent.bind('mouseleave',{DDmenu:this},this.hideSub);
		},
		setSubPosition: function(sub){
			sub = $(sub);
			var parent = sub.parent(),
				coords = parent.offset(),
				firstSubLevel = parent.parent('ul').attr('id')===this.menuId?true:false;

			if( this.opts.fixedWidth && ( firstSubLevel || this.opts.vertical || this.opts.fixedWidth!==true) )
				sub.width(this.opts.fixedWidth===true?parent.outerWidth():this.opts.fixedWidth);

			if(firstSubLevel){
				style = {
					top:   parseInt(coords.top + (this.opts.vertical? 0 : parent.outerHeight() )),
					left:  parseInt(coords.left + ( this.opts.vertical ? (this.opts.rtl? 0- sub.outerWidth(): parent.outerWidth()):0))
				};
			}else{
				
				style = {
					top:  parseInt(coords.top-parent.parent('ul').offset().top+parent.height()),
					left: this.opts.rtl? 0-sub.outerWidth():parent.outerWidth()
				};
			}
			
			
			
			
			sub.css(style);
		},
		hideSub: function(e){
			var parent = $(this);
			var sub = $(parent.children('ul').get(0));
			var ddmenu = e.data.DDmenu;
			if(! sub)
				return false;
			if( ! ddmenu.opts.hide )
				sub.hide(ddmenu.opts.speed[1]);
			else
				sub[ddmenu.opts.hide](ddmenu.opts.speed[1]);
			parent.removeClass('active');
		},
		showSub: function(e){
			var parent = $(this);
			var ddmenu = e.data.DDmenu;
			var sub = $(parent.children('ul').get(0));
			ddmenu.setSubPosition(sub);

			if(! sub)
				return false;
			if( ddmenu.opts.show ){
				sub[ddmenu.opts.show](ddmenu.opts.speed[0]);
			}else{
				sub.show(ddmenu.opts.speed[0]);
			}
			parent.addClass('active');
		}
	});
})(jQuery);