function panda_dropdown(panda) {
	var dropdownMenu = $('.panda-dropdown-menu');
	var selectedDropdownMenu = dropdownMenu[panda];
	var dropdown = $('.panda-dropdown-toggle');
	var selectedDropdown = dropdown[panda];
	var toggle = $('.panda-toggle');
	var selectedToggle = toggle;
	//$(selectedDropdownMenu).slideDown(100);
	$(selectedDropdownMenu).attr('style','display: block;');
	$(selectedDropdown).mouseleave(function() {
		//$(selectedDropdownMenu).slideUp(100);
		$(selectedDropdownMenu).attr('style','display: none;');
	});
}

function mobile_panda_dropdown(panda) {
	var dropdownMenu = $('.panda-dropdown-menu');
	var selectedDropdownMenu = dropdownMenu[panda];
	var dropdown = $('.panda-dropdown-toggle');
	var selectedDropdown = dropdown[panda];
	var toggle = $('.panda-toggle');
	var selectedToggle = toggle;
	var status = $(selectedDropdownMenu).attr('style');
	//alert(status);
	if (status == 'display: none;'){
		//$(selectedDropdownMenu).slideDown(100);
		//alert("1");
		$(selectedDropdownMenu).attr('style','display: block;');
	}
	
	else if (status == 'display: block;'){
		$(selectedDropdownMenu).attr('style','display: none;');
		//$(selectedDropdownMenu).slideDown(100);
		//$(selectedDropdownMenu).slideUp(100);
		//alert("2");
	}
}

/*

MARKUP
<div class="panda-dropdown">
	<span class="dropdown-toggler">Navigation</span>
	<ul>
		<li>Something</li>
	</ul>
</div>
*/

(function( $ ){
	$.fn.panda_dd_menu = function( options ) {  
		var settings = {
				onlyOne : true,
				triggerClass : '.panda-dropdown',
				scroll: false
		};

		return this.each(function() {        
			if ( options ) { 
				$.extend( settings, options );
			}
			
			var $this = $(this);
			var $toggler = $('.dropdown-toggler', $this);
			var $menu = $('ul', $this);
			var $triggerClass = $(settings.triggerClass);
			var $hideTimer = null;
			
			$menu.css('min-width', $toggler.width()+40);
			
			$this.bind('mouseover', function(){
				clearTimeout($hideTimer);
				
				if(settings.onlyOne == true){
					$triggerClass.each(function(){
						$('ul', settings.triggerClass).hide();
						$(this).removeClass('active');
						clearTimeout($hideTimer);
					})
				}
				
				$this.addClass('active');
				$menu.show();
				$('.video-wrapper').addClass('zindex-1');
			});
			
			$this.bind('mouseout', function(){
				$hideTimer = setTimeout(hideIt, 1000);
			});
			
			if(settings.scroll){
//				$('.scroll-wrapper_panda').live('mousedown', function(){
//					clearTimeout($hideTimer);
//					$this.unbind('mouseout');
//				});
				
				$('.panda-scroll-sensor').live('mouseover', function(){
					clearTimeout($hideTimer);
					$this.unbind('mouseout');
				});
				
				$('.panda-scroll-sensor').live('mouseleave', function(){
					$this.bind('mouseout', function(){
						$hideTimer = setTimeout(hideIt, 1000);
					});
				});
			}
			
			function hideIt(){
				$this.removeClass('active');
				$menu.hide();
				$('.video-wrapper').removeClass('zindex-1');
			}
		});
	};
})( jQuery );