// JavaScript Document


			jQuery(document).ready(function($)
			{
				$("#jDrawer-1").jDrawer({event: "click"});
				$("#jDrawer-2").jDrawer({speed: 500, sticky: false});
				$("#jDrawer-3").jDrawer({layout: "horizontal", sticky: false});
				$("#jDrawer-4").jDrawer({layout: "horizontal", event: "click"});
				$("#jDrawer-5").jDrawer();
				$("#jDrawer-9").jDrawer({speed: 999999});
				$("#jDrawer-6").jDrawer({callback: function() { alert("hover"); } });
				
				$("#jDrawer-10").jDrawer({speed: 999999});
				$("#jDrawer-11").jDrawer({speed: 999999});
				$("#jDrawer-12").jDrawer({speed: 999999});
				$("#jDrawer-13").jDrawer({speed: 999999});
				$("#jDrawer-14").jDrawer({speed: 999999});
				$("#jDrawer-15").jDrawer({speed: 999999});
				$("#jDrawer-16").jDrawer({speed: 999999});
				$("#jDrawer-17").jDrawer({speed: 999999});
				$("#jDrawer-18").jDrawer({speed: 999999});
				$("#jDrawer-19").jDrawer({speed: 999999});
				$("#jDrawer-20").jDrawer({speed: 999999});
				$("#jDrawer-21").jDrawer({speed: 999999});
				$("#jDrawer-22").jDrawer({speed: 999999});
				$("#jDrawer-23").jDrawer({speed: 999999});
				$("#jDrawer-24").jDrawer({speed: 999999});
				$("#jDrawer-25").jDrawer({speed: 999999});
				$("#jDrawer-26").jDrawer({speed: 999999});
				$("#jDrawer-27").jDrawer({speed: 999999});
				$("#jDrawer-28").jDrawer({speed: 999999});
				$("#jDrawer-29").jDrawer({speed: 999999});
				$("#jDrawer-30").jDrawer({speed: 999999});
				$("#jDrawer-31").jDrawer({speed: 999999});
				$("#jDrawer-32").jDrawer({speed: 999999});
				$("#jDrawer-33").jDrawer({speed: 999999});
				$("#jDrawer-34").jDrawer({speed: 999999});
				$("#jDrawer-35").jDrawer({speed: 999999});
				$("#jDrawer-36").jDrawer({speed: 999999});
				$("#jDrawer-37").jDrawer({speed: 999999});
				$("#jDrawer-38").jDrawer({speed: 999999});
				$("#jDrawer-39").jDrawer({speed: 999999});
				$("#jDrawer-40").jDrawer({speed: 999999});
				$("#jDrawer-41").jDrawer({speed: 999999});
				$("#jDrawer-42").jDrawer({speed: 999999});
				$("#jDrawer-43").jDrawer({speed: 999999});
				$("#jDrawer-44").jDrawer({speed: 999999});
				$("#jDrawer-45").jDrawer({speed: 999999});
				$("#jDrawer-46").jDrawer({speed: 999999});
				$("#jDrawer-47").jDrawer({speed: 999999});
				$("#jDrawer-48").jDrawer({speed: 999999});
				$("#jDrawer-49").jDrawer({speed: 999999});
				$("#jDrawer-50").jDrawer({speed: 999999});
				$("#jDrawer-51").jDrawer({speed: 999999});
				$("#jDrawer-52").jDrawer({speed: 999999});
				$("#jDrawer-53").jDrawer({speed: 999999});
				$("#jDrawer-54").jDrawer({speed: 999999});
				$("#jDrawer-55").jDrawer({speed: 999999});
				$("#jDrawer-56").jDrawer({speed: 999999});
				
			});


			// Initialization, you can leave this here or move this somewhere else
			$(function(){
				$('ul.jd_menu').jdMenu({	 onShow: loadMenu // MM
											//onHideCheck: onHideCheckMenu,
											//onHide: onHideMenu, 
											//onClick: onClickMenu, 
											//onAnimate: onAnimate
											});
				$('ul.jd_menu_vertical').jdMenu({onShow: loadMenu, onHide: unloadMenu, offset: 1, onAnimate: onAnimate});
			});

			function onAnimate(show) {
				//$(this).fadeIn('slow').show();
				if (show) {
					$(this)
						.css('visibility', 'hidden').show()
							.css('width', $(this).innerWidth())
						.hide().css('visibility', 'visible')
					.fadeIn('normal');
				} else {
					$(this).fadeOut('fast');
				}
			}

			var MENU_COUNTER = 1;
			function loadMenu() {
				if (this.id == 'dynamicMenu') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					for (; MENU_COUNTER < t; MENU_COUNTER++) {
						$('> ul', this).append('<li>Item ' + MENU_COUNTER + '</li>');
					}
				}
			}

			function unloadMenu() {
				if (MENU_COUNTER >= 30) {
					MENU_COUNTER = 1;
				}
			}

			// We're passed a UL
			function onHideCheckMenu() {
				return !$(this).parent().is('.LOCKED');
			}

			// We're passed a LI
			function onClickMenu() {
				$(this).toggleClass('LOCKED');
				return true;
			}



            $(function() {
                $('#container-1 > ul').tabs();
                $('#container-2 > ul').tabs({ selected: 1 });
                $('#container-3 > ul').tabs({ fx: { height: 'toggle' } });
                $('#container-4 > ul').tabs({ fx: { opacity: 'toggle' } });
                $('#container-5 > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
                $('#container-6 > ul').tabs({
                    fx: { opacity: 'toggle', duration: 'fast' },
                    select: function(ui) {
                        alert('select');
                    },
                    show: function(ui) {
                        alert('show');
                    }
                });
                $('#container-7 > ul').tabs({ fx: [null, { height: 'show', opacity: 'show' }] });
                $('#container-8 > ul').tabs();
                $('#container-9 > ul').tabs({ disabled: [2] });
				
                $('<p><a href="#">Remove 4th tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {
                    $('#container-9 > ul').tabs('remove', 3);
                    return false;
                });
                $('<p><a href="#">Insert new tab at 2nd position<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {
                    $('#container-9 > ul').tabs('add', '#inserted-tab', 'New Tab', 1);
                    return false;
                });
                $('<p><a href="#">Append new tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {
                    $('#container-9 > ul').tabs('add', '#appended-tab', 'New Tab');
                    return false;
                });
                $('<p><a href="#">Disable 3rd tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {
                    $('#container-9 > ul').tabs('disable', 2);
                    return false;
                });
                $('<p><a href="#">Enable 3rd tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {
                    $('#container-9 > ul').tabs('enable', 2);
                    return false;
                });
                $('<p><a href="#">Select 3rd tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {
                    $('#container-9 > ul').tabs('select', 2);
                    return false;
                });
                $('<p><a href="#">Get selected tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() {
                    alert( $('#container-9 > ul').data('selected.tabs') );
                    return false;
                });
                $('#container-10 > ul').tabs({ selected: null, unselect: true });
                $('#container-11 > ul').tabs({ event: 'mouseover' });
            });